facebookやgoogle+でリンク貼られた時の自動サムネイル表示の制御Tweetこいつのことです。投稿エリアにurlが入ってると自動で取得されるサムネイルですが、これの制御方法をメモしておきます。他にも方法があると思いますが、結構手軽に実現できたので自分のやりかたを。WP-OGPっていうプラグインを使います自動でオープングラフ系のコードを入れてくれる便利なプラグインです。WP-OGPこんな感じですね。content="こいつのことです。投稿エリアにurlが入ってると自動で取得されるサムネイルですが、これの制御方法をメモしておきます。-->次に、og:imageの出力を設定する記事中のどの画像をサムネイルに出力するかですが、wordpressのアイキャッチ画像を使っている場合はそれを表示したい場合が大半でしょうし、使って無い場合は本文中の画像から引っ張ってくる、あるいはサイトロゴを表示するなど、いろいろカスタマイズが必要だと思います。プラグイン→WP-OGPの110行目あたりに記述があります。}}・1行目:アイキャッチ画像を表示する・2行目:本文中の画像を表示する両者のうち、コメントアウト(//が付いている行)ではない方が表示されます。デフォルトではどっちに設定されてるかは忘れました。4行目・5行目:それらが無い場合の画像。デフォルト画像が設定されていればそれが表示、されていなければ無しになると。このサイトの場合、昔の記事はアイキャッチ画像なし、最近の記事はありと、アイキャッチ画像の有無が混在しているので、両方に対応しなければなりません。いうことで、自分の場合はこう設定しました。}}この場合、該当ページにアイキャッチ画像があれば→アイキャッチ画像を表示。無ければ→ポスト中の1枚目の画像を表示。google+でもバッチリっす。表示されない場合:キャッシュが貯まってるかもfacebookは強力にキャッシュ貯められますので、そいつのせいで更新されない可能性大です。キャッシュをクリアする必要があります。facebookのdebuggerというツールにurlをぶち込んだらクリアされます。developers見れば分かると思いますが、真中のボックスにurlぶちこんで「デバッグ」を押せば、これでクリアされます。再度facebookで試してみてください。それでも表示されない場合:画像サイズが小さいかもfacebookもgoogle+も、たしか120px×120px以上の画像をサムネイルとして認識します。対象画像のサイズがこれよりも小さければ表示されないはず。その場合はアイキャッチ画像を変更するなどが必要になると思います。ちなみにmixiでは180×180以上のようです。[...]コメントをどうぞ(承認後に反映されます)返信をキャンセルする。(8)aboutわたしについて楽器と機材を紹介するライブ情報リンク当サイトについて意識低い系UXストラテジストいまさしのライフログFacebookRSS著者:いまさし都内の某デジタルエージェンシーで働く意識低い系UIストラテジスト。休日はジャズベーシスト兼ゲーマー。imasashi.net。