【イラスト付き】構造化マークアップとは？書き方まで丁寧に解説！

ブルーちゃんブルーちゃん！

検索エンジンでクリック率を上げるためには、構造化マークアップが大事らしいんだけど、それが何のことなのかよくわからなくて…

構造化マークアップとは、Googleにサイトの内容をわかりやすく伝える方法のことなんだ

例えば、イエローちゃんが更新したブログに、以下のようなテキストがあったとしてみよう

私たちがこれを読むと、「インフルエンサーマーケティングの基本を徹底解説！」というタイトルの、イエローっていう人が書いている、2022年10月1日に公開されたブログ記事なんだということがわかるよね

だけど、Googleのロボットでは、人間と同じように前後の文脈などから内容を理解するのが難しいんだ

そのため、Googleにわかりやすくそれぞれの情報を伝えるために、HTML内で下記のような記述方法を使うことがあるよ

こうやって、サイト内の情報を構造化して伝えるのが構造化マークアップなんだ

構造化マークアップは、検索順位の向上に直接的な影響があるわけではないんだ

ただ、構造化マークアップを行うと、検索画面でリッチリザルトを表示させたり、ナレッジパネルやローカルパックにWebサイトの情報を掲載されやすくしたりする効果があるよ

これらの効果のおかげで、検索からサイトにアクセスするユーザーが増加することが期待できるから、間接的とはいえSEOに大きな影響があると考えられるんだ

それぞれの効果について、もう少し詳しく説明していくね

サイトのURL・タイトル・説明文の他に、追加情報が掲載されている検索結果のことをリッチリザルトというよ

商品の価格や口コミ評価、サムネイル画像、イベント日時やスケジュールなど、サイトの内容に合わせた様々な情報が表示されるんだ

構造化データとしてこれらの情報をGoogleに正しく伝えることで、リッチリザルトを表示させるよう促すことができるよ

リッチリザルトが表示されるとユーザーの目を引くし、情報がわかりやすく伝わるから、クリック率の向上が望めるよ

Googleが蓄積しているデータベースから、ユーザーが知りたがっている店舗や企業の情報を検索結果にまとめて表示するボックスをナレッジパネルというよ

それと、特定の地域に関わる検索キーワードに対して、検索結果にマップと共に表示される店舗や企業のリストを、ローカルパックというよ

店舗や企業のWebサイトでの構造化マークアップは、ナレッジパネルに正しい情報を掲載したり、ローカルパックに店舗や企業を表示させたりするのに役立つよ

ナレッジパネルやローカルパックは検索画面の上部に表示されるから、ユーザーへの訴求力は抜群だよ

構造化マークアップには、主に2つの実装方法があるよ

一つ一つ解説していくね

まず1つ目は、サイトのHTMLに直接マークアップする方法だよ

HTMLにマークを行う際には、書き方の形式にいくつか種類があるんだけど、Googleは「JSON-LD」という形式を推奨しているんだ

また、構造化データの値をどのように表すかという規格は、schema.orgのボキャブラリが主に用いられているよ

JSON-LDで構造化データを記述する際には、まず内容を下記のタグで囲むよ

次に、schema.orgのボキャブラリーを使用するときは、先ほどのscriptタグの中に下記のように記載するよ

そして、それ以降はサイトに関する情報を「“情報の種類（タイプ）“: “内容プロパティ）”」という形でカンマで区切りながら記載していくんだ

見出しを示す“headline”や公開日を示す”datePublished”など、様々な情報タイプがあって、Googleの検索ギャラリーから例を見ることができるから、実際に記述するときは参考にしながら進めてみよう

ここまでの流れを踏まえて書かれたのが、さっきもイエローちゃんに例で見せた、この構造化データなんだ

これで手動でのマークアップは完了だよ

技術的に手動でマークアップするのが難しい場合は、Googleが無料で提供している構造化データ マークアップ支援ツールを使うのもおすすめだよ

マークアップしたいサイト上のテキストを画面上で直接選択して、その内容に合ったタグを選択することで、データを構造化してくれるんだ

マークアップが完了したら、構造化データのコードを自動生成してくれるから、そのコードをサイトのHTML内にコピペすれば簡単に実装できるよ

構造化マークアップについて、重要なポイントをまとめたよ