[OGP] FacebookのOGPに対応しました

| コメント(2)

[OGP] FacebookのOGPに対応した

このblogをFacebookのOGP(Open Graph Protocol)に対応させました。

未対応のページとこの対応済みのページを「いいね」するとOGP対応がどういった物かわかります。

OGP対応と未対応

アクティビティの表示の違いはあくまでOGPの効果の一部分ですが、OGPには他にも機能がありWeb制作者にとって重要なスキルになってくるんじゃないのかなと個人的には思っていて、多分FacebookページよりWeb制作者に与えてくれる可能性は大きいはず。

OGP対応したMTタグは次のようになっています。

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<MTIfArchiveType archive_type="Individual">
    <meta property="og:url" content="<$MTEntryLink$>"/>
    <meta property="og:title" content="<$MTEntryTitle$>"/>
    <meta property="og:description" content="<$MTEntryBody strip_tags="1" strip_linefeeds="1"$>">
    <meta property="og:type" content="article"/>
<MTEntryAssets lastn="1" sort_order="ascend">
    <meta property="og:image" content="<$mt:AssetThumbnailURL height="90"$>"/>
</MTEntryAssets>
    <meta property="og:site_name" content="<$MTBlogName$>"/>
    <meta property="fb:admins" content="1031072713"/>
</MTIfArchiveType>

詳しくはそのうち、to-Rで書くとして、次回のCSS Niteでそこらへんのお話もする予定です。

CSS Nite LP, Disk 15

スポンサードリンク

「技術系」の関連記事

コメント(2)

今後、Facebookをはじめとしたソーシャルメディアとの連携も
考慮しOGPの実装は必要ですよね。
僕としては、自分の発信したWeb上の情報を
ソーシャルグラフに入れるための最低限のルールとなっていって欲しいなと。
ホントこれからですが!

>TSUB

そうですね。ひとまずOGPより、いいねボタンを設置しているサイトが増えると嬉しいですね。

コメントする