「Xeory Extension」で構造化データエラー「datePublished」「author」等が出た場合の対処方法

WordPressにてXeory Extensionというテンプレートを使っています。
バズ部というマーケティングメディアから出しているSEOに強いと言われる無料テンプレートになります。

できるだけ、アクセス集まると嬉しいなと思っておりまして…。SEO気になりますよね。

で！さらにサイトのチューニングをしたいなと思いまして、Google Search Consoleを使って念のため構造化データテスト行ったわけです。
そうしたら、TOPページでは出なかったのですが、Blogページにて構造化データエラーが出てしまいました…。

今回は、構造化データエラーが出てしまった時の対処方法をまとめます。

Google Search Consoleとは？

Google Search Console は、Google 検索結果でのサイトのパフォーマンスを監視、管理できる Google の無料サービスです。自分のサイトが Google 検索結果に表示されるようにするために Search Console に登録する必要はありませんが、登録していただくとサイトが Google にどのように認識されるかを確認し、検索結果でのサイトのパフォーマンスを最適化できるようになります。

情報源：https://support.google.com/webmasters/answer/4559176?hl=ja

ようするにGoogleさんが出してくれている検索結果でのパフォーマンスをチューニングするためのツール群です。

構造化データテストやってみる

構造化データテストをやってみましょう。チェックしたいページのURLをコピペして実行するだけです。

Xeory Extensionで出てきた構造化データエラーというのが、4つありました。
・dataPublished
・author
・image
・publisher

「dataPublished」の構造化データエラーを直す

single.php

 <li class=”date” itemprop=”datePublished” datetime=”<?php the_time(‘c’);?>”><i class=”fa fa-clock-o”></i> <?php the_time(‘Y.m.d‘);?></li>
↓
<li class=”date” itemprop=”datePublished” datetime=”<?php the_time(‘c’);?>”><i class=”fa fa-clock-o”></i> <?php the_time(‘Y-m-d‘);?></li>

Y.m.d部分の修正だけで解消されました。

「author」の構造化データエラーを直す

single.php

<li class=”author”>
<?php the_author(); ?>
</li>
↓
<li itemprop=”author” itemscope=”itemscope” itemtype=”http://schema.org/Person” class=”author”>
<span itemprop=”name”><?php the_author(); ?></span>
</li>

author属性とname属性をつけることで解消。

「image」の構造化データエラーを直す

single.php

<?php the_post_thumbnail(array(1200, 630, true)); ?>
↓
<span itemprop=”image” itemscope=”itemscope” itemtype=”https://schema.org/ImageObject”><?php the_post_thumbnail(array(1200, 630, true)); ?>
<?php
$image_id = get_post_thumbnail_id ();
$image_url = wp_get_attachment_image_src ($image_id, true);
?>
<meta itemprop=”url” content=”<?php echo $image_url[0]; ?>”>
<meta itemprop=”height” content=”630″>
<meta itemprop=”width” content=”1200″>
</span>

image属性に必要なurl、height、widthも追加することで解消。

「publisher」の構造化データエラーを直す

single.php

<li style=”margin-left:-5px;” class=”publisher” itemprop=”publisher” itemscope=”itemscope” itemtype=”https://schema.org/Organization”>
<span itemprop=”logo” itemscope=”itemscope” itemtype=”https://schema.org/ImageObject”>
<span itemprop=”url” content=”<?php echo get_option(‘footer-logo’);?>”><img src=”<?php echo get_option(‘footer-logo’);?>” width=”45″></span></span>
<span itemprop=”name”><?php echo get_bloginfo(‘name’); ?></span>
</li>

publisherは、組織的な部分にあたるのですが、ページ上目立たないようにしたかったので
<ul class=”post-footer-list”>の中に入れました。

以上ですべての構造化データエラーは解消です。
ぜひ、お試しください。