taupe WebとAIと暮らし

Notes / 実践記録

Xeoryのitemscopeエラーを直した2017年の記録

Xeoryのitemscopeエラーを直した2017年の記録

本ページはアフィリエイトプログラムを利用しています

バズ部が提供している無料の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のitemscopeMicrodata、W3CのNu Html Checkerを確認してから判断します。
古いテーマを直接直す時は、バックアップと子テーマ前提で見た方がよさそうです。

楽天Kobo電子書籍ストア
¥2,200 (2026/07/03 04:23時点 | 楽天市場調べ)

続けて読む

次に読むなら、これ。

同じテーマの実践記録や、taupeの読み方へ進めます。

同じテーマWordPress近い実践記録をカテゴリから続けて読めます。サイトの読み方FAQ運用方針や、よくある質問を確認できます。taupeについてこのサイトについてどんな視点で作り、使い、運用しているかをまとめています。

Category

Author / Official hub

イシカワヒデカズの実践記録

Web制作、開発、AI活用、メディア運営の相談先は公式サイトにまとめています。