フリーランスウェブエンジニアがウェブ全般について綴るブログ|いしかわろぐ
PRPR

テーマXeoryを使っているならitemscopeを直したほうがいい【WordPress】

テーマXeoryを使っているならitemscopeを直したほうがいい【WordPress】HTML・CSS・プログラミング
HTML・CSS・プログラミングウェブ制作・運用WordPress
本ページはプロモーションが含まれています

バズ部が提供している無料のWordPressテーマ、Xeory
当ブログ、並びに運営しているWordPressサイトの大半は、そのXeoryをテーマとして利用しています。
とても使い勝手の良いテーマなのですが、最近気まぐれにW3Cのバリデーションサービスで検証してみたところ、これまで何で気付かなかったんだろう?というくらい凡ミスのようなエラーが見つかりました。
修正も簡単なので、Xeoryを利用している方はチェックしてみたほうが良いですよ。

Xeoryは無料で使い勝手の良いテーマだがいくつか修正したほうがいいところがある

使い勝手がいいので頻繁に利用しているXeory。カスタマイズもしやすいですし。
バズ部が作ったということで信頼はしているのですが、いくつか手作りっぽいミスのようなものに気付いたりします。
ま、それも気にならないくらい総合的には素敵なテーマなんですけどね。


気になるところは修正することでより良くなるテーマといったところ。

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バリデーションサービスでの検証はしたことがあったのですが、その時には全くエラーに気付きませんでした。
明らかにおかしい、凡ミスのようなエラーなんですけどね。
公開提供されているテーマとはいえ、人が作ったもの。
直すところは直してより良いマイテーマとして使いたいですね。

 

オススメ
アイテム

テーマXeoryを使っているならitemscopeを直したほうがいい【WordPress】
1冊ですべて身につくWordPress入門講座

コメント

タイトルとURLをコピーしました