この記事はAhrefs公式ブログの日本語訳です。
原文:Schema Markup: What It Is & How to Implement It
(著者:Chris Haines / 原文の最終更新日:September 1, 2023)
※フルスピード註:この記事は2023年9月1日時点の記載をもとに翻訳しています。Ahrefs公式ブログの記事は今後追記・再公開されることがありますことをご了承ください。
スキーママークアップは、検索エンジンがページ上の情報を理解するのに役立つコードです。Googleはこれを利用してリッチリザルト(リッチスニペットとも呼ばれる)を表示し、ページのクリック数を増やすことができます。
以下はコードの基本的な例です:
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Movie",
"name": "Barbie",
"dateCreated": "2023-07-21",
"image": "https://m.media-amazon.com/images/M/MV5BOWIwZGY0OTYtZjUzYy00NzRmLTg5YzgtYWMzNWQ0MmZiY2MwXkEyXkFqcGdeQXVyMTUzMTg2ODkz._V1_.jpg",
"director":
{
"@type": "Person",
"name": "Greta Gerwig",
"birthDate": "1983-08-04"
}
}
</script>
ページ上の単語とは異なり、スキーマは構造化データの一形態であることがわかるでしょう。その標準化されたフォーマットは、Googleが誤認する可能性がないことを意味します。だからGoogleはリッチリザルトにスキーマを使うのです。
このガイドでは、使用できるスキーマの種類、スキーマを追加するタイミング、スキーマの追加方法について説明します。
スキーマ・マークアップの種類
スキーマは、さまざまなタイプのコンテンツを強化するために使用できます。現在、Schema.orgには803種類のスキーマが掲載されているが、Googleのウェブサイトによると、グーグルがサポートしているのはそのうちのほんの一握りだという。Googleは、将来的にはさらに多くのフォーマットをサポートする可能性を示唆している。
以下は、Googleがサポートしている、ウェブサイトに追加できるマークアップの例です:
- 記事
- パンくず
- カルーセル
- コース
- イベント
- ファクトチェック
- よくあるご質問
- ハウツー
- 画像メタデータ
- 求人情報
- ローカルビジネス
- ロゴ
- 映画
- 製品
- レシピ
- レビュー
- サイトリンク検索ボックス
- ビデオ
補足
Googleは2023年8月8日、HowToとFAQのリッチリザルトの可視性を大幅に低下させた。FAQの検索結果は、権威のある政府機関や健康関連の有名サイトのみに表示されるようになります。HowToリッチ結果は、デスクトップユーザーのみに表示されるようになります。
サイトに追加できる最も一般的なマークアップの種類をもう少し詳しく見てみましょう。
記事
ニュース、ブログ、スポーツ記事のページに記事スキーマを追加することで、Googleはあなたのページをより理解しやすくします。
事スキーマを追加することには2つの利点が文書化されている:
- これは、Googleがより良いタイトルテキスト、画像、日付情報を表示するのに役立ちます。
- Googleには「あなたのコンテンツが何についてのものかをより明確に」伝える役割があります。
ここでの推論は、記事スキーマをコンテンツに追加することで、より関連性の高いクエリに表示される可能性があるということです。
以下は記事スキーマがどのように見えるかの例です。
さらに読む
製品
製品マークアップを追加することは、ユーザーが検索結果で価格、在庫状況、レビュー評価、配送情報などを確認できることを意味します。商品マークアップは、見込み客がウェブサイトに入る前に商品の詳細な情報を得ることができるため、Eコマースストアにとって便利です。
商品リッチの結果はこのようになります:
以下は、Productスキーマがどのように見えるかの例です。
さらに読む
ローカルビジネス
ローカルビジネスのマークアップは、Googleがあなたのビジネスを理解することを可能にします。スキーマを追加することで、Googleは営業時間やビジネスのさまざまな部門などを表示できるようになります。
ローカルビジネスのリッチな結果はこのようになります:
以下は、ローカル・ビジネス・リスティングのコードがどのように見えるかの例です。
さらに読む
サイトリンク検索ボックス
Sitelinkマークアップを追加することは、Googleであなたのブランドを検索する際に、あなたのウェブサイトの検索者が重要なページの関連リンクを見ることを意味します。
Sitelinkマークアップのリッチリザルトはこんな感じです:
以下は、Sitelinksの検索ボックススキーマがどのように見えるかの例です。
さらに読む
イベント
イベントのリッチリザルトは、オンライン、オフラインを問わず、今後のイベントにより多くの注目を集めるための最良の方法のひとつです。イベントのリッチリザルトは、Googleの検索結果で目立つように表示されます。
以下は、イベント・リッチの結果がどのようになるかの例です:
以下は、物理的なロケーションイベントのスキーマの例である。
さらに読む
ウェブサイトにスキーマ・マークアップを追加する方法
すべてのウェブサイトは、基本的なスキーマを追加すべきですが、自分のウェブサイトに最も適したスキーマだけを追加しましょう。
何を追加すべきかわからない場合は、以下の基本的な例を考えてみましょう:
- Eコマースサイト– 商品、パンくず、個人/組織スキーマを追加します。
- ブログまたはニュースウェブサイト– 記事、パンくず、人物/組織スキーマを追加する。
また、ウェブサイトが特定のトピックに特化している場合は、より具体的なスキーマタイプを追加することもできます。例えば、
- 食品サイト – レシピスキーマを追加する。
- リクルートウェブサイト– 求人情報スキーマの追加。
では、どうやってスキーマを追加するのでしょうか?
幸いなことに、ほとんどの最新のウェブサイト・コンテンツ管理システム(CMS)は、基本的なスキーマの実装を簡単に追加できるようになっています。
一般的に言って、WixやWebflowのような一般的なCMSを使用している場合、スキーマ設定を好みに合わせて微調整するだけでよい。
一般的に、WixやWebflowなどの一般的なCMSを使用している場合は、スキーマ設定を選択して、必要に応じて微調整するだけです。
WordPressを使用している場合は、Yoast SEOなどのプラグインを選択できます。プラグインに登録すると、OrganizationスキーマまたはPersonスキーマを追加する指示が表示されるでしょう
オンボーディングが完了したら、投稿内の「スキーマ」タブをクリックし、さらに設定を微調整することができます。デフォルトでは、スキーマのページタイプは “ウェブページ “に設定され、投稿タイプは “記事 “に設定されています。
アドバイス
より詳細なガイダンスについては、Yoastのガイドをチェックしてください。WordPressを使用せず、WixやWebflowのようなプラットフォームを使用している場合は、以下のスキーママークアップガイドをチェックしてください。
ウェブサイトにスキーマを追加するもう一つの方法は、自分で手動でコードを追加することです。
この方法では、ウェブサイト上でスキーマを完全にカスタマイズすることができますが、特にコーディングに自信がない場合は、始める前にSEOコンサルタントや開発者にアドバイスを求める価値があります。
スキーママークアップコードは、microdata、RDFa、JSON-LDの3つの異なる言語で生成できます。
Googleは3つの言語をサポートしていますが、特にJSON-LD(JavaScript Object Notation for Linked Data)の使用をお勧めしています。これはGoogleのシニア検索アナリストであるジョン・ミューラーも確認しています。
これはジョン・ミューラーも別途確認している。
私たちは現在、JSON-LDマークアップを好んでいます。新しい構造化データのほとんどは、最初にJSON-LDのために出てきたようなものだと思います。ですから、私たちはそれを好んでいます。
ジョン・ミューラー シニア検索アナリストGoogle
MerkleのSchema Markup Generatorや GoogleのStructured Data Markup Helper、あるいはChatGPTのようなツールを使って、生のJSON-LDコードを自分で生成することができます。今回は Merkle のスキーマジェネレータを使ってコードを生成してみます。
これを行うには、スキーマ・ジェネレーターにアクセスし、生成したいスキーマのタイプを選択します。例として、「イベント」を選択しました。
必要な情報を追加するために、選択したスキーマタイプのフィールドに情報を入力します。ここでは、架空のSEO会議を例に挙げています。
JSON-LDコードを作成したら、それを掲載したいページの<head>
または<body>に
追加します。グーグルはどちらでも問題ないことを確認している。技術的に自信があれば、Google Tag Managerを使ってJavascriptでコードを埋め込むこともできます。
スキーマ・マークアップの検証方法
単一ページのスキーママークアップをチェックするには、Schema ValidatorまたはGoogleのリッチリザルトテストツールを使うことができます。
すでにAhrefsのSEOツールバーをインストールしている場合は、「構造化データ」タブにこれらのツールへのリンクがあります。
リッチリザルトテストをクリックすると、テストが実行され、エラーがあればリストアップされます。テスト結果をクリックすると、その問題の詳細が表示されます。
Googleのリッチリザルトテストツールは、Googleのリッチリザルトが表示されるページ単位でスキーマを検証するのに便利です。しかし、すべてのリッチリザルトのステータスを確認したい場合は、Google Search Consoleを使用する必要です。
以下は、Google Search Consoleを使用して、小さなウェブサイトの有効なレビュースニペットを確認した例です。
これは便利ですが、リッチリザルトテストツールとGoogle Search Consoleの両方の制約があります。それは、リッチリザルトの原動力であるスキーママークアップのみをチェックしていることです。スキーママークアップの唯一の利点ではありません。
ウェブサイト上の全てのスキーマをチェックしたい場合は、Schema.orgの単一ページ用のMarkup Validatorを使用する必要があります。このツールは、AhrefsのSEOツールバーから「Validate」ボタンをクリックしてアクセスすることができます。
Ahrefsのサイト監査は、Ahrefsウェブマスターツール(AWT)に登録することで無料で利用することができます。
監査を実行したら、Site監査の All issuesレポートにアクセスしてください。構造化データに問題がある場合、問題のリストに以下のようなメッセージが表示されます。
この問題をクリックすると、ウェブサイト上の構造化データの問題がすべて表示されます。この例では1,332件の結果があります。私は、「オーガニック・トラフィック」を高いものから低いものへと並べ替えることで、ページの修正に優先順位をつけたいと思っています。
そのためには、「オーガニック・トラフィック」のヘッダーをクリックし、「構造化データの問題」欄の「問題を表示」をクリックして、問題の詳細を確認する。
この例では、3つのエラーと1つの警告があることがわかります。まずこれらの問題を修正し、それから再度チェックする必要があります。
すぐに別のクロールを実行するのではなく、SEOツールバーを使って変更箇所をスポットチェックするのがよいでしょう。
リッチ検索結果は、Googleがあなたのサイトを再検索するまで表示されません。
アドバイス
最も重要なページでスピードアップを図りたい場合は、Google Search Consoleを使ってURLの再インデックス登録を行うことができます。
上記をすべて実行しても問題が解決しない場合は、サイトの品質に問題がある可能性があります。
構造化データが表示されない最も一般的な理由をいくつか挙げてみましょう:
- 誤解を招くし、ページの主要な内容を表していない。
- Googleは、あなたのコンテンツにはテキスト結果が最適だと考えているかもしれない。
- そのページはGoogleの構造化データガイドラインに適合していない。
最終的な感想
Schemaマークアップは、SERPでより多くの場所を確保し、ウェブサイトのCTRを向上させる素晴らしい方法です。
設定には少し手間がかかりますが、多くのCMSが数クリックで簡単にスキーマをサイトに追加できるようになっているため、以前ほど難しくはないでしょう。
もっと質問がありますか?Twitterで教えてください。
記事を書いた人
Chris Haines
クリスはSEOディレクターで、代理店側で10年のSEO経験を持つ。SEOに携わっていないときは、ビンテージのシンセサイザーをいじったり、砂浜を散歩したり、おいしい紅茶を楽しんだりしている。
記事を書いた人
Chris Haines
クリスはSEOディレクターで、代理店側で10年のSEO経験を持つ。SEOに携わっていないときは、ビンテージのシンセサイザーをいじったり、砂浜を散歩したり、おいしい紅茶を楽しんだりしている。
コメント