当ブログではアフィリエイト広告を利用しています

QooQ「itemListElement」がありません

QooQ「itemListElement」がありません

ちょっと前からサーチコンソールでエラーが発生。

パンくずリスト>項目「itemListElement」がありません

対象はトップページ。パンくずリストに何かエラーが出ているらしいけど、Blogger/QooQでざっくり検索した感じではよくわからず(ヒットするのはワードプレスの記事ばっかりで…)

思い当たるのは初期のカスタマイズで「トップページのパンくずリストを条件分岐で非表示にした」ことくらいなので、とりあえず一旦戻してみることにしました。

これでいったんGoogle先生に修正後のチェックのお願いしましたので、結果が出るまでしばらく保留となります。これでOKになれば良いのですが。

問題が修正されました

修正後のチェックをお願いして3日後、無事Google先生のOKが出ました。サーチコンソールで確認すると、検証:合格 エラー:0件となっています。

やっぱりトップページでのパンくずリストの非表示がまずかったようです。

エラーと言われるとやっぱり気になるのでQooQ初期設定のまま(トップページにもパンくずリストを表示)にしておくことにしました。

条件分岐で解決

一旦戻して表示しましたが、やっぱり気になるので対策を考えることに。トップページだけ表示しなければ良いので、やっぱり条件分岐でなんとできるはず。

最初の時とコードを追加する場所を変えて、パンくずリスト部分を丸ごと条件分岐で非表示にすれば問題ない?

<div class='breadcrumbs' を検索。

すぐ上に1行 <b:if cond='data:blog.homepageUrl != data:blog.url'> を追加し、<div class='breadcrumbs' と対になる</div>の下に </b:if> を追加。

全体のコードは以下の通りです。追加コードは上下の2行だけ。

<b:if cond='data:blog.homepageUrl != data:blog.url'> <!-- 追加 -->
  <div class='breadcrumbs' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
    <span itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
      <a expr:href='data:blog.homepageUrl' itemprop='item'>
        <span itemprop='name'>ホーム</span>
      </a>
      <meta content='1' itemprop='position' />
    </span> / <b:if
      cond='data:blog.pageType == &quot;item&quot;'>
      <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 == &quot;true&quot;'>
              <span itemprop='itemListElement' itemscope='itemscope'
                itemtype='http://schema.org/ListItem'>
                <a expr:href='data:label.url' itemprop='item'>
                  <span itemprop='name'>
                    <data:label.name />
                  </span>
                </a>
                <meta content='2' itemprop='position' />
              </span> / </b:if>
          </b:loop>
        <b:else />
            <span>
    その他</span> / </b:if>
      </b:loop>
      <b:else />
      <b:if cond='data:blog.pageName != &quot;&quot;'>
        <span itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
          <a expr:href='data:blog.url' itemprop='item'>
            <span itemprop='name'>
              <data:blog.pageName />
            </span>
          </a>
          <meta content='2' itemprop='position' />
        </span> / </b:if>
    </b:if>
  </div>
</b:if> <!-- 追加 -->

これで、トップページだけ「ホーム/」のパンくずリストが非表示となりました。後日リッチリザルトテストでもエラーが出ないと良いのですが。

これを修正するとどうなるの?

修正すると何が変わるの?という事もあまり分かっていなかったので、ざっくりですが調べてみました。(パンくずリスト・構造化データ・リッチリザルトで検索)

自分ではうまく説明できないので、以下参考にさせていただいたページを。

SEO的には、ちゃんと対応しておいたほうが良さそうですね。

以上、Bloggerテンプレート「QooQ」での、パンくずリストに関するサーチコンソールのエラー修正でした。

当ブログ内、QooQカスタマイズ記事をまとめました

次の記事へ 前の記事へ
コメントはまだありません
コメントを書く
comment url