Bloggerにfacebook用のOpen Graphを設置

このBlogにfacebookのlike buttonを設置したので、Facebook用のOpen Graph Tagを設置したときのMemo.

Open GraphはSocial Graphを作成するときに利用されるProtocol(規約、約束事)。Facebook, MixiなどのSNSから「like」or「イイネ」されてSocial化されたときにsiteの要約をSNS側に通知することができる。

詳しくは下記。

Bloggerへの設置方法は下記siteにあるcode をdashboard → design → edit html からheader tagに挿入して保存。

確認はFacebook Tools URL Linterで。

ちなみにSocial Graphの記述方法はXhtml Friends Network(XFN)というのもある。最近wordpressのthemeにrel属性があるのは、これを表現しているからみたい(?)。

これはまた今度調べる。

 

< 2011/12/03 Modified >
各記事をLikeしたときに表示される画像をこのServiceを使って表示させるように設定した。DebuggerでWarningがでるので、og:localeも追記

<meta content='ja_JP' property='og:locale'/>

 

< Related Posts >