ワードプレスのパンくずリストをdata-vocabulary.orgからschema.orgの書き方に換える

グーグルからまた警告メールが来ました。

「パンくずリスト」の問題が新たに 検出されました」という内容で警告文は以下のもの。

data-vocabulary.org schema deprecated

こんだけなんだけど、何を言ってるかというと

パンくずリストのスクリプトでdata-vocabulary.orgを使った構造化データのマークアップをしているが、それはもう古くなったんで対応しないよ。新しいものに替えなさい。

ていう事なんですって。
こんなメールね。

それで今回はワードプレスのパンくずリストのスクリプトをdata-vocabulary.orgからschema.orgの書き方に換える方法を調べました。

(PHPやワードプレスについて知識のある方向けの記事です。基礎的な説明はありません。)

作業工程

  1. パンくずリストの該当ファイルを探す
  2. スクリプト中から該当場所を抜きだす
  3. data-vocabulary.orgからschema.orgの書き方に換える
  4. 構造化テストツールでテストする

パンくずリストの該当ファイルを探す。

うちの場合、ワードプレスを使っているのでテーマファイルを書き直す事になるわけです。

って事でテーマを見ていきます。

まずはパンくずリストを生成している箇所を探さなくちゃいけないので、ヘッダーページ、固定ページ、個別投稿ページなどテンプレートを見ていってパンくずリストのスクリプトが書かれているファイルを探します。

まずは個別投稿 (single.php)で見つかりました。

あと、
固定ページ(page.php)
アーカイブ (archive.php)にもありました。

うちのサイトで使っているテーマだとこの3ファイルのようです。

スクリプト中から該当場所を抜きだす

パンくずリストに該当するphpスクリプトを抜き出して、

それを元に出力されたHTMLの該当場所を抜き出す。

両方を比べて確認する。

個別投稿 (single.php)で見て見ます。

●パンくずリストに該当するPHPスクリプト

●出力されたパンくずリストのHTML

PHPスクリプトから出力されるdata-vocabulary.orgの書き方のHTMLが確認出来ました。

data-vocabulary.orgからschema.orgの書き方に換える

さあ、それでは構造化データのマークアップをdata-vocabulary.orgからschema.orgの書き方に換えてみますよ。

これら属性の記述が変化します。

そしてブロックごとに
<meta itemprop=”position” content=”1″>
これが新たに付いて「content」の数値が順次増加していきます。

変更箇所がチェック出来ましたか?

次はこのように変更されたHTMLを出力出来るようにPHPスクリプトを書きます。

こんな感じですね。

「content」の数値が順次増加していくように
変数「$count」を作りました。

構造化データのテスト

作成したPHPファイルをテンプレートに仕込んだら構造化データテストツールでテストをします。

→構造化データテストツール

テストしたいURLを入れるか、スクリプトを貼り付けてテストします。

とりあえずOKでした。

今回は個別投稿 (single.php)だけやって終わりにします。

参考資料

今回参考にさせてもらったサイト様です。




ほんとは【JSON-LD】で書いておくと後から管理がしやすいという事に気付きました。
こちらの記事が参考になります。


以上「ワードプレスのパンくずリストをdata-vocabulary.orgからschema.orgの書き方に換える」という記事でした。
気に入ってもらえたらシェアしてくれると嬉しいです。