バズ部が提供している無料のWordPressテーマ、Xeory。
当ブログ、並びに運営しているWordPressサイトの大半は、そのXeoryをテーマとして利用しています。
とても使い勝手の良いテーマなのですが、最近気まぐれにW3Cのバリデーションサービスで検証してみたところ、これまで何で気付かなかったんだろう?というくらい凡ミスのようなエラーが見つかりました。
修正も簡単なので、Xeoryを利用している方はチェックしてみたほうが良いですよ。
2026年7月追記:
この記事は、WordPressテーマXeoryを使っていた時に、W3CのHTMLチェックでitemscope周辺のエラーに気づいた2017年の記録です。
現在はテーマ本体の更新状況、子テーマでの修正範囲、Microdataの仕様を確認してから触る方が安全です。
同じXeory系の記録として、Xeory Extensionの検索フォームを直した記録も残しています。
Xeoryは無料で使い勝手の良いテーマだがいくつか修正したほうがいいところがある
使い勝手がいいので頻繁に利用しているXeory。
カスタマイズもしやすいですし。
バズ部が作ったということで信頼はしているのですが、いくつか手作りっぽいミスのようなものに気付いたりします。
ま、それも気にならないくらい総合的には素敵なテーマなんですけどね。
https://taupe.site/entry/xeory-extension-search-php/
気になるところは修正することでより良くなるテーマといったところ。
W3C Markup Validation Serviceでitemscopeのスペルミスに気付く
さて、たまたまW3Cのバリデーションサービスで当ブログを検証してみたところ、気付いたのが下記のエラー。
Attribute itemschope not allowed on element body at this point.
指摘されたコードは下記の部分。
<body class="home blog default" itemschope="itemscope" itemtype="http://schema.org/WebPage">
んー、一体どういうこと?とエラーとコードを見合わせてすぐに違和感。
「itemschope=”itemscope”」の部分。
「itemschope」って完全にスペルミスですよね。
色々カスタマイズしているうちに自分で入力ミスしたのかと大元のデータを見てみても同様の状態になっておりました。
ちなみに、Xeory BaseとXeory Extension双方です。
ということで、header.phpを開いて、該当部分を「itemscope=”itemscope”」に変更。
改めてバリデートしてみたところ、エラーは出ませんでした。
めでたしめでたし。
Attribute datetime not allowed on element span at this point.
ついでなので、W3Cバリデーションサービスで出た他のエラー修正もしてみました。
Attribute datetime not allowed on element span at this point.
記事ページを検証してみた際に上記エラーが発生していました。
<span itemprop="datePublished" datetime="<?php the_time('c');?>">
指摘されたエラーはコードの上記部分なので、
<span><meta itemprop="datePublished" content="<?php the_time('c');?>">
このように修正。
これでエラー解消です。
Blog は mainContentOfPage プロパティの認識される有効なターゲット タイプではありません。
こちらはGoogle Search Consoleの構造化データのほうで出たエラーですが、以前はなかったような……どうだろう。
新しいエラーだとしたら、Xeoryに限ったことではないですね。
Blog は mainContentOfPage プロパティの認識される有効なターゲット タイプではありません。
<div id="main" role="main" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="http://schema.org/Blog">
エラーが発生しているのは上記部分。
<div id="main" role="main" itemprop="mainContentOfPage" itemscope="itemscope"> <div class="main-inner" itemscope itemtype="http://schema.org/Blog">
それをこんな形で修正。
まだちょっと要様子見ですが。
まとめ
以前にもW3Cバリデーションサービスでの検証はしたことがあったのですが、その時には全くエラーに気付きませんでした。
明らかにおかしい、凡ミスのようなエラーなんですけどね。
公開提供されているテーマとはいえ、人が作ったもの。
直すところは直してより良いマイテーマとして使いたいですね。
2026年7月時点では、Xeory公式サイト、MDNのitemscope、Microdata、W3CのNu Html Checkerを確認してから判断します。
古いテーマを直接直す時は、バックアップと子テーマ前提で見た方がよさそうです。