Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@ymkwt

検索結果内に表示されるパンくずリストからTOPやホームだけを消去

More than 3 years have passed since last update.

下記のページを参考に自サイトにパンくずリストを追加した。
https://developers.google.com/search/docs/data-types/breadcrumbs

www.repocabox.com/lunch/ymkwt
<ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="/"><span itemprop="name">TOP</span></a>
        <meta itemprop="position" content="1" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="/lunch/"><span itemprop="name">ランチ</span></a>
        <meta itemprop="position" content="2" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="/lunch/userlist/"><span itemprop="name">ユーザー</span></a>
        <meta itemprop="position" content="3" />
    </li>
</ol>

このページの検索結果は次のようになった。

スクリーンショット 2016-12-17 17.10.15.png

緑色のパンくずの表記部分 repocabox.com › TOP › ランチ › ユーザー
ここの「TOP」は表示されなくていいと思っていたのだけど、案の上表示された。他のサイトをみても実際のページ上にはあっても検索結果には出ていない。使っている記述方法によって違うようだけど上記参考ページのMicrodataでそのままマークアップすると「TOP」が出てしまう。

そもそも参考ページでは「TOP」とかホームをパンくずリストに入れていない。実用的にはあった方がいいと思うのでパンくずには「TOP」を入れるけど検索結果のところには表示したくない。他のシンタックスに変えるのも面倒くさいのでこのまま少しいじってみた。

まずは順番を決めているpositionを無くしてみた。

www.repocabox.com/lunch/ymkwt
<ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="/"><span itemprop="name">TOP</span></a>
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="/lunch/"><span itemprop="name">ランチ</span></a>
        <meta itemprop="position" content="1" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="/lunch/userlist/"><span itemprop="name">ユーザー</span></a>
        <meta itemprop="position" content="2" />
    </li>
</ol>

そうすると検索結果の表示は次のように変わった。
repocabox.com › ランチ › ユーザー › TOP

ちがう。こうじゃない。やばい。そもそもpositionは必須属性か。で、次はもう「TOP」のitemListElementを外した。パンくずリストアイテムじゃないぜ的な意志で。

www.repocabox.com/lunch/ymkwt
<ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
    <li><a href="/"><span>TOP</span></a></li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="/lunch/"><span itemprop="name">ランチ</span></a>
        <meta itemprop="position" content="1" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="/lunch/userlist/"><span itemprop="name">ユーザー</span></a>
        <meta itemprop="position" content="2" />
    </li>
</ol>

これで検索結果ページの表記はうまくいった。
repocabox.com › ランチ › ユーザー

しかしながら本当にこれでいいのかはよく分からない。あとimage属性もrequiredになってるけど本当だろうか。とりあえず面倒なので無しで気が向いたら用意しようと思う。

1ページに2経路以上のパンくずリストを配置しても良いようだけど、検索結果のページに現れるのは現状ひとつだけ。どちらが表示されるかは検索内容に応じるというように書いてある気がするけど試しても変化が確認できなかった。

0
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ymkwt
始めてみました。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?