構造化データを用いて検索結果にリッチスニペット（リッチリザルト）を表示する方法（クチコミ編）

## 秒で知りたい人向け 👇

こういうやつです。

![あつた蓬莱軒_松坂屋店_-_Google_検索.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/e0705f42-9721-0440-29d3-fe9b2a0e3961.png)

詳しく知りたい人は 👇

## リッチスニペット（リッチリザルト）とは

リッチスニペット（リッチリザルト）を説明する前にまずスニペットに関して説明します。

検索結果には基本、WebページのタイトルとURL、そのページの説明文（description）が表示されます。これらがスニペットと呼ばれます。

![とあるWebデザイナーのダイエットBlog（Devはデベロッパーの略）_-_Google_検索.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/7205da83-2410-785e-01f3-7a9a35b52859.png)

対して、**リッチスニペット（リッチリザルト）とは、スニペットの情報以外の付加情報です。**

リッチスニペット（リッチリザルト）には色々種類があります。

よく見かけるのは以下

![あつた蓬莱軒_松坂屋店_-_Google_検索.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/99b93563-28da-77c9-a830-31007cefd605.png)

パンくずリスト、評価・レビュー、価格情報としてGoogleに認識されれば検索結果に表示されます。

## 検索順位向上に寄与するか？

[しないらしい（google公式見解）](https://developers.google.com/search/blog/2020/08/rich-results-search-console#rich-results-search-console-faqs)

> Will a site rank higher against competitors if it implements structured data?
> Structured data by itself is not a generic ranking factor.

[Rich Results & Search Console Webmaster Conference Lightning Talk](https://developers.google.com/search/blog/2020/08/rich-results-search-console)

現時点（2021/2/12時点）では、リッチスニペット（リッチリザルト）対応しても検索順位が向上する効果は期待しない方がいいでしょう。

じゃあ、どんな効果やメリットがあるかと言うと

### 効果（メリット）

Google ウェブマスター向け公式ブログ曰く

> Google 検索でコンテンツを際立たせることができます。

[Google ウェブマスター向け公式ブログ \[JA\] : 構造化データを使って、検索結果での表示をより良くしましょう](https://webmaster-ja.googleblog.com/2019/06/enriching-search-results-structured-data.html)

つまり、検索結果を際立たせることで、検索結果上で表示できる情報量が増えるため、**検索したユーザーの目に留まりやすくCTR(クリック率)が高くなり、アクセス数を増加させることが期待できます。**

![あつた蓬莱軒_松坂屋店_-_Google_検索.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/7bc92531-57de-c536-acfd-0ef2fbf9947d.png)

## 検索結果にリッチスニペット（リッチリザルト）を表示させる方法

ただのテキストだけでは、Googleにはまだ正確な意味が認識できません。なので、

検索結果にリッチスニペット（リッチリザルト）として表示させたいならHTMLで表現されたプレーンなテキストとは別で、検索エンジンに理解できる表現で記述しないといけません。

```html
<p>俺は山田だ！この間コメダで食べたでシロノワールが超うまかったんだ！点数をつけるなら5段階評価で5点満点だ！</p>
```

これだと、Googleにはただのテキストとしてしか認識されません。（未来に期待）

なので、対検索エンジンに向けてHTML上に以下の様に教える必要があります 👇

```html
<script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "Review",
    "author" : {
      "@type" : "Person",
      "name" : "山田"
    },
    "reviewRating" : {
        "@type" : "Rating",
        "ratingValue" : "5.0"
    }
  }
</script>
```

商品評価は`Review`、人なら`Person`という意味づけのルールは [schema.org](https://schema.org/)が定義しています。
かなり膨大な定義の中から、Googleの検索結果のリッチスニペット（リッチリザルト）として表示できるものは数えるほどしかありません。

![スクリーンショット 2021-02-12 2.24.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/ef71eca1-a290-7e58-5688-4102044efd38.png)

詳しくは、以下を見てください。

[構造化データの仕組みについて  \|  Google 検索セントラル  \|  Google Developers](https://developers.google.com/search/docs/guides/intro-structured-data?hl=ja)

## レビューの種類

検索結果の現れたリッチスニペット（リッチリザルト）を色々と見て、私が勝手にカテゴライズしてみました。
主に、以下の様なパターンがありました。

![スクリーンショット 2021-02-12 3.36.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/dcc85847-5a9e-0bed-d03d-e209f9ffab02.png)

網羅できてないし、MECEでもないと思います。

## パターン別の事例

今回は実際の商品情報のクチコミや評判などのリッチスニペット（リッチリザルト）を調べてみました。

## パターン1

![スクリーンショット 2021-02-12 2.43.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/f89341de-1460-cf6e-cc83-1cca46a475ec.png)

### パターン1-1の検索結果

![あつた蓬莱軒_松坂屋店_-_Google_検索.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/4582cd12-1bf7-54d0-60ad-d88b557705f6.png)

### パターン1-1の実装方法

![view-source_https___www_jalan_net_gourmet_grm_foomoojH000149397_kuchikomi_.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/8624ea66-9a28-81e6-b781-fcdf36f7f24f.png)

[あつた蓬莱軒 松坂屋店の口コミ一覧 \- じゃらんnet](https://www.jalan.net/gourmet/grm_foomoojH000149397/kuchikomi/)

### パターン1-2の検索結果（ナレッジパネル）

構造化マークアップをすることで、ナレッジパネル上の「ウェブ上のレビュー」という項目に反映できることを確認しました。

![あつた蓬莱軒_松坂屋店_-_Google_検索.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/99c9d0f6-a5c4-367b-3704-73b6b15d345f.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/9b012dc0-eb81-c416-39cd-f817b2390fd4.png)

参考

[ナレッジパネルについて \- ナレッジパネル ヘルプ](https://support.google.com/knowledgepanel/answer/9163198?hl=ja)

同じナレッジパネル上でも、Googleマイビジネスにある口コミとは違うので注意が必要です。

![あつた蓬莱軒_松坂屋店_-_Google_検索.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/02198260-61c0-acfd-ce12-80cb2cbc8130.png)

### パターン1-2（ナレッジパネル）の実装方法

![view-source_https___www_jalan_net_gourmet_grm_foomoojH000149397_kuchikomi_.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/6926c597-acdd-bf2d-4763-5200f0f0845b.png)

[あつた蓬莱軒 松坂屋店の口コミ一覧 \- じゃらんnet](https://www.jalan.net/gourmet/grm_foomoojH000149397/kuchikomi/)

詳しいやり方は 👇

[Google、ローカルナレッジパネルに「ウェブ上のレビュー」を追加。レストランやテーマパークなどに対するさまざまなレビューサイトでの評価が検索結果でわかる \| 海外SEO情報ブログ](https://www.suzukikenichi.com/blog/google-adds-reviews-web-critic-reviews-local-knowledge-panel/)

## パターン2

![スクリーンショット 2021-02-12 3.06.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/704a773a-6609-da83-8cfe-51be38c7d1f3.png)

### パターン2の検索結果

日本だとあまり見かけませんが、専門家の映画レビューがナレッジパネル上に表示されているものを見かけました。

![toy_story_4_-_Google_Search.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/3487ee30-ead3-e0f8-8553-dfcb4629615f.png)

このような評論家のレビューはレビュー記事の要約として表示されています。特定のサイトで 1 人の編集者によるレビューです。レビュー内容の抜粋、評価した人の名前、サイトのアイコンとともに検索結果に表示されていました。

### パターン2の実装方法

[Toy Story 4 Movie Review](https://www.commonsensemedia.org/movie-reviews/toy-story-4)![view-source_https___www_commonsensemedia_org_movie-reviews_toy-story-4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14191/2a93436a-66a8-c4e0-1238-e69df2d0d584.png)

ナレッジパネルの口コミ表示ですが、1ページ表示させていることが条件としてあります

参考

- [評論家レビュー  \|  Google 検索セントラル  \|  Google Developers](https://developers.google.com/search/docs/data-types/critic-review?hl=ja)
- [Google、ローカルナレッジパネルに「ウェブ上のレビュー」を追加。レストランやテーマパークなどに対するさまざまなレビューサイトでの評価が検索結果でわかる \| 海外SEO情報ブログ](https://www.suzukikenichi.com/blog/google-adds-reviews-web-critic-reviews-local-knowledge-panel/)
- [Google、映画のナレッジグラフに評論家のレビューを表示 \| 海外SEO情報ブログ](https://www.suzukikenichi.com/blog/google-shows-critic-reviews-in-movie-knowldge-panel/)

---

他社事例があると、大分実装しやすいのではないでしょうか。

## リッチスニペット（リッチリザルト）を表示する上でのデメリットは？

学習コストが少し高い。

ルールが多いし、注意することが多い。

## 注意点

- 構造化データマークアップを実装したからといって必ずしもリッチスニペット（リッチリザルト）が表示されるとは限らない
- １カ所でもマークアップの記述が間違っているとリッチスニペット（リッチリザルト）が表示されない
  - 確認は[テストツール](https://search.google.com/test/rich-results?hl=ja)を使ってね

あと他にも色々と注意すべきことはあるみたいです。

[レビューのリッチスニペットでやってはいけないこと3つ、違反すると手動の対策もあり \| 海外SEO情報ブログ](https://www.suzukikenichi.com/blog/3-things-you-should-not-do-to-show-review-rich-snippets/)

## 最後に

他にもまだまだいろいろな内容のリッチスニペット（リッチリザルト）があったりします。

- [雇用主の総合評価  \|  Google 検索セントラル  \|  Google Developers](https://developers.google.com/search/docs/data-types/employer-rating?hl=ja)
- [ファクト チェック  \|  Google 検索セントラル  \|  Google Developers](https://developers.google.com/search/docs/data-types/factcheck?hl=ja)

追加もされていると思うので、また記事書きます。

## 参考

### 公式

- [Google ウェブマスター向け公式ブログ \[JA\] : 構造化データを使って、検索結果での表示をより良くしましょう](https://webmaster-ja.googleblog.com/2019/06/enriching-search-results-structured-data.html)
- [Google ウェブマスター向け公式ブログ \[JA\] : レビュー リッチリザルトをさらに役立つものに](https://webmaster-ja.googleblog.com/2019/10/making-review-rich-results-more-helpful.html)
- [クチコミ抜粋 \| Google 検索セントラル  \|  Google Developers](https://developers.google.com/search/docs/data-types/review-snippet?hl=ja)
- [構造化データに関する一般的なガイドライン  \|  Google 検索セントラル  \|  Google Developers](https://developers.google.com/search/docs/guides/sd-policies?hl=ja

### 非公式

- [28 Google Rich Snippets You Should Know \[Guide \+ Infographic\]](https://mangools.com/blog/google-rich-snippets-guide/)
- [リッチリザルト\(リッチスニペット\)とは？対策まとめ \| インデックス対策 \| テクニカルSEO BLOG](https://cluster-seo.com/blog/rich-snippets.html#outline__4)