JSON-LD？パンくず？「schema.org」を改めて学ぼう！

Google検索エンジンを使って近くのお店を探したときに、検索結果にタイトルとディスクリプション以外のメニューの画像や説明文が掲載されているのを見たことはありませんか？

これはリッチスニペットと呼ばれているもので、サイト内部で「schema.org」によってマークアップされた情報が掲載されています。

今回はこのリッチスニペットに関係しているschema.orgをご紹介いたします。

schema.org とは？読み方は？

schema.orgとは検索エンジンに自サイトの情報をより詳しく伝えるための表記方法のことです。場合によってはサイトの内容とschema.orgの内容を元に、Google検索エンジン側がリッチスニペットとして検索結果に表示させることがあります。

通常サイト内に「コメダ珈琲店で食べれるシロノワールが美味しい。点数をつけるなら120点満点だ！」といった口コミが書いてあったとします。

検索エンジンは「コメダ珈琲」「シロノワール」「美味しい」「点数」といった単語で認識されて、検索結果に表示させます。(実際はもう少し複雑なアルゴリズムで認識していますが。)

schema.orgでこの情報をマークアップすれば「コメダ珈琲という店」「シロノワールというメニュー」「味は美味しい」「点数は120点と評価された」といった感じで、通常よりも細かい情報を検索エンジンに伝えることができます。

ちなみに読み方は「スキーマ」です。

schema.orgのマークアップ方法（設定方法）

それではschema.orgのマークアップ方法をお教えいたします。schema.orgはHTMLの要素なので、サイト内のHTML内に記述することができます。まずschema.orgのプロパティとして以下の3つがあります。

これらをdivタグやsectionタグのプロパティに記載していきます。例として、以下のような情報がサイト内に掲載されていたとします。

これをschema.orgでマークアップしていくと以下のようになります。

itemscopeは「divタグで囲っている部分に記載されている情報を検索エンジンに送る詳細な情報として記載します。」と宣言してるだけなので、値などは必要ありません。itemtypeは書かれている情報の種類をURLで伝えるもので、今回は本に関する情報を伝えるため「http://schema.org/Book」となります。itemtypeに書くことができる情報の種類とURLは一例として以下のようなものがあります。

itempropはプロパティをつけたタグ内に何の項目の情報が記載されているかを伝えるものです。「name」なら本の名前、「description」なら本の説明、「author」なら本の著者名といった情報になります。どういった種類やURL・項目がschema.orgにあるのか知りたい場合は以下のサイトから調べることができます。

また、これを応用して入れ子構造にすることができます。 例えば、本の著者名に付随して著者のメールアドレス情報があった場合、以下のような表記にすることで、ハリーポッターと秘密の部屋の著者のメールアドレス情報も伝えることができます。

こうすることで、この情報内にはハリーポッターと秘密の部屋の著者名があり、その著者名に関するメールアドレスが記載されていることを検索エンジンに伝えることができます。 この構造を入れ子構造と呼び、schema.orgではこの入れ子構造を応用して情報をマークアップしていくことになります。

schema.orgのメリット・デメリット

schema.orgによるマークアップをすることで、Google検索エンジンに自サイトの情報をより詳細に送れるのですが、これによってメリットもデメリットも発生します。

どういったメリットやデメリットがあるのかご説明いたします。これを理解したうえでschema.orgを使っていくようにしましょう。

メリット

schema.orgによるマークアップを行うことで、Google検索エンジン側にサイト内で掲載されている情報に関してより詳細な情報を伝えることができます。

また、schema.orgによってマークアップされた情報を元に、Google検索エンジンが検索結果に他のサイトでは表示させていないような情報を表示してくれることがあります。

例えば、レストランのサイトが検索結果に表示された際、サイト内でメニューに関する情報がschema.orgでマークアップされたとします。Google検索エンジンがその情報を元に、検索結果のディスクリプションの下辺りに、schema.orgでマークアップされたメニューの画像や評価を★で表示したり、メニューの説明を一緒に表示してもらえたりします。

このようにより詳細な情報が検索結果に表示されることで、検索を行ったユーザーに自サイトの詳細な情報を伝えることができ、他よりも表示が目立つようになるため、アクセス数がUPする傾向になります。

schema.orgによってGoogleに詳細な情報を伝えることでこのような結果がおこる可能性が高まります。

デメリット

schema.orgには上記のようなメリットがある分、デメリットもあります。

それは検索エンジンに対して詳細に伝えたい情報は必ずschema.orgでマークアップする必要があるため、マークアップをしないといけないという手間ができることです。また、リッチスニペットを表示してもらえるかどうかはGoogle検索エンジン側からの采配によるところが大きいです。

たとえGoogle検索エンジンが検索結果にあなたのサイトのリッチスニペットを表示してくれたとしても、目的のものを表示してくれるとは限りません。

手間をかけてschema.orgのマークアップを行ったとしてもリッチスニペットに表示されないor目的のものを表示してくれないといったリスクもあります。ですが、メリットと比べるとそこまで大きなデメリットではないので、アクセスアップのためにマークアップしておく価値はあると考えられます。

schema.org、マークアップの確認ツール

schema.orgはHTMLにプロパティを追加してGoogle検索エンジンに情報を伝えているだけであるため、マークアップを行っても実際に上手くいっているかがわかりません。

マークアップを行っても、Google検索エンジンによって検索結果にリッチスニペットを出してもらえなければ、ちゃんとした情報が送られているかどうかは不明です。

そのため、schema.orgによるマークアップがきちんとできているかどうか調べるためのツールがあります。しかも、Google側が用意した公式のツールなので、こちらで上手くいっていると判定が出ればマークアップに問題が無いことがきちんとわかるようになっています。

構造化データテストツール

Googleが正式にリリースしている構造化データテストツールは使い方がシンプルでschema.orgのマークアップがきちんとできているか確認することができます。

サイトにアクセスしたら最初にURLを入力する欄が出るので、そこでテストしたいサイトのURLまたはページのURLを入力し、「テストを実行」ボタンを押します。

あとは少し待つだけで、分割された画面の向かって左にサイトのソース、右にschema.orgでマークアップされた内容が表示されます。

何か問題がある場合は、右側のマークアップされた内容のほうに詳細にエラー内容が表示されるようになっています。修正を行ったら再度テストツールにかけてエラーが出なくなるまで繰り返しましょう。

Googleがリッチスニペットに表示するもの

Googleがリッチスニペットで表示するものに関しては、以下のようなものがあります。

• イベント・日程　
• ソフトウェア アプリケーション
• テレビ番組のエピソード
• レストラン
• 商品
• 地域のお店やサービス
• 映画
• 書評
• 記事

など

もちろんリッチスニペットを表示させるサイトの内容まで加味し、適した情報を表示してくれます。自分のサイトに合った内容が表示されるようにschema.orgのマークアップを行いましょう。

 まとめ：余裕があれば、schema.orgの実装を。

schema.orgでマークアップすることで、自サイトのより詳細な情報をGoogle検索エンジンに伝えることができます。これによってGoogleでの検索結果に表示された際にリッチスニペットに詳細な情報を掲載してもらえる可能性があります。

ただし、これはGoogle検索エンジンの采配によるものであり、表示してもらいたいものとは違う情報が掲載される可能性もあります。schema.orgのマークアップを行う手間がデメリットとしてありますが、リッチスニペットの表示によってよりサイトにマッチしたユーザーが訪れる可能性が高いです。

そういった恩恵を考えると、サイト内でのschema.orgによるマークアップは行っておいて損は少ないと考えられます。