"updated がありません"、"author がありません" 警告 の 修正方法

0 件のコメント

ウェブマスターツール で Blogger に対して "updated がありません" または "author がありません" といったエラーが出たときの修正方法をまとめます。 WordPress でのやり方は結構見かけたのですが… Blogger を対象にしたものがみあたらなかったので、ここでは Blogger を対象として記載します。 …といっても、ほとんど同じなんですが。。

目次

エラー例

今回の記事では、次のようなエラーが起こっている状況を対象にしています。 実際に発生するエラーの画面、エラー内容を以下に掲載します。

author がありません
updated がありません

原因

これらの エラー が出る原因は、Blogger の 各ページ が microformats.org スキーマ に対応した マークアップ になっていないことです。

修正 / 対策

基本的な対応方法は、該当するデータが記述された HTMLタグ の class に不足する クラス名 を追加する対応になります。 ただし、hentry が指定されているタグ配下でしか読み取ってくれない点に注意してください。 具体的な方法は、以下でそれぞれ見ていきます。

ちなみに… Blogger で利用可能なオブジェクトに関する情報は Blogger ヘルプ - レイアウト データ タグ に詳細が書かれています。

"updated がありません" の 修正

更新日付は取得できないので、投稿日付を更新日付として代用します。 更新日付は <data:post.timestampISO8601/> で取得します。 hentry を指定されたタグ配下に、おそらく既に published を指定されたタグがあるはずなので、同じ場所に updated を追加します。 修正サンプルコードを以下に掲載します。

修正前 サンプル
<span class="published"><data:post.timestampISO8601/></span>
修正後 サンプル
<span class="published updated"><data:post.timestampISO8601/></span>

"author がありません" の 修正

著者はそのまま取得できるので class を指定するだけです。 著者は <data:post.author/> で取得します。 author は既に指定されているかもしれません。 その場合、author 指定されているタグが hentry 指定されたタグの子孫タグになっているかどうか確認してください。

修正前 サンプル
<div class="post">
  <div class="post-header">
    <span class="author"><data:post.author/></span>
  </div>
  <div class="post-body hentry">...</div>
  <div class="post-footer">...</div>
</div>
修正後 サンプル
<div class="post hentry">
  <div class="post-header">
    <span class="author"><data:post.author/></span>
  </div>
  <div class="post-body">...</div>
  <div class="post-footer">...</div>
</div>

確認

修正が正しく行えたかどうか、実際に確認してみます。 確認する手順は以下の通りです。 ライブデータで確認すれば、現状で確認できるので、便利です。 (ポータルのグラフへの反映は数日かかるようですが…)

  1. エラーが発生している URL をクリック

  2. [ライブデータをテスト] をクリック

  3. [プレビュー] をクリック

  4. エラーがないことを確認

参考