1.jpg)
BloggerでQooQを使い始めて3カ月。
またGoogle Search Console Teamからお便りが届きました。
「itemListElement がありません」
.jpg)
何のことやらさっぱり分かりません。
ただ「サイトに重大な問題」があって、このままだと「ページが検索結果に表示されなくなります」とあります。
大変です！
ということで、今日は「itemListElement がありません」の解決方法について解説します。
「itemListElement がありません」とは？
これは、パンくずリストの構造化データに問題があるそうです。
Google検索で表示されるパンくずリストの形式が変更されたためです。
そのため、旧型式で構造されている「QooQ」のテンプレートを使うと、パンくずリストがエラーと認識されます。
パンくずリストの修正方法
Bloggerの「QooQ」テンプレートのTHMLを編集する必要があります。
①「テーマ」→「カスタマイズ」→「HTMLを編集」をクリックします。
※ 編集の前にバックアップをとることをオススメします。
.jpg)
② 「CTRL」＋「F」で検索機能が出てくるので、「BreadcrumbList」と入力して「Enter」を押します。
.jpg)
③「BreadcrumbList」が検索されました。
.jpg)
④ 「BreadcrumbList」の部分の<div>から</div>を選択します。
だいたいこれくらいの長さです。
.jpg)
⑤ ここに以下の「HTML」を貼り付けます。
<div class='breadcrumbs' vocab='https://schema.org/' typeof='BreadcrumbList'>
<span property='itemListElement' typeof='ListItem'>
<a expr:href='data:blog.homepageUrl' property='item' typeof='WebPage'>
<span property='name'>ホーム</span>
</a>
<meta property='position' content='1'/>
</span> /
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<span property='itemListElement' typeof='ListItem'>
<a expr:href='data:label.url' property='item' typeof='WebPage'>
<span property='name'><data:label.name/></span>
</a>
<meta property='position' content='2'/>
</span> /
</b:if>
</b:loop>
<b:else/>
<span>その他</span> /
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageName != ""'>
<span property='itemListElement' typeof='ListItem'>
<a expr:href='data:blog.url' property='item' typeof='WebPage'>
<span property='name'><data:blog.pageName/></span>
</a>
<meta property='position' content='2'/>
</span> /
</b:if>
</b:if>
</div>
こちらのHTMLは「スケ郎のお話」のブログを参考にさせていただきました。ありがとうございました。
変更後が、こちらになります。
.jpg)
⑥ 画面右上の「保存」をクリックします。
これで「パンくずリスト」の修正が完了しました。
「Search Console」で修正の検証
① Search Consoleの「パンくずリスト」を開きます。
「修正を検証」をクリックします。
.jpg)
② 「検証：開始」になりました。
.jpg)
検証には少し時間がかかるそうです。検証結果が出るまで、のんびり待ちましょう。
「リッチリザルト テスト」でエラー解消の確認
「リッチリザルト テスト」をして、エラーが解消されているか確認してみます。
① 「リッチリザルト テスト」の画面を開きます。
.png)
② 確認したいページのURLを入力します。
.png)
③ 有効なアイテムになっています。エラーが解消されているようです。
.jpg)
まとめ
今日は、Bloggerのテンプレート「QooQ」での「項目「itemListElement」がありません」の解決方法について解説しました。
Bloggerは無料で使えますし、「QooQ」も使いやすいので気に入っていますが、エラーが出ると自分で調べて修正しないといけません。
ブログ初心者で、しかもプログラミングが分からない人間からすると、「エラー」という文字を見るたびにプチパニックになります。
ただ、ググれば解決方法もたくさん載っているので、本当にありがたいです。
ちなみに、以前のブログで「パンくずリストを消す方法」について記載した。
今回、解決方法を探しているときにいろいろな記事を読みました。
その中に「「パンくずリストを消去したために、Googleから『itemListElementがありません』の連絡が来た」と書かれた記事も見つけました。
その記事では「パンくずリストを消去したのが、エラーの原因だ」とあったんです。
ただ、「QooQ」のテンプレートのパンくずリストが旧型式の構造なのであれば、どちらにしろ修正が必要だったと思います。
なので、今回解決方法が見つかって良かったです。
もしまた別のエラーが出て、修正方法が分かったら、ブログで情報をお分かちできればと思います。
.jpeg){kind=small}
0 件のコメント:
コメントを投稿