Google+スニペット対策 for Blogger

Google+に自分のブログ記事を貼る際に気付いた事。スニペットがない。これを自動で持ってきてくれるようにする。

Google+ Platform - API Reference - Web - Snippetにある方法を用いれば簡単に設定できる。

ここではmicrodata(http://schema.org/Product)を使う。

ブログの該当箇所を簡単に書くと以下のようになる。

<div class="sticker" itemscope="itemscope" itemtype="http://schema.org/Product">
 <a itemprop="url" content="{url}" href="{url}">
  <span itemprop="name">{title}</span>
  <span itemprop="description">{description}</span>
  <span class="thumbnail">
   <img itemprop="image" src="{image-url}"/>
  </span>
 </a>
</div>

画像タグ(img itemprop="image")に注意"thumbnailUrl"などにしていると表示されない。

ここでは省くがテンプレートに書き直したものを"m-post-sticker-product"とする。

元のテンプレートを"m-post-sticker"とする。

個々のページが表示されたときのみに適用されるように書けばよい。

<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='m-post-sticker-product'/>
<b:else/>
<b:include data='post' name='m-post-sticker'/>
</b:if>