Elfsight Birthday Sale
Language:

Google検索結果に商品スニペットを表示させる方法

Google検索結果で競合を圧倒するには、商品スニペットを活用しましょう。これは商品をより魅力的に見せ、ECサイトのクリック率を向上させる最良の方法です。この記事では、商品スニペットの具体例と簡単に作成する方法に焦点を当てます。
Share:
Facebookにシェアする
Share on X
Share on LinkedIn
Share on WhatsApp
Copy Link
Google検索結果に商品スニペットを表示させる方法

商品スニペットとは何か、そしてなぜECサイトに必要なのか?

商品リッチスニペットは構造化データの一種で、商品に関するリッチな検索結果を表示するために使われます。商品名、価格、評価、説明、魅力的な写真など、検索ユーザーに詳細な情報を提供します。

検索結果が大量にある場合、ユーザーは以下のような普通のスニペットにはほとんど目を向けません:

a normal snippet with a product

Googleの商品リッチスニペットははるかに目を引き、ユーザーはクリックしやすくなります:

a rich snippet with product schema on Google

購入前にユーザーは商品の特徴、価格、評価、説明を知りたいと思います。早くそれらを知るほど、その情報を提供したサイトを高く評価します。

Googleは通常の検索結果だけでなく、モバイルの画像検索でも商品を目立たせます。スキーママークアップがある商品画像には「Product」ラベルが付けられます。

types of pages to use product snippets
Googleレビューウィジェットは、検索結果だけでなく、My Businessプラットフォームのレビューをウェブサイトに表示する別の方法です。

最も重要なルールは、複数商品ではなく単一商品の構造化データを使うことです。アダルト商品やサービスはサポートされていません。それ以外は制限なく商品マークアップを利用できます。

Googleの商品スニペットを使うことで多くのメリットがあります。SEO全体を強化し、ユーザーの行動を促進します。リッチスニペットの商品は検索結果で目立つため、クリック率が上がるのです。Elfsightの最新調査によると、以下の統計が示されています:

デバイス商品スニペットなしのCTR(週次)商品スニペットありのCTR(週次)増加率
デスクトップ3.45%4.37%+22%
モバイル1.49%1.96%+24%

常にユーザーのことを考えましょう。最終的な目的は、ユーザーが適切な商品を素早く簡単に見つけられるようにすることです。

商品リッチスニペットの事例紹介

単一商品ページ

単一商品の価格、評価、説明を1ページで強調表示します。検索結果ではこのように表示されます:

single product page to use product snippets

ソフトウェアアプリページ

こちらはソフトウェアアプリのリッチスニペットの例です。必須プロパティは名前、レビュー、価格です。カテゴリーや対応OSなどの追加情報も加えられます。

software app page to use product snippets

ショッピングアグリゲーターページ

複数の販売者が同一商品を提供するアグリゲーターページにマークアップを付けることができます。

software app page to use product snippets

複数の商品にマークアップを付けないでください。

商品リッチスニペットの作り方

商品リッチスニペットを作成する方法はいくつかあります。多くの場合、コーディングが必要ですが、ツールを使えばコードを書かずにレビューを表示することも可能です。

方法1. カスタムウィジェットを作る

ウィジェットを使って商品のレビューを表示できます。Elfsight Reviewsウィジェットのような既製のソリューションを使えば、マークアップの学習に時間をかける必要はありません。ウィジェットが自動で商品レビューを収集・集約します。

このようなウィジェットはGoogle向けの商品スキーマをコード不要で生成します。

review snippet generator - Elfsight
Elfsightのツールは、検索結果に商品評価の星を表示し、Googleレビューを商品ページに簡単に埋め込む方法を提供します。

方法2. HTMLコードにスキーママークアップを挿入する

特定のページやテンプレートのHTMLを開き、手動でスキーママークアップを追加します。必要なフィールドを見つけて該当部分にコードを挿入します。スキーママークアップがない場合のコード例は以下の通りです:

315
Photo of product BRAND 502
4399 р.
...
...

スキーマ.orgマークアップを挿入した後のGoogleでの表示例はこちらです:

315
photo of product BRAND 502
4399 р.
...
...

この方法はプログラミングの知識とコードの理解が必要です。

方法3. JSONコードを追加する

JSONは軽量なデータ転送・整理フォーマットで、スキーママークアップより簡単に扱えます。ページの見出しの後に適切な場所に挿入します。以下は商品用JSONコードの例です。

{    "@context": "schema",    "@type": "ItemList",    "url": "multivarki?filters%5Bprice%5D%5BLTE%5D=39600",    "numberOfItems": "315",    "itemListElement": [      {         "@type": "Product",         "image": "img01.multivarki/c9/f1/a5fe6642-18d0-47ad-b038-6fca20f1c923.jpeg",         "url": "multivarki/brand_502/",         "name": "Brand 502",         "offers": {             "@type": "Offer",             "price": "4399 p."            }        },        {            "@type": "Product",            "name": "..."        }    ]}

