むいり記

ブログ用の構造化テキスト(microdata)をBloggerに適用。

テンプレートの記述を参考にスキーマを見てみる。また、テストツールも使う。

Blogger Template - b:includable#post

schema.org - BlogPosting

webmasterts - 構造化テキスト テストツール

自分のテンプレートに合わせて必要な部分を簡単に書き出す。

div class='post':
 itemprop='blogPost'
 itemscope='itemscope'
 itemtype='http://schema.org/BlogPosting'
 ---
 meta itemprop='image' # url
 meta itemprop='url'
 div  itemprop='articleBody'
 div  itemprop='description articleBody'
 span itemprop='keywords'
 span itemprop='datePublished'

素のテンプレートにはこのような記述がある。 <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/>

このままでは、スキーマに無いものがあり、テストツールで警告を貰う。紐付ける値が見つからないものはとりあえず削除かコメントアウト。また、b:includableに必要な部分をまとめる。 <b:includable id='post-meta' var='post'> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image'/> </b:if> <!-- <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> --> </b:includable>

記事の内容。metaDescriptionは、投稿の設定[検索向け説明]。 <b:includable id='post-main-body' var='post'> <b:if cond='data:blog.metaDescription == ""'> <div itemprop='description articleBody'> <data:o.body/> </div> <b:else/> <div itemprop='articleBody'> <data:o.body/> </div> </b:if> </b:includable>

タイムスタンプ。 <b:includable id='post-timestamp' var='post'> <span expr:title='data:post.timestampISO8601' itemprop='datePublished'> <data:post.timestampISO8601/> </span> </b:includable>

ラベルがkeywordsになる。単語を指す書き方なので正しくはないかもしれない。テストツールで警告はない。テストツールでは面白いことに、この書き方だとkeywords値にリンクが貼られる。 <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop='keywords'><data:label.name/></a> </b:loop>

keywordsは複数形なので単語をまとめる親要素に設定すべきかも。こちらも警告はない。こちらの方がシンプルなのは言うまでも無い。 <span itemprop='keywords'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url'><data:label.name/></a> </b:loop> </span>

schema.org/BlogPosting#keywordsの説明にはカンマで区切るとある。 <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop>