リッチリザルトとは、検索結果に表示されるWEBページの特別な情報枠のことです。自社ページのリッチリザルトを掲載できると、検索結果における自社情報の占拠率が高まります。そのため、検索ユーザーのクリック率が高まります。結果として、検索流入が増加して自社サイトの実績を積めますので、SEO効果をえられます。

本記事では、リッチリザルトについて解説します。リッチリザルトを自社サイトに反映する方法のほか、具体的なソースコードを交えて説明しています。WEBサイトのディレクターだけでなく、エンジニアの方にも役立つ内容に仕上げていますので、ぜひ参考にしてください。

リッチリザルトとは

リッチリザルトとは、検索結果の特殊な表示枠のことです。リッチリザルトは、構造化データと呼ばれるテクニカルSEOを用いることで表示を促せます。

ただし、構造化データを実装したからといって、必ずしもリッチリザルトが表示されるとは限りません。検索結果に表示される情報は、あくまでも、Google検索エンジンが決定します。

リッチリザルトとリッチスニペットの違い

リッチスニペットとは、検索結果のスニペット上に表示される、特殊な掲載をされる情報のことです。

一方、リッチリザルトは、検索結果上の特殊な表示枠を指します。たとえば、下記画像のようにGoogleナレッジパネル内の企業情報も含まれます。そのため、厳密にいうと、リッチスニペットは、リッチリザルトの一種という位置付けになります。

関連記事：スニペットとは？ 意味やSEO効果をえるコツを解説

リッチリザルトと強調スニペットの違い

強調スニペットとは、検索クエリに対して適切な回答となるWEBページの文面を表示する枠のことです。具体的には、検索結果の最上位に掲載されます。

一方、リッチリザルトの場合は、構造化データを基にコンテンツが表示されます。そのため、そもそも仕組みが異なります。

関連記事：強調スニペットとは

リッチリザルトがSEOに与える影響

結論だけいうと、自社ページの情報をリッチリザルトで表示できても、直接的なSEO効果はえられません。

ただし、自社ページの情報が検索結果上で目立って掲載されますので、クリック率が高まります。そのため、検索ユーザーの流入数が増加します。そして、こうした検索流入はWEBページの実績につながります。この意味では、リッチリザルトは、間接的にSEO効果に貢献します。

リッチリザルトを表示する方法

構造化データを実装して、リッチリザルトを表示する方法は、主に次の2つの方法があります。

HTMLファイルに直接マークアップする

構造化マークアップは、HTMLファイルに直接コードを書き込むことで設定できます。構造化データには、規格という概念があります。そして、構造化データの規格には、次の3つの種類があります。このうち、JSON-LDの利用がGoogle社に推奨されています。

規格を指定したうえで、一般的にHTMLファイルのheadタグかbodyタグに記述されます。たとえば、下記のようなソースコードをHTMLファイルに挿入すると、「contentUrl」で指定した画像データがリッチスニペットとして表示されやすくなります。

<script type="application/ld+json">

{

"@context": "https://schema.org/",

"@type": "ImageObject",

"contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg",

}

</script>

このコードの見方は、下記のとおりです。

構造化マークアップ支援ツールを利用する

Google社が提供する構造化マークアップ支援ツールを利用すると、容易に構造化データをマークアップできます。具体的な手順は、下記のとおりです。

リッチリザルトが反映されているか確認する方法

Googleサーチコンソールのリッチリザルトテストを利用すると、WEBページに構造化データが実装されているかチェックできます。手順は次のとおりです。

すると下記画面が表示されます。ここで構造化データがGoogle検索エンジンに読み取られているかを確認できます。

関連記事：リッチリザルトテストの使い方

リッチリザルトの種類と構造化データの書き方

リッチリザルトには、さまざまな表示形式があります。下記は、その一例です。

本項目では、上記リッチリザルトを表示するための書き方をコードの事例を交えてご紹介します。なお、リッチリザルトのすべての種類は、Google検索セントラルで紹介されています。

参考：Google検索がサポートする構造化データマークアップ | Google 検索セントラル | ドキュメント | Google for Developers

記事

ここでいう記事とは、検索クエリに対して、ニュースやブログなどのWEBページがピックアップされる枠のことです。Googleニュースなどの検索結果に表示され、さらに検索結果の最上位部などにリッチリザルトとして掲載されることがあります。

このリッチリザルトの枠に記事を表示するためには、次のようなコードをHTMLファイルに書きます。

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "NewsArticle",

"headline": "Title of a News Article",

"image": [

"https://example.com/photos/1x1/photo.jpg"

],

"datePublished": "2015-02-05T08:00:00+08:00",

"author": [{

"@type": "Person",

"name": "John Doe",

"url": "https://example.com/profile/johndoe123"

}]

}

</script>

※本コードは、記事（Article）の構造化データ | Google 検索セントラル | ドキュメント | Google for Developersを引用し一部改変したもの

このコードの解説は下記のとおりです。

パンくずリスト