この方法もコードの編集や理解が必要です。自分の要件に合わせてフィールドを修正しなければなりません。

方法4. コードを書き換えずにGTMを使う

このツールはプログラミング知識がなくても必要なコードを作成できます。JSONジェネレーターとして機能し、専門家の助けなしにJSONマークアップを作成可能です。

google tag manager to create a product snippet

GTMのインターフェースはシンプルですが、埋め込むページのコードを理解している必要があります。難しくはないものの、開発者のスキルは求められます。

方法5. Google構造化データマークアップヘルパーを使う

Google構造化データは、プログラマーだけでなく初心者でも簡単に構造化データを実装できるツールです。ウェブページのコードを埋め込み、エディターでJSONやHTMLマークアップを生成します。

google structured markup for a product snippet

これまでの方法と同様に、コードの追加方法を知っている必要があります。難しくはありませんが、プログラミングスキルは必要です。

商品スニペットが正しく機能しているか確認する方法

schema.orgマークアップを挿入したサイトを公開する前に、動作を検証しましょう。主に2つの方法があります。

リッチリザルトテスト

リッチリザルトテストはschema.orgマークアップの動作を簡単にチェックできるツールです。サイトがリッチリザルトを提供できるか調べ、ページで検出されたリッチリザルトの種類やエラー、推奨事項を表示します。

rich results text for product snippet

Googleサーチコンソール

このツールはスキーママークアップのエラーを見つけるのに役立ちます。サーチコンソールのナビバーから該当レポートを開くだけです。レビュー用スニペットのコードがサイトにある場合のみレポートが表示されます。

google tag manager for google product rich snippets
ヒント:SchemaはGoogle、Bing、Yahoo!、Yandexで認識されます。他の検索エンジンで使われているかは不明です。

レビューのスニペットが検索結果に表示されません。何が問題でしょうか?

1. Google検索エンジンが最新の更新以降、あなたのサイトをインデックスしていない。

Googleサーチコンソールで最新のURLを送信し、インデックス登録を依頼してください。すぐにクロールされます。何も起きない場合は他のエラーを確認しましょう。

2. 構造化データの設定が誤っている

サイト公開前にリッチリザルトテストを実行し、エラーや警告を明確に把握してください。

3. 技術的ガイドラインに従っていない

ガイドラインの全リストを確認し、Googleの要件を満たしているか確かめましょう。

4. Googleが特定のコンテンツタイプに星評価を付けていない

2019年にGoogleは特定のコンテンツタイプに対してレビュー星を導入しました。該当リストを確認し、自分のコンテンツが含まれているかチェックしてください。

5. 複数のマークアップ言語を混用している

スキーママークアップはRDFa、Microdata、JSON-LDのいずれか一つだけを使い、混ぜないでください。混用するとレビューのスニペットが正しく表示されません。

6. その他の原因

レビューのスニペットが正しく表示されない原因は他にもあります。

  • Googleがサイトの信頼性を認めていない場合は、信頼性を証明する必要があります。
  • 組織マークアップ(itemscope)を使っている場合は、表示されにくいことがあります。
  • サイトのページ数が少ない、またはマークアップが付いているページが限られている。
  • スキーママークアップが正しくても商品スニペットが必ず表示されるとは限りません。

場合によっては、Googleがマークアップをすぐに認識しないため、しばらく待つ必要があります。

Googleによる商品マークアップスパムの手動対策

Googleのガイドラインを不正に操作しようとすると、審査担当者のチェック後に手動ペナルティが課されることがあります。

例として:

  • ユーザーに見えない商品にマークアップを付ける行為
  • 不適切または有害なコンテンツにマークアップを付ける行為

ペナルティを解除するには、Googleの技術的なマークアップ実装ガイドラインを確認し、サイトのコードが商品マークアップに適切に設定されているか検証してください。ガイドライン違反の箇所を修正したら、再審査を依頼しましょう。通常1週間以内に承認されます。

まとめ

商品ページのスニペットを最適化するには?レビューリッチスニペットの活用はSEO対策の必須要素となっています。レビューリッチスニペットはサイトを際立たせ、多くのサイトが使っていない中で差別化を図れます。このツールを使うことでCTRを向上させ、サイト全体のSEOを強化できます。もし使っていなければ、今すぐトラフィックを逃しています。

コメントで教えてください。あなたはサイトでレビューリッチスニペットを導入していますか?他にどんなリッチスニペットを使っていますか?検索結果で見かけた面白くて珍しい事例はありますか?

Elfsightのレビューリッチスニペットを使って、Google検索結果に商品評価の星を表示しましょう
Elfsight Birthday Sale
33% OFF
Get your spot at our party!
Grab The Deal