シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

WooCommerceの商品ページに星評価を簡単に追加する方法

WooCommerceの商品に星評価を追加する方法(プラグインあり・なし) 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシー・コリンは、WordPress、SEO、デジタルマーケティングに関する執筆経験が15年以上ある、認定コンテンツマーケティングおよび検索スペシャリストです。彼女はSeedProdとRafflePressのコンテンツ管理を担当しており、自身が積極的に活用し、実際にテストしているツールや戦略について執筆しています。
    
レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

要約:WooCommerceの商品に星評価を追加する方法

WooCommerceには星評価機能が標準で搭載されていますが、2か所で有効にする必要があります。手短に説明すると:

  1. レビュー機能を全体的に有効にする– 「WooCommerce」>「設定」>「商品」に移動し、「商品レビューを有効にする」にチェックを入れます。
  2. 商品ごとに有効にする– 各商品を編集し、「商品データ」>「詳細設定」に移動して、「レビューを有効にする」にチェックを入れます。
  3. リッチスニペットを表示する– AIOSEOを使用して商品スキーマを追加し、Googleの検索結果に星評価を表示させましょう。
  4. 外観をカスタマイズする– SeedProdのWooCommerceブロックを使用すれば、コードを書かずに星評価の色、サイズ、配置を変更できます。

ヒント:星の評価が付いたレビューが1件以上投稿されるまで、フロントエンドには星が表示されません。

先月、あるWooCommerceの衣料品店をレビューしたのですが、商品は素晴らしく、写真も鮮明で、価格も適正でした。しかし、どこを見ても星の評価が一つもありませんでした。そうなると、買い物客は躊躇してしまいます。他の店と比較してしまい、結局戻ってこないことがよくあります。

嬉しいことに、WooCommerceの商品ページには、わずか数クリックで星評価を追加することができます。このガイドでは、星評価機能を有効にする方法、表示される場所、そしてデザインやレイアウトをより細かく調整したい場合にSeedProdを使ってカスタマイズする方法について解説します。

なぜWooCommerceに星評価を追加するのか?

WooCommerceの製品に星評価を追加することで、潜在的な顧客に迅速かつ簡単に製品の品質を評価する方法を提供することができます。

買い物客の約98%は、購入を決定する前にカスタマーレビューを読んでいます。そのため、WooCommerceストアに商品レビューと星評価を追加することで、購入者のためらいと戦い、売上とコンバージョンを増加させることができます。

さらに重要なことは、正しいスキーママークアップと検索エンジン最適化(SEO)を使用すれば、WooCommerceの商品レビューが検索結果に表示されることです。Googleのような検索エンジンは、潜在的な顧客が検索結果ページで見ることができるスニペットとして、あなたの星のレビューを表示するかもしれません:

レビュースキーママークアップを使用したGoogle検索結果の星評価リッチスニペット

このようなリッチスニペットは、消費者にオンラインストアへのクリックを促し、購入につながる可能性を高めます。

このことを念頭に置いて、WooCommerceに星評価を追加する方法を学びましょう。

まず、WooCommerceプラグインの設定で星評価を有効にする方法をご紹介します。続いて、強力なWordPressプラグインを使って星評価をカスタマイズする方法をご紹介します。

専門家のアドバイス

カトー・ンクホマ、SEOスペシャリスト AIOSEO

"Googleにリッチリザルトで商品を取り上げてもらうことで、あなたのウェブサイトの最高順位とトラフィックを引き出すことができます。ブランド、価格、購入先を簡単に確認できます。

さらに、星の評価があるものはより魅力的に見え、信頼性の要素も加わるので、CTRを最大化することができます。"

Kato Nkhoma - AIOSEOのSEOスペシャリスト。

WooCommerceで星の評価を追加する方法

WooCommerceの商品に星評価を追加するには、まずプラグインの設定で星評価を有効にする必要があります。

ここでは、あなたのWordPressウェブサイトにすでにWooCommerceが稼動していると仮定します。しかし、設定にヘルプが必要な場合は、初心者のためのWooCommerceインストールガイドをご覧ください。

星評価オプションは、WordPressのダッシュボードからWooCommerce " Settingsに行き、一番上のProductsタブをクリックすることで見つけることができます。

WooCommerce商品設定ページ

そこから、 「レビューを有効にする」の見出しまでスクロールダウンし、「製品レビューを有効にする」のチェックボックスをオンにします。

WooCommerceの商品レビューを有効にする

同じページで、以下のレビューと星評価オプションを有効にすることもできます:

  • カスタマーレビューに "verified owner "ラベルを表示する
  • レビューの星評価を有効にする
  • 星評価が必要