パンくずリストは、WEBページの現在地を示すリンク情報として、スニペット内に表示されます。

構造化データの記述方法は次のとおりです。

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "BreadcrumbList",

"itemListElement": [{

"@type": "ListItem",

"position": 1,

"name": "Books",

"item": "https://example.com/books"

},{

"@type": "ListItem",

"position": 2,

"name": "Science Fiction",

"item": "https://example.com/books/sciencefiction"

},{

"@type": "ListItem",

"position": 3,

"name": "Award Winners"

}]

}

</script>

※本コードは、パンくずリスト（BreadcrumbList）の構造化データ | Google 検索セントラル | ドキュメント | Google for Developersを引用し一部改変したもの

コードの解説は下記のとおりです。

商品情報

掲載商品の画像アイコンや価格、口コミ評価などがリッチスニペットとして掲載されます。主に、ECサイトの商品紹介ページで用いられます。

上記画像のように、商品情報として画像や価格を表示するためには、次のように記述します。

<script type="application/ld+json">

{

"@context": "https://schema.org/",

"@type": "Product",

"name": "東京SEOメーカー2023年最新SEO対策完全ガイド",

"description": "SEO事業を専門に展開する東京SEOメーカーが培ったノウハウと技術をもとに、今知るべき2023年時点のSEOを徹底解説します。",

"image": [

"https://example.com/photos/16x9/trinket.jpg"

],

"offers": {

"@type": "Offer",

"price": 1250,

"priceCurrency": "JPY",

}

}

</script>

※本コードは、商品（Product、Review、Offer）の構造化データ | Google 検索セントラル | ドキュメント | Google for Developersを引用し一部改変したもの

レビュー情報

商品や映画、レシピなど、ユーザーの評価対象になるコンテンツの記事では、リッチリザルトとしてレビュー情報が掲載されます。

上記画像の評価やレビュー情報を表示する構造化データのコード見本は、次のとおりです。

<script type="application/ld+json">

{

"@context": "https://schema.org/",

"@type": "Product",

"name": "東京SEOメーカー2023年最新SEO対策完全ガイド",

"description": "SEO事業を専門に展開する東京SEOメーカーが培ったノウハウと技術をもとに、今知るべき2023年時点のSEOを徹底解説します。",

"image": [

"https://example.com/photos/16x9/trinket.jpg"

],

"aggregateRating": {

"@type": "AggregateRating",

"ratingValue": "3.4",

"bestRating": "5",

"reviewCount": "7"

}

}

</script>

※本コードは、商品（Product、Review、Offer）の構造化データ | Google 検索セントラル | ドキュメント | Google for Developersを引用し一部改変したもの

さらに、レビュー評価を構造化データで実装すると、口コミ抜粋として取り上げられるケースもあります。口コミ抜粋とは、リッチスニペットやナレッジパネルなどに表示されるレビューコメント文のことです。リッチスニペット内では、ディスクリプションとして表示されます。

サイトリンク検索ボックス

サイトリンク検索ボックスとは、WEBサイト内のページを検索できるフォームのことです。構造化データを用いることで、リッチスニペット内に表示できます。

サイト内検索ボックスを表示する場合は、WEBサイトにサイト内検索エンジンを実装している必要があります。

サイト内検索エンジンを埋め込んでいる場合は、下記のようなコードを記述してください。

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "WebSite",

"url": "https://www.example.com/",

"potentialAction": {

"@type": "SearchAction",

"target": {

"@type": "EntryPoint",

"urlTemplate": "https://www.example.com/search?q={search_term_string}"

},

"query-input": "required name=search_term_string"

}

}

</script>

※本コードは、サイトリンク検索ボックス（WebSite）の構造化データ | Google 検索セントラル | ドキュメント | Google for Developersを引用し一部改変したもの

コードの詳しい解説は、次のとおりです。

リッチリザルトのよくある質問

リッチリザルトに関する、よくある質問をまとめています。
 

まとめ

本記事では、リッチリザルトの仕組みやSEO上のメリット、表示方法について解説しました。リッチリザルトを自社サイトに実装することで、検索結果上のクリック率が向上して、検索流入が増加します。リッチリザルトは、構造化マークアップ支援ツールを利用することで、WEB初心者の方でも比較的容易に設定できます。リッチリザルトには、さまざまな種類が用意されていますので、自社サイトの特徴に合わせて、適切な構造化データを実装してください。

SEOとWEBマーケティングの東京SEOメーカーTOPへ戻る

この記事の監修者

アドマノ株式会社　代表取締役　天野　剛志

日本大学法学部卒業、広告代理店で12年間働いている間、SEOと出会い、SEO草創期からSEO研究を始める。SEOを独学で研究し100以上のサイトで実験と検証を繰り返しました。そのノウハウを元に起業し現在、11期目。営業、SEOコンサル、WEB解析（Googleアナリティクス個人認定資格GAIQ保持）コーディング、サイト制作となんでもこなす。会社としては今まで2000以上のサイトのSEO対策を手掛けてきました。