こんにちは。PEPの島です。

弊社は創業時からOA事業や教育事業以外にも「ホームページ制作」サービスをご提供しており、

• SEO対策
• スマホ対応レスポンシブコーディング
• 集客対策用
• 名刺代わりのWEBサイト

など過去に様々なホームページを格安料金で制作いたしました。詳しい実績については弊社の「制作実績ページ」をご覧ください。

そんな本日は先週公開した案件の「弊社ブログに構造化マークアップ付きで更新日を設置してみた」のでご紹介をさせていただきます。

結論：このコードをいれたら実現できる

single.phpに下記を入れると実現が可能です。

/* Your code... */<time>
投稿日:<time itemprop="datePublished" datetime="<?php the_time('c');?>"><?php the_time('Y-m-d');?></time>
</time>
<?php if (get_the_time('Y/m/d') != get_the_modified_date('Y/m/d')) : ?>
<time>更新日:<time itemprop="dateModified" datetime="<?php the_modified_date('c');?>"><?php the_modified_date('Y-m-d'); ?></time></time>
<?php endif; ?>

ポイントは<time>タグであり、HTMLの<time>要素は「特定の時の区間」を表します。

datetime 属性を使用して、機械可読な形式の日付を記述することができ、検索エンジンの結果を改善したりリマインダーなどの独自機能に使用したりすることができます。

早速入れてみた

無事上記のコードで「更新日」が表示がされました。

個人的なポイントとしては投稿だけして「更新」しなければ更新日を表示させないif分がポイントです。

再度掲載をしていきます。

<?php if (get_the_time('Y/m/d') != get_the_modified_date('Y/m/d')) : ?>
<time>更新日:<time itemprop="dateModified" datetime="<?php the_modified_date('c');?>"><?php the_modified_date('Y-m-d'); ?></time></time>
<?php endif; ?>

上のコードになると、もし更新日が一致した場合は表示しないという形になりますので併せてセットでいれることをおすすめします。

さて、もう少しtimeタグと更新日に関する構造化マークアップについて深掘りをしていきます。

検索エンジンに「時」を表すコンテンツがtimeタグを使用しないときと比べて認識されやすくなり、その結果検索順位が上がる可能性があります。

例えば、ニュース関連の記事が効果的でなど、記事よっては時間の最新性が重要で、Googleなどの検索エンジンは検索結果に公開時期が新しい記事を高い順位にする傾向があります。

そのためtimeタグで時間を伝えやすくすることで、SEO対策となる可能性が高くなります。

ソースコード丸々コピペでかまいませんので、気になった方は是非一度お試しください。