BLOGスタッフブログ

インソースマーケティングデザイン

2012.09.06 Webプロモーション

Facebookでリンクシェア時に表示されるタイトルやサムネイルを任意設定する(OGP:オープングラフプロトコル)

「いいね」ボタンクリック時や、自分のFacebookウォールでURLを貼り付けてリンクシェアするときに、タイトル・URL・解説・サムネイルが表示されます。

 

 

通常のままだと、自動的にHTMLソース内のメタ情報やコンテンツの要素が引用され。ウォールに表示されることとなります。

でも実際に見てみると自分のサイトがせっかくシェアされても意図しない要素が表示されていることも。

 

で、こういったSNSシェア時の情報表示を思った通りの内容に設定できる

OGP(オープングラフプロトコル)

というコードが存在するようです。

 

 

コードについてとても分かりやすく解説されている記事に出会いましたので、使わせていただきます。

→Mr.FusionさまOGP記事

 

で、紹介させていただいた記事によると、このままではFacebook側のキャッシュが残っていて、古い情報を表示してしまうことがあるようなので、必ずキャッシュを削除するという行為が必須です。

Facebookが提供するFacebookのデバッカーページの登場です。

以前も「Facebookシェアボタンでサムネイルなどの情報が表示されない!リンクエラーでどうにもならないときの対処法」で紹介した方法です。

このFacebookのデバッカーページに対象となるページのURLを入力してデバッグボタンをクリックするだけです。

 

以上で完了!!!

 

 

 

 

インソースマーケティングデザインが書いた他の記事

見積もり・ご依頼など、
お気軽にご相談ください

本サイトはユーザーエクスペリエンスの向上などを目的に、Cookieを使用しています。
右記のバナーで「同意する」をクリックする、または本サイトを利用することにより、
お客様は弊社のCookieポリシーに同意したことになります。

同意します