Web tan tan !

中小企業のぼっちWeb担のブログ

パンくずリストの問題を検出。項目「itemListElement」がありません

Web担当のうたまるです。どーもです。

先日、Search Console(サーチコンソール)から”パンくずリストの問題が新たに検出されました”というメールが送られてきました。はて、何のこと?と思いつつSearch Consoleの管理画面を確認しに行ったら、エラーが検出されていました。

サイトが表示されないなど、目立った問題はなかったのですが、気になったのでネットで調べて対応しました。

今回はこの条件下でエラーが発生しました。

  • 問題があるのはトップページのURL。
  • WordPressのプラグインBreadcrumb NavXTでパンくずリストを表示させている。

こんなメールが届きました

こんなメールが届きました。”あなたのページが検索結果に表示されなくなる可能性があります。”とのことでちょっとビビりました。

パンくずリストで問題が検出されました。

問題を確認するためにSearch Consoleへ

Search Consoleでどこに問題があるのか確認します。メールの中にあったリンク”パンくずリストの問題を解決する”をクリックするとエラーの詳細画面へ遷移します。

Search Consoleパンくずリストのエラー

はい、エラーになってますねー。赤枠で囲ってある”項目「itemListElement」がありません”をクリックするとエラーが出ているページのURLが表示されます。

対処方法:パンくずリストの設定を変更する

WordPressの管理画面からパンくずリストの設定を変更します。

【設定】→【Breadcrumb NavXT】→【現在の項目にリンク】→【はい】にチェック→保存

Breadcrumb NavXTの設定変更

WordPressの設定が終了したら、Search Consoleで問題点を修正した旨を申請します。

【パンくずリスト】→【修正を検証】をクリック

パンくずリストの修正を申請

この後、【初期検証中】としばらく表示されます。この時点ではまだSearch Consoleのエラー表示は消えません。後から”「パンくずリスト」の問題の修正を検証しています。”というメールが届きます。

「パンくずリスト」の問題の修正を検証しています

【12日後】問題が修正され、エラー表示が消える

修正作業を行ってから12日後に、問題が修正されたとのメールが届きました。

「パンくずリスト」の問題が修正されました

Search Consoleを確認するとエラーが0になり、エラーの詳細に【合格】と記載されています。

Search Consoleエラー解消

これで、エラーは解消されました。もし、同じような現象が起こっている方は試してみて下さい。

Related

うっかり!?サーバーの更新期限が過ぎてしまったらどうすればいい?

サーバーの更新期限が過ぎてしまったらどうすればいい?その対処方法と、そんなトラブルを未然に防ぐためにできることをまとめました。

CSSの【font-feature-settings】で文字詰めができる!Webのテキストをもっと読みやすく。

font-feature-settingsで文字詰めができる!Webのテキストを読みやすく。

CSSのプロパティ”font-feature-settings”を使用すると自動的にカーニング(文字詰め)をしてくれます。今までは、画像化したテキストで対応していましたが、これでずいぶん楽になりそうです。

ネットで見つけた画像を無断で使うと著作権の侵害になるの?

上司から「この画像を使って欲しい」と渡された画像がネットで拾ってきた画像だったらどうすればいい?ネットで拾った画像を無断で使うとどうなる?

Google Chromeで画像を縮小表示すると画質が荒れる現象の対処方法

Google Chromeで画像を縮小表示すると画質が荒れる現象の対処方法

レスポンシブでサイトを作ったときに画像を縮小表示させると、画質が荒れるという現象が起こったので、その時の解決方法をご紹介します。