ブログ記事をfacebookでシェアした時にサムネイルを表示させる時は画像のサイズを200px以上!

web制作

読了の目安時間: 127

wordpressのブログ記事をfacebookでシェアする時、そのサムネイル画像が200px以下の場合、facebook側の仕様上、反映されない設定になっています。

そのため、facebookでシェアさせる場合は、記事作成の際、そのサムネイル画像を200px以上にするように気をつけましょう。

エラーと対処法

こちらがシェアデバッガーでチェックした時のエラー画像です。

「画像が小さすぎます」と警告されており、詳しく見ると、「指定されたog:image URL「http://kiyotatsu.com/wp-kiyotatsu/wp-content/uploads/2014/09/thumb_css-150x150.png」は、最小サイズ(200px x 200px)未満であるため、使用できません。」とのこと。

じつは自分のブログサイト、開設当初からずいぶん様変わりしていて、当初はSNS連携を考えておらず、記事読込速度を向上させるため、wordpress側のアイキャッチ画像をできる限り小さくしていたという経緯があって、過去記事を見ていくと、けっこうシェアした時の画像が駄目駄目になっているものがあるんですよね・・・。

対処法としては、過去のサムネイル画像について、URLはそのままにして、拡大したものを上書きしてやればOKだとは思うのですが、これがなかなか面倒で、未だにやりだしていないという・・・。(そもそもシェアされるほど人気になる記事を量産できていないので・・・!)

まとめ

SNS拡散を考えている人は、サムネイル画像、wordpressでいうところのアイキャッチ画像を、あまり小さくしないようにしておいたほうが良いです。(読込速度はその分下がってしまいますが、サムネイルがチグハグになってしまうほうが問題ですので。)

最後に一言

無知ゆえの過ち・・・。

本記事を気に入って頂けたら、facebookの「いいね!」を是非!

ブログ記事をfacebookでシェアした時にサムネイルを表示させる時は画像のサイズを200px以上!


本記事のシェアはこちらから!

  • このエントリーをはてなブックマークに追加
  • Pocket

PROFILE

yoshi

follow us in feedly

WEB制作をやっているYoshiと申します。PVは月間10万程度。主に要件定義や構築が得意で、HTML/css/javascript/PHP/git/wordpress/MT/DB/photoshop/illustrator/fireworksなど扱えます。サーバー・アプリなども習得中。