必要な設定を有効にしたら、「変更を保存」ボタンをクリックします。

これでWooCommerceストアでスター評価が有効になりました。次に、商品ページに星評価を表示させたい場合は、さらにいくつかの設定を有効にする必要があります。

WooCommerce商品ページに星評価を追加する

オンラインストアの商品ページに星の評価を追加するには、ダッシュボードから商品 " すべての商品に進み、編集をクリックして商品詳細を開きます。

WooCommerce商品を編集する

次に、「商品データ」パネルまでスクロールダウンし、「詳細設定」タブをクリックします。このパネルで、「レビューを有効にする」チェックボックスにチェックが入っていることを確認します。

個々のWooCommerce商品でレビューを有効にする

そうしたら、Updateをクリックして変更を保存します。

ストアフロントで商品を表示すると、レビュー欄が表示され、買い物客は商品の感想を見たり、自分のレビューを残したりすることができます。

WooCommerceの商品レビューと星評価のプレビュー

商品説明に表示されるだけでなく、ショップページの商品タイトルの下にも星の評価が表示されます。また、カテゴリーページにも表示され、クリック率やコンバージョンの向上に役立ちます。

WooCommerceのショップページでの星の評価

Googleの検索結果で星評価を表示させる方法

レビュー機能を有効にすると、商品ページに星評価が表示されます。これをGoogleの検索結果にリッチスニペットとして表示させるには、もう1つ手順が必要です。それは、商品スキーママークアップの設定です。

スキーマは、検索エンジンにページの読み取り方を指示します。WooCommerceの商品の場合、適切なマークアップを設定することで、Googleが検索結果に星評価、価格、在庫状況を直接表示できるようになります。

このサイトではAIOSEOを使用しており、WooCommerceの商品スキーマは自動的に処理されます。設定は以下の通りです:

  1. WordPressサイトにAIOSEOがまだインストールされていない場合は、インストールしてください。
  2. 「AIOSEO」»「検索表示」に移動し、「コンテンツタイプ」タブをクリックします。
  3. 製品」セクションで、「スキーママークアップ」タブ をクリックし、スキーマタイプが「Product」に設定されていることを確認してください。
  4. 設定を保存してください。AIOSEOは、WooCommerceのすべての商品ページに商品スキーマを自動的に追加します。
All in One SEOでWooCommerceの商品にプロダクトスキーマタイプを設定する

スキーマの設定が完了すると、数週間以内にGoogleがあなたの評価をリッチスニペットとして表示し始める可能性があります。こうした検索結果はクリック率が高くなる傾向があり、まさにこれが加藤氏が上記で述べているメリットです。

ここまでで、WooCommerceのデフォルト設定を使用して商品評価を追加する方法を理解しました。しかし、星評価をカスタマイズしたい場合はどうすればよいでしょうか?次にその方法を説明します。

WooCommerce商品ページの星評価をカスタマイズする方法

WooCommerceはオンラインストアを立ち上げるには素晴らしいプラグインですが、ユーザーエクスペリエンスを向上させ、最終的に売り上げを伸ばすために必要な機能がいくつか欠けています。例えば、このプラグインはあなたのショップをカスタマイズし、よりユーザーフレンドリーにする簡単な方法を提供していません。

星評価の色を変えて、より目立つようにしたいかもしれません。商品データの見栄えを一新したり、商品画像のサイズを変更したり、関連商品を提案して他の商品をクロスセルしたりすることもできます。

そこで、SeedProdのような強力なWordPressプラグインが役立ちます。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

SeedProdは、WooCommerceウェブサイトをフルサポートする最高のWordPressページビルダーの一つです。ドラッグ&ドロップのビジュアルエディタを使って、コードを書いたり開発者を雇ったりすることなく、オンラインストアの隅々までカスタマイズすることができます。

このプラグインはWordPressブロック(Elementorのモジュールに似ている)を使ってレイアウトをカスタマイズし、リアルタイムで変更を確認することができます。オプトインフォーム、カウントダウンタイマー、コンタクトフォーム、ギャラリー、WordPressウィジェットなど、ショートコードの手間をかけずにサイトの機能性を高めることができます。

また、何百ものランディングページテンプレートとWordPressテーマがあらかじめ用意されているので、ゼロから始める必要はありません。テーマのPHPやCSSを手動で編集することなく、プラグインでチェックアウトや ショッピングカートを作成・カスタマイズすることもできます。

