Facebookシェア時に出るサムネイル画像を変える

Author:

Facebookのシェアを行った時、出したいサムネイル画像が出なかったりすることがあります。

この画像。
share

これ、metaタグでどれを出すか制御できるようです。
OGP(Open Graph Protocol)ってのがあって、mixiとかGREEもこれを使って制御しているのです。

やり方はheadタグ部分に下記タグを追加させるだけ。
>meta property=”ogp:xxx” content=”yyy”<
このxxx部分には色々な要素を指定でき、例えば下記のようなものがあります。

og:type
このサイトはどんなサイトか
例:blog, article, companyなど

og:title
Webサイトのタイトル

og:image
シェアした時のサムネイル画像

og:url
WebサイトのURL

他にも色々あり、下記サイトでチェックできます。
The Open Graph Protocol

静的サイトなら手で直に書けばOK。
WordPressの場合、Pluginがたくさん用意されていますのでそれを使うといいです。
僕はこのプラグインを使用しています。
ogp

確かgithubから取得した記憶がありますが、本家はこちらのサイト。
INSPIRE TECH

ブログにアイキャッチ画像を載せない自分の場合、変な画像がサムネイルになる事が多かったので
そういう人は試してみましょう。

調べてないけど、おそらくアメブロやFC2は無理だと思います。
レンタルブログはこういうところ弱いのです。

Facebook にシェア
Pocket