サイトをFacebookのOGP(Open Graph Protocol)に対応させる方法

« HTML5 / CSS3 / JavaScriptのデモサイト「Circlu」を作りました | トップ | コーポレートサイトをリニューアルしました »

_facebook | 11.12.04 12:26
はてなブックマーク

ちょっとメモ。

Facebookのいいねボタンを押したときに、OGPの対応(metaタグ等の追加)をしていないと、Facebookのウォールにはページタイトルしか表示されなかったり、意図しないサムネイルが表示されてしまいますが、対応をすると以下のように、設定した内容を表示することができます。


サイトをFacebookのOGP(Open Graph Protocol)に対応させる方法
OGP対応前


サイトをFacebookのOGP(Open Graph Protocol)に対応させる方法
OGP対応後


OGPの書き方は以下から。

Open Graph Protocol

OGPが正しく設定されているかテストするには、以下ページから。

Debugger

Editor's Note

ぽんたを朝散歩に連れて行った後、作業開始。

Trackback URL :

今なら1ヶ月分のポイント 10000ポイントプレゼント! | SEO Park
    Thinkstock
    Newsletter

    このブログをメルマガで購読するには、↓にメールアドレスを入力してください。

    配信:FeedBurner

    Archive

    Category

    Popular Entries

    Archive

    Category