フリーランスの道具箱

facebookにブログ記事を貼り付けた時、アイキャッチ画像サイズがめちゃくちゃデカイ(5000ピクセル超えていたら)と違う画像がでてくる

タイトルのままなのですが、アイキャッチ画像へうっかりデジカメの大きなサイズ(5000ピクセルオーバーのサイズ)を設定していたら、うまく画像が表示されないトラブルに出会いました。この記事は公開の2016年01月10日の時点でのfacebookの挙動に基づいて書いています。

このブログ(ものくろぼっくす)の場合は利用しているテーマ(DigiPressさんのMAGJAM)にて、ブログ記事のアイキャッチ画像を設定しておけば、facebookに記事を投稿した時に、その画像が自動で表示されます。

og:imageのタグに、アイキャッチ画像をテーマ(MAGJAM)の方で、差し込んでくれる(設定画面でOFFにもできます)からです。

その設定をONにしていて、記事のアイキャッチ画像も設定したのに、facebookへURLを貼り付けると、なぜか?違う写真、しかも、なんだかランダムな写真が3つぐらい候補になってしまうことがあり、原因を調べたら、アイキャッチ画像にデジカメ(RX-100M3)で撮影したそのままのjpegデータをアップロードしていました。

画像サイズ、5472 × 3648 ピクセル。大きすぎなサイズです。

この画像を 2000 × 1333 ピクセルにリサイズした後に、facebookデバッガーでキャッシュをクリアするとトラブルは解決しました。

アイキャッチ画像のサイズ、大きすぎるとブログ表示速度にも影響しますので、適切なサイズ、facebookの指定は少なくとも600x315px以上、推奨は1200x630pxもしくはそれ以上となっています。

なお、サイズが大きすぎる場合、og:imageのタグはきちん設定されていても、facebookデバッガー上の「og:image」画像が表示されないようです。


この記事を書いた人 :

profile2016autumn

ブロガー・Web&Blogコーチ・親指シフトユーザー・orzレイアウト考案者。WordPressが得意。HTML・CSS・PHPも熟知し広範囲の知識を持つ。

誰でもインターネットを活用できる時代だから、頭でモヤモヤしている「こんなのを実現したいなぁ」を引き出して形にし実現させるお手伝い、そして、インターネットを上手に使えるようにサポートするのが得意です。

iPhoneやAndroidなどのガジェット、デジタルだけでなく文房具などのアナログなツールも大好きです。写真や旅を楽しむこと、おいしいお食事、楽しい・ワクワクすることが大好きです。

Twitterやfacebookでも情報発信中、よろしければフォローしてください。



Instagram
follow us in feedly

ご依頼・講座開催情報はこちら

ブログ・情報発信でお困りごと、モヤモヤ、解決。あなたのステップアップをサポートしています。

広告

情報発信コンサルティング・コーチ

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。
・Webを活用して本気でビジネス・人生を切り開きたい方
・Webのテクニカルな改善でお悩みの方
・アイディアはあるのに、記事の文章にするのがうまくいかない方
・親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みもダイレクトにアドバイス。ブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

お申し込みは
お問い合わせフォーム
からお願いします。

うまく表示されない時は
こちらをご覧下さい。

お申し込みは
お問い合わせフォーム
からお願いします。

こちらの記事も役立ちます