[C!] Creazy! | クリエイジー！

ども、ブログご無沙汰気味のヤガーです。

久しぶりにちゃんと技術っぽい事書かないとなぁと思いまして、いまさらですがOGP対応の話題など取り上げたいと思います。
といっても、すでに詳しく書かれているページもたくさんあるでしょうから、今回はボクがブログで使用しているMovableTypeでの実装方法にフォーカスしています。

いきなりですが、個別ブログ記事テンプレート用の完成版のソースです！

<meta property="og:title" content="<$MTEntryTitle remove_html="1"$>" />
<meta property="og:type" content="article" />
<meta property="og:url" content="<$MTEntryPermalink$>" />
<meta property="og:site_name" content="Creazy!（クリエイジー！）" />
<MTSetVarBlock name="og_image"><mt:entrybody regex_replace='/[\S\s]*src="(https?:\/\/.+?)(\.jpe?g|\.gif|\.png)"[\S\s]*/i',"$1$2"></MTSetVarBlock><mt:If name="og_image" like="(https?:\/\/.+?)(\.jpe?g|\.gif|\.png)"><meta property="og:image" content="<$MTGetVar name="og_image"$>" /><mt:Else><meta property="og:image" content="http://creazy.net/img/logo_ogp.jpg" /></mt:If>
<meta property="og:description" content="<$MTEntryExcerpt convert_breaks="0" words="120" $>" />
<meta property="fb:admins" content="100001083970301" />
<meta property="fb:page_id" content="131869520198765" />

それぞれのブログ用の差し替える部分もありますから、このまま貼りつけちゃ駄目ですよー。
いまさら書いただけあって、ちょっと工夫した部分もありますｗ
詳しい説明は続きをどうぞ。

» 続きを読む » MovableTypeにFacebookのOpen Graph protocol（OGP）を対応させる方法