パンくずリスト「data-vocabulary.org スキーマのサポートは終了します」の修正=LION BLOG

パンくずリスト「data-vocabulary.org スキーマのサポートは終了します」の修正=LION BLOG

Googleより「パンくずリスト関連の問題が1件検出されました」というメールを受け取りました。どうやら 「data-vocabulary.org は4月からサポートされなくなるので schema.org に変換することを推奨する」という事らしい。もちろん自分で解決できるわけがありません。

私にふさわしいサイト

見つけました。Wakuwaku Happy Landing です。
私と同じライオンブログを使っています。
とても詳しく書いてあるのでぜひ参考にしてください。
M海のブログも警告が減り始めました。何とか成功したみたいです。

親テーマの functions phpを変更

「オリジナルパンくずリストの作成」部分を変更しています。
どこをどう修正するのか若干分かりにくかったので簡単に書いてみます。

まず子テーマで修正してみましたが、親テーマで宣言されているのでだめみたいです。
そこで親を変えてみることに。

functions phpの「オリジナルパンくずリストを作成」部分を、必ずメモ帳などに保存することを忘れないでください。

上記の $str.= ‘<ul class=”breadcrumb__list”>‘; の部分を

$str.= '<ol class="breadcrumb__list" itemscope itemtype="http://schema.org/BreadcrumbList">';

<a href=”‘. home_url() .’/” itemprop=”url”> の部分を

<a itemprop="item" href="'. home_url() .'/">

$str.= ‘<li class=”breadcrumb__item” itemscope itemtype=”http://data-vocabulary.org/Breadcrumb”> の部分を

$str.='<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">

itemprop=”title“ の部分を

itemprop="name"

</span></a></li>’; を

</span></a><meta itemprop="position" content="'. ++$position .'" /></li>';

にする。

最終的には以下のようになります。

			$str.= '<ol class="breadcrumb__list" itemscope itemtype="http://schema.org/BreadcrumbList">';
$str.= '<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="'. home_url() .'/"><span class="icon-home" itemprop="name">'. $home .'</span></a><meta itemprop="position" content="'. ++$position .'" /></li>';

あと12か所 下記のような data-vocabulary.org があります。
ジャンプ場所が異なるのでコピペではできません。
頑張って修正してください。

最後の修正箇所は

$str.='</ul>’;
$str.='</div>’;
$str.='</div>’; の </ul> を </ol> にします。

$str.='</ol>';
$str.='</div>';
$str.='</div>';

注記

私の場合は <a href=”‘. home_url() .’/” itemprop=”url”> を <a itemprop=”item” href=”‘. home_url() .’/”> のようにしましたが、他のブログでは <a itemprop=”item” href=”‘. home_url() .’/” itemprop=”url”> となっています。私もそのようにしたのですが、AMPで「 <a> </a> タグに同じ属性が複数含まれています」という警告が出ました。itempropが2個あるということだと考え itemprop=”url” を削除しました。
4月25日で残り2ページまで来ました。

まとめ

テーマによってはアップデートするとschema.org に修正されるものもあるみたいで、しばらく待っていたのですが、LIONブログはいつ頃に変更されるか分からないので、頑張って修正してみました。

また新しいテーマはすでにschema.org になっているという事で、このタイミングで新しいテーマに変更するのも良いと思います。

 

Scroll Up