インソースマーケティングデザイン
2012.09.06 Webプロモーション
Facebookでリンクシェア時に表示されるタイトルやサムネイルを任意設定する(OGP:オープングラフプロトコル)
「いいね」ボタンクリック時や、自分のFacebookウォールでURLを貼り付けてリンクシェアするときに、タイトル・URL・解説・サムネイルが表示されます。
通常のままだと、自動的にHTMLソース内のメタ情報やコンテンツの要素が引用され。ウォールに表示されることとなります。
でも実際に見てみると自分のサイトがせっかくシェアされても意図しない要素が表示されていることも。
で、こういったSNSシェア時の情報表示を思った通りの内容に設定できる
OGP(オープングラフプロトコル)
というコードが存在するようです。
コードについてとても分かりやすく解説されている記事に出会いましたので、使わせていただきます。
で、紹介させていただいた記事によると、このままではFacebook側のキャッシュが残っていて、古い情報を表示してしまうことがあるようなので、必ずキャッシュを削除するという行為が必須です。
Facebookが提供するFacebookのデバッカーページの登場です。
以前も「Facebookシェアボタンでサムネイルなどの情報が表示されない!リンクエラーでどうにもならないときの対処法」で紹介した方法です。
このFacebookのデバッカーページに対象となるページのURLを入力してデバッグボタンをクリックするだけです。
以上で完了!!!