【TCD】「パンくずリスト」Googleサーチコンソールエラーの修正方法｜Crea for webcreator

運営している別サイトではTCDのSwitch(tcd063)を使っています。

ある時ブログを書き、いつものようにGoogleサーチコンソールに登録しようと「URL検査」のところにURLを入れたところ、以下のようなメッセージが表示されました。

URL は Google に登録されていますが問題があります。
Google 検索結果には表示されますが（手動による対策や削除リクエストの対象でない場合）、問題があるためすべての拡張機能の対象にはなりません。

ん？！なにこれ…？

赤の印が付いて、

パンくずリスト　1件の無効なアイテムを検出しました

と出ています。

今回は、Googleサーチコンソールで発生した、TCDテーマでのパンくずリストのエラーの解消方法についてご紹介していきます。

「パンくずリスト」とは、ウェブページ閲覧者が迷子にならないように、見ているページの位置を教えてくれるというものです。

この部分でエラーが出てしまっているようですね。

Googleサーチコンソールでエラーの箇所を確認する

Googleサーチコンソールで、「パンくずリスト」のエラー表示の矢印をクリックすると、以下の表示が出ました。

1 件の無効なアイテムを検出しました
詳細　名前のないアイテム　2件のエラー

と表示されています。

2件のエラーというところをクリックすると、上記のように表示されました。

項目「id」がありません。

これがエラーの原因だとわかりました。

項目「id」がありません　の内容を確認する

項目「id」がありません、というところをクリックすると、右側にエラー箇所が表示されました。

どうやら右の赤のマーカー部分でエラーが出ているらしいのです。詳しくはこちら↓

<a href="https://サイトURL.com/" itemscope="" itemtype="http://schema.org/Thing" itemprop="item">
<span itemprop="name">HOME</span>
</a>

HOME

</a>

TCDテーマのデザインプラスさんに問い合わせる

念のため、TCDテーマを扱作っている株式会社デザインプラスさんに、これまでの内容を問い合わせたところ、以下のような返信が返ってきました。

お問い合わせいただきました「項目「id」がありません」というエラーでございますが、
＜a＞タグから「itemscope」を削除する修正をバックアップをお取りいただいた上で、お試しいただければと存じます。

やっぱりそこでした！…ということは、エラーの中の

itemscope=""

1	itemscope=""

を削除するということなのですね。

ワードプレスの「breadcrumb.php」を修正する

ワードプレスを開き、「ダッシュボード」-「外観」-「テーマエディター」を開きます。

右側の「template-parts」の中の「breadcrumb.php」を開きます。

Switch(tcd063)では＜a＞タグで始まるところは1か所しかなく、しかもエラーが出てたものとは違ったコードでしたが、とりあえず「itemscope」の箇所はあったので消してみました。（※念のためバックアップをとってから行って下さいね。）

【設定前】67行目くらい

    echo '<a href="' . esc_url( $breadcrumb_items[$i]['url'] ) . '" itemscope="" itemtype="http://schema.org/Thing" itemprop="item">' . "\n";
    echo '<span itemprop="name">' . esc_html( $breadcrumb_items[$i]['name'] ) . '</span>' . "\n";
    echo '</a>' . "\n";

echo '<a href="' . esc_url( $breadcrumb_items[$i]['url'] ) . '" itemscope="" itemtype="http://schema.org/Thing" itemprop="item">' . "\n";

echo '' . esc_html( $breadcrumb_items[$i]['name'] ) . '' . "\n";

echo '</a>' . "\n";

↓

【設定後】

    echo '<a href="' . esc_url( $breadcrumb_items[$i]['url'] ) . '" itemtype="http://schema.org/Thing" itemprop="item">' . "\n";
    echo '<span itemprop="name">' . esc_html( $breadcrumb_items[$i]['name'] ) . '</span>' . "\n";
    echo '</a>' . "\n";

echo '<a href="' . esc_url( $breadcrumb_items[$i]['url'] ) . '" itemtype="http://schema.org/Thing" itemprop="item">' . "\n";

echo '' . esc_html( $breadcrumb_items[$i]['name'] ) . '' . "\n";

echo '</a>' . "\n";

Googleサーチコンソールで「公開URLをテスト」のボタンを押す

その後、Googleサーチコンソールに戻り、先ほどのエラーの右上にある、「公開URLをテスト」のボタンを押します。

無事エラーが解消されていました！

次のクロールまで同じエラーが出てしまうため、再度「URL検査」をして「再リクエスト」か、左側にある「サイトマップの送信」をしておくのがおすすめです。

TCDの他のテーマの修正方法（備忘録）

TCDはテーマごとに「breadcrumb.php」の内容が違うようで、STORY(tcd041)では、以下のようになっていました。

<a href="<?php echo esc_url( get_category_link( $category->term_id ) ); ?>
" itemscope itemtype="http://schema.org/Thing" itemprop="item">
<span itemprop="name"><?php echo esc_html( $category->name ); ?></span>
</a>

" itemscope itemtype="http://schema.org/Thing" itemprop="item">

<?php echo esc_html( $category->name ); ?>

</a>

この場合は、＜a＞タグの中にある「itemscope itemtype」の「itemscope」だけを消すことになるようです。（計5か所あります）