2010年10月27日 17:23
Facebookで記事をシェアされたときの表示方法のカスタマイズが「metaタグを追加してFacebookに対応する方法とハマりやすいポイント」の記事が参考になりました。
てぃーだブログの場合でもほぼ同様で、管理画面→テンプレートで「個別記事」のテンプレートをカスタマイズします。
今回いじるのは<head;>〜</head;>の中の部分です。まずは、テンプレート上部の「<html xmlns=」で始まる部分を以下のように書き換えてください。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
次に詳細の部分をカスタマイズします。これは元の記事では画像の指定方法もありますが、てぃーだの場合はそこまではしなくても・・・なので、てぃーだ専用に書き換えたコードを紹介します。
<meta property="og:title" content="<%EntryTitle%>" />
<meta property="og:type" content="article" />
<meta property="og:url" content="<%BlogUrl%>/<%EntryPermalink%>" />
<meta property="og:site_name" content="<%BlogTitle%>" />
<meta property="og:description" content="ここは自由に書き換えてください。" />
今回は簡単に紹介しましたが、他にもいろんなカスタマイズができそうなので「Open Graph protocol」をじっくり読んでみたいと思っています。