2019年09月05日
Googleの検索結果上 に、Webサイトのタイトル、説明文以外に、店舗の住所、電話番号、時間、Q&Aなどさまざまな形式の情報が表示されていることが気になったことはありませんか？ それらは総じて「リッチリザルト」と呼ばれる、Googleがユーザーの検索体験向上のために提供している機能によって表示されています。以前は「リッチスニペット」「リッチカード」「エンリッチ検索結果」と複数の呼び名がありましたが、2017年12月に「リッチリザルト」と呼び方が統一されました。
自身のWebページをリッチリザルトに表示させるのに必要なのが、構造化データです。現在、Google検索では、さまざまな構造化データに対応しており、使用を推奨しています。リッチリザルトの表示に成功すれば、Google検索での露出機会が増え、アクセス数アップを図ることが可能になります。
GrowthSeedでは、この構造化データについて、初心者の方にも分かりやすいように説明していきます。今回はまず、構造化データとは何かという概要、そして具体例としてパンくずリストを検索結果に表示させるための構造化データの書き方について説明します。
目次
人間は、テキストを見ることで、そのテキストが持つ「意味」を自然と理解することができます。しかし、検索エンジンでは特定の「文字」「テキスト」であることのみ認識し、そのテキストが示す「意味」まで認識することは現時点ではできません。
たとえば、人間は「株式会社フルスピード 東京都渋谷区円山町3-6 E・スペースタワー8F 03-5728-4460」というテキストを見るだけで「会社名」「住所」「電話番号」だと認識できますが、検索エンジンはただの文字列、テキスト情報としてしか認識できません 。 少なくとも、それがそのページで紹介したい店舗の住所なのか、著者が訪れた旅行先の住所なのかといったところまでの断定は難しいです。
そこで、構造化データの登場です。 構造化データとは、HTMLソースに記述された文字列、テキスト情報、画像の内容、意味を検索エンジンに伝えるためのタグ付けのようなものです。構造化データでマークアップすることにより、検索エンジンのクローラでもHTMLソースに記載されている文字情報が「何を意味するのか」を認識できるようになり、サイトの情報をより的確に伝えることができるようになります。
例を挙げ、具体的にみてみましょう。
株式会社フルスピード 東京都渋谷区円山町3-6 E・スペースタワー8F 03-5728-4460
<名前>株式会社フルスピード</名前>
<住所(都道府県)>東京都</住所(都道府県)>
<住所(市区町村)>渋谷区</住所(市区町村)>
<住所(その他)>円山町3-6 E・スペースタワー8F</住所(その他)>
<電話番号>03-5728-4460</電話番号>
※schema.orgを使用して、 microdataで構造化マークアップした場合の例
<div itemscope itemtype=”http://schema.org/LocalBusiness”>
<span itemprop=”name”>株式会社フルスピード</span>
<div itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>
<span itemprop=”addressRegion”>東京都</span>
<span itemprop=”addressLocality”>渋谷区</span>
<span itemprop=”streetAddress”>円山町3-6 E・スペースタワー8F</span>
<span itemprop=”telephone”>03-5728-4460</span>
</div>
<div>
構造化データをマークアップすると、検索結果のリッチリザルトに反映される可能性があります。リッチリザルトでは、Googleなどの検索エンジンの検索結果で、ページのタイトルやリンク、説明文以外に視覚的な効果を与えることができ、通常より多くの情報を検索ユーザーに対して伝えることができます。それにより、クリックへの誘導、サイトへの流入につながる可能性があります。
なお、構造化データは検索エンジンに、文字列、テキスト情報をわかりやすく伝えるものとなり、検索順位には影響しません。 現在では、以下のような、数多くの構造化データをGoogle検索でサポートしています。
リッチリザルトの種類は、Google公式サイトの「検索ギャラリー」にまとめられています。 年々サポートの範囲は広がっています。気になる方は一度ご確認ください。
構造化データの記述する際にまず決めなければいけないのは、「ボキャブラリー」と「シンタックス」です。「ボキャブラリー」はマークアップするものの定義、「シンタックス」は構造化データの記述方式を指します。
以下のGoogle公式のドキュメントをもとに説明していきます。
参照）構造化データの仕組みについて【Google Developers】
今回は、代表的なボキャブラリー、schema.orgでの実装について説明します。
まず、schema.orgでマークアップする際にはタイプとプロパティを指定します 構造化データをするための準備として、「タイプ」「プロパティ」を決めます。 「タイプ（@type）」とは、構造化データの大カテゴリーのことです。Google検索対応では、リッチリザルトの種類に応じて選択します。今回は、レストランや企業など住所を持つ店舗「ローカルビジネス」でのマークアップを例に、記述内容の説明をします。
“@type”: “LocalBusiness”
そして「プロパティ」とは、「タイプ」に関連する下層カテゴリーです。それぞれのプロパティには値が与えられます。
“@type”: “LocalBusiness”, “name”: “株式会社フルスピード”
後述する記述ルールにもありますが、プロパティやタイプ、値は、ダブルクォーテーション（”）で括ります。また、タイプやプロパティとそれに対する値は、コロン（:）で繋ぎます。
次に、「シンタックス」を決めます。シンタックスとは、構造化データの記述方法で、文法のようなものです。主なシンタックスには、microdataとJSON-LDとRDFaがあります。
よく使われるのは、JSON-LDとmicrodataで、GoogleではJSON-LDを推奨しています。 3つのシンタックスの特徴は以下のとおりです。
・Javascriptで記述する（HTMLがきれいなままで残せる） ・Googleが推奨している ・基本的にHTML内のどこに記述してもOK（通常は<head>セクションに記述）
・HTML5でのみ使用できる ・該当するHTMLに直接記述する ・HTMLソースのタグを1つ1つマークアップする必要があり、手間がかかる
・HTML5の他、XHTMLなどでも使える。 ・W3Cで推奨している。 ・HTMLソースのタグを1つ1つマークアップする必要があり、手間がかかる。
ここでは、JSON-LDで記述する際のルールをご紹介します。 ●HTMLタグではなく、Javascript形式で記述。 ●記述する場所は通常セクション内。セクション内でもOK。 ●文字列は、「”」(ダブルクォーテーション) または「’」シングルクォーテーションでくくる。 例）”@context” ●各項目と値の間には、「:」 (コロン）を記述する。 例）”@context”: “http://schema.org” ●改行をしてデータを追加する場合は、文末に、「,」 (カンマ）を記述する。追加しない場合 （最後の行）はカンマなし。
①JSON-LDの基本形です。
②JSON-LD「ローカルビジネス」の構造データマークアップの例
③各プロパティ（種類）と値を記述していく。
基本的なmicrodataでの記述ルールです。
構造化データを利用する際は、以下のような点に注意してください。
構造化データはあくまで、文字列、テキスト情報等の内容を検索エンジンにわかりやすく伝えるものです。正しくマークアップができていたとしても、必ず検索結果に表示されるものではないことを覚えておきましょう。
構造化データの内容はサイト内のコンテンツと表示、内容を統一させましょう。コンテンツ内容と合致しない場合は検索結果に表示されないことがあります。
Googleでは、構造化データが正しく記述できているかどうかをテストするツール「構造化データ テストツール」を無料で提供しています。構造化データテストツールに対象となるURLを入力すると、構造化データが正しく記述されているかどうかがわかります。エラーが表示される場合は、どこかしらが正しく認識できていない可能性があるため、確認が必要です。また、テストツールで「警告」というステータスが出る場合もあります。ややこしいですが、こちらに対する対応は必須事項ではなく 、あくまで推奨事項の項目になりますので、検索結果への表示には影響がない場合が多いです。
Googleでは、構造化データのガイドラインを公開しています。こちらの内容に沿っていない場合は、検索結果に表示されないことがあります。
参照）Google検索「構造化データに関するガイドラインに準拠する」
実際に構造化データを実装してみましょう。 ここでは比較的導入しやすいパンくずリストの構造化データを実装してみます。 Googleで推奨されているJSON-LDでの記述例です。
以下のJSON-LDのコードを、対象ページのHTMLファイルのセクション内に記述します。 対象ページ） Growthseed SEO用語集 のTOPページ
パンくずリスト ホーム > SEO用語集
<script type=”application/ld+json”>
{
“@context”:”http://schema.org”,
“@type”: “BreadcrumbList”,
“itemListElement”: [
{ “@type”: “ListItem”, “position”: 階層番号1, “item”: { “@id”: “1階層目URL”, “name”: “1階層目コンテンツ名” }},
{ “@type”: “ListItem”, “position”: 階層番号2, “item”: { “@id”: “2階層目URL”, “name”: “2階層目コンテンツ名” }}
]
}
</script>
{ “@type”: “ListItem”, “position”: 1, “item”: { “@id”: “https://growthseed.jp/”, “name”: “ホーム” }},
{ “@type”: “ListItem”, “position”: 2, “item”: { “@id”: “https://growthseed.jp/glossary/”, “name”: “SEO用語集” }}
・JSON-LDのコードはHTMLファイルの<head>セクション内に記述します。 ・ページ内に記載されているパンくずリストと記述内容（URL、コンテンツ名など）をすべて統一させます。 ・URLは https、またはhttpで始まる絶対URLで記述します。 正：https://growthseed.jp/glossary/cache/ 誤：/glossary/cache/ 誤：//growthseed.jp/glossary/cache/
構造化データが対応するジャンル、項目は、年々、増えており、Googleの動きからすると今後もその範囲は広がっていくでしょう。検索結果からWebサイトへの流入に影響するため、ECサイトやニュースサイト等は設置したほうが良いでしょう。ただ、構造化データを設置するコストと管理コストが見合わないと判断される場合は、無理に設置しなくても構いません。
Webサイトの目的とは？ 目的別の施策も解説
App Indexingとは
2015年 コンテンツ制作の重要なポイントとは？
SEO初心者から今まで、SEOを知るために私が勉強したこと
なぜNAVERまとめはサービス終了したのか！？SEO視点で調べてみた
どうして！？ Twitterのアカウントがロックされてしまう理由と解除方法
迷ったらこうする[漢字/ひらがな編] -「出来る/できる」「事/こと」など
企業向けFacebookページ（ビジネスアカウント）の作成・管理方法
【2021年9月最新版】SNS利用者数と各媒体の特徴まとめ
by FullSpeed