1. アドベネック
  2. アドベネックのブログ
  3. HTML
  4. 構造化マークアップに挑戦!パン屑リスト編

Posted on Jul 5, 2016 by matsushita shohei

構造化マークアップに挑戦!パン屑リスト編

記事カテゴリー: HTML

構造化マークアップで検索エンジンでの検索結果にアクセントを。少しの記述の追加で検索結果の表示内容が変わります。

構造化マークアップとは

検索エンジンが周回させていているロボット向けにホームページの要素に意味をつけてやるマークアップのことを構造化マークアップといいます。
このサイトの場合、パン屑リストは構造化マークアップ済みです。

<ol 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">アドベネック</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="/myblog/">
<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="https://adbeneq.com/myblog/webdesign/design/">
<span itemprop="name">デザイン</span>
</a>
<meta itemprop="position" content="3" />
</li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<span itemprop="name">モバイルファーストとは</span>
<meta itemprop="position" content="4" />
</li>
</ol>

見ていただくと分かると思いますが、これがパン屑リストであることが定義され、階層が明記されています。
書式が長いから繁雑に見えますが、構造自体はシンプルですね。

構造化マークアップがサイトに与える影響

構造化マークアップ済みページがインデックスされると、検索結果の表示が変化します。
パン屑リストの構造化マークアップの結果はタイトルの下に階層のタイトルとして表示されていますね。

構造化マークアップ済みページの検索結果表示状態

これがSEO的にどういう意味を持つのかわかりませんが、URLよりはカテゴリー名の方が検索語句に近しいと思うので、適切なカテゴリー名やページタイトルをつけているとクリック率には影響されそうですね。

構造化マークアップについてもっと知りたい方は

Search Consoleの「検索での見え方」の横のiマークをクリックしてください。パン屑以外にも構造化マークアップは存在していて、それが検索結果としてどう表示されるのかを教えてくれます。

構造化マークアップのテスト

マークアップが終わったら、正しくマークアップできているかをチェックしましょう。
チェックはGoogleの「構造化データテストツール」で行うことができます。
新規作成したページの検索結果への反映を急ぐ場合は「Fetch as Google」からインデックスに送信すると、即日反映されましたよ。

この記事をシェアする

このカテゴリーの一覧に戻る

松下 正平

この記事の投稿者

松下 正平matsushita shohei

アドベネック代表。 WEB制作会社にてコーダーとして実務を経験し、2002年より独立。2006年アドベネック設立。長く大阪市内に住んでいましたが、今は学生時代を過ごした枚方に移住。ゲームは主に通勤時間にやっています。趣味は音楽鑑賞とサッカー観戦。 Googleのデジタルワークショップ修了しました。

  • Ps
  • Ai
  • Pr
  • Ae
  • Dw

同じカテゴリーの投稿

最近の投稿

記事のカテゴリー

アドベネックのSNS