Open Graph Protocolを高田馬場グルメに設定

このエントリーをはてなブックマークに追加

一応、設定完了かな?Open Graph Protocol部分のソースはテンプレートモジュールで、下記のように作成。

<!-- OGPの設定ここから -->
<!-- ここから下がブログ記事用 -->
<mt:IfArchiveType archive_type="Individual">
<meta property="og:locale" content="ja_jp" />
<meta property="og:title" content="<$MTEntryTitle$>" />
<meta property="og:type" content="blog" />
<meta property="og:url" content="<$MTEntryPermalink$>" />
<meta property="og:image" content="<$MTEntryBody getsrcurl="1"$>" />
<meta property="og:site_name" content="<$MTBlogName$>" />
<meta property="fb:admins" content="1806830213" />
<meta property="og:description" content="<MTApplyModifier ltrim="1"><$MTEntryBody convert_breaks="0" remove_html="1" words="50"$></MTApplyModifier>" /></mt:IfArchiveType>

<!-- ここから下がカテゴリーアーカイブ用 -->
<mt:IfArchiveType archive_type="Category"><meta property="og:locale" content="ja_jp" />
<meta property="og:title" content="<$MTCategoryLabel$>" />
<meta property="og:type" content="article" />
<MTHasParentCategory><meta property="og:url" content="http://takadanobaba.drivemenuts.com/archives/category/sub_category/cat<$MTCategoryID$>.html" /></MTHasParentCategory>
<MTHasNoParentCategory><meta property="og:url" content="http://takadanobaba.drivemenuts.com/archives/category/main_category/cat<$MTCategoryID$>.html" /></MTHasNoParentCategory>
<meta property="og:image" content="http://takadanobaba.drivemenuts.com/images/baba_gourmet.jpg" />
<meta property="og:site_name" content="<$MTBlogName$>" />
<meta property="fb:admins" content="1806830213" />
<meta property="og:description" content="<$MTCategoryLabel$>の一覧ページです。" /></mt:IfArchiveType>
<!-- OGPの設定ここまで -->

初めに設定してデバッガーでチェックしたところ、警告が出てしまいました。最初につまづいたところは「go:locale」です。go:localeのcontent属性を「ja_JP」と書いていたのですが、ja_jpにすればよいとのアドバイスをFacebookでもらい、すぐに解決しました。

<meta property="og:locale" content="ja_JP" />
上記の記述を下記のように修正。大文字のJPを小文字のjpに修正。
<meta property="og:locale" content="ja_jp" />

そして、もう1つが「og:description」です。

Open Graph Protocolの警告

警告が出るけど、何が原因なのか全くわからずでしたが、いろいろ、こねくり回してたら、どうやらcontent属性の属性値の最初に空白スペースが入っているのが警告の原因の様でした。

Open Graph Protocolの警告

ただ、警告の原因が分かっても、なぜ空白スペースが入ってしまうのかは分からずじまいです。テンプレートを確認しても空白スペースが入るような書き方はしてないし、ブログ記事のところではスペースは入っていないし...

<meta property="og:description" content="<$MTEntryBody convert_breaks="0" remove_html="1" words="50"$>" />

そこで、ApplyModifireプラグインを使って、空白スペースが入らないようにしてます。このプラグインのインストールはリンク先からApplyModifier_1_00.zipをダウンロード、解凍して出来るApplyModifierフォルダーをMTのPluginフォルダーにアップロードするだけです。

<meta property="og:description" content="<MTApplyModifier ltrim="1"><$MTEntryBody convert_breaks="0" remove_html="1" words="50"$></MTApplyModifier>" />

上記のように「<MTApplyModifier ltrim="1"></MTApplyModifier>」でくくるだけでスペースが入らなくなります。