SeedProdはこれらすべてを1つのプラグインで処理するため、別々のツールを切り替えることなく、WooCommerceテーマ全体をカスタマイズできます。

SeedProdでWooCommerceのショップページをカスタマイズする方法については、このチュートリアルをご覧ください。

それでは、SeedProdのWooCommerceブロックを使ってストアの星評価をカスタマイズする方法を詳しく見てみましょう。

WooCommerce商品評価ブロック

SeedProdの商品評価ブロックを使用すると、WooCommerceの商品ページの任意の場所に星の評価を表示することができます。商品説明、タイトル、価格、カテゴリーなど、お好きな場所にドラッグ&ドロップしてください。

SeedProd WooCommerce商品評価ブロック

ブロックの設定では、整列、サイズ、アイテム間のスペースを調整できる。

SeedProd WooCommerceの商品評価ブロック設定パネル(配置とサイズのオプションが表示されています)

さらに、「詳細」タブでは、星評価の色、タイポグラフィ、属性、デバイスの可視性をカスタマイズしたり、人目を引くアニメーション効果を追加することもできます。

SeedProdの高度な商品評価ブロックタブ:色、タイポグラフィ、アニメーションの設定機能を搭載

WooCommerce商品データ・タブ・ブロック

同様に、商品説明、特徴、レビューを表示する「商品データタブ」ブロックもカスタマイズできます。

設定パネルでは、タブのテキストと背景色、パネルのタイポグラフィと色、ボーダー半径とスタイル、スペーシング、アニメーションの追加を変更できます。

SeedProd製品データタブ・ブロック設定

SeedProdの他のWooCommerceブロックには、あなたのストア用にカスタマイズできるものがあります:

  • 製品紹介画像
  • メニューカート
  • 製品価格
  • 製品メタ
  • 商品説明
  • アップセル
  • 関連商品
  • さらに

商品の評価が思い通りになったら、プレビューして見栄えを確認することができます。

SeedProdを使用してカスタマイズされた星評価が表示されたWooCommerceの商品ページ

星の評価が表示されない?まずはこちらを確認してください

私がWooCommerceストアをレビューしてきた経験上、最もよくある問題はこれです。設定で評価機能が有効になっているにもかかわらず、商品ページに何も表示されないというものです。確認すべき点は以下の通りです。

まだレビューは投稿されていません。WooCommerceでは、少なくとも1人の顧客が評価付きのレビューを投稿して初めて、フロントエンドに星評価が表示されます。新しく開設したストアは、たとえすべての設定が正しく行われていても、セットアップ直後は見た目に変化がありません。これが、私がよく目にする最も一般的な誤解の原因です。

商品ごとの設定が不足しています。WooCommerceのグローバル設定でサイト全体のレビューシステムを有効にすることはできますが、各商品についても「商品データ」>「詳細設定」で「レビューを有効にする」にチェックを入れる必要があります。商品数が多いと、この設定を見落としがちです。

CSSの競合により、星のアイコンが表示されなくなっています。テーマでフォントファミリーのグローバルな上書きが適用されている場合、WooCommerceのアイコンフォントが正常に機能せず、星が空白の四角や疑問符として表示されることがあります。ブラウザの開発者ツールで該当要素を確認してください。

WooCommerceのデフォルトのスタイルシートは無効になっています。WooCommerceのデフォルトCSSを無効にすると、星の評価に依存しているスタイルが削除されてしまいます。これを再度有効にするか、独自のスタイルを独立して読み込むWooCommerce専用の商品星評価プラグインをご利用ください。

そうだ!

SeedProdを使用してWooCommerce商品に星評価を追加することは、オンラインストアを強化し、顧客体験を向上させる簡単で効果的な方法です。数回クリックするだけで、潜在的な顧客に迅速かつ簡単に商品の品質を評価する方法を提供することができ、信頼を高め、より多くの販売を促進することができます。

この記事のステップは、あなたの商品に星評価を追加するのに役立ちます。なぜ待つのですか?今すぐSeedProdを使ってWooCommerce商品ページのカスタマイズを始めましょう。

この記事がお役に立てば幸いです。WooCommerceサイトを成長させるための以下のガイドもお勧めです:

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

著者アバター
ステイシー・コリン コンテンツマーケティングスペシャリスト
ステイシー・コリンは、WordPress、SEO、デジタルマーケティングに関する執筆経験が15年以上ある、認定コンテンツマーケティングおよび検索スペシャリストです。彼女はSeedProdとRafflePressのコンテンツ管理を担当しており、自身が積極的に活用し、実際にテストしているツールや戦略について執筆しています。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。