WooCommerce製品にスターレーティングを追加する方法（プラグインあり・なし）

先月、あるWooCommerceのアパレルストアをレビューしていました。製品は素晴らしい、写真はクリア、価格も妥当でしたが、スターレーティングは一つもありませんでした。そうなると、買い物客はためらいます。他の場所と比較検討し、結局戻ってこないことが多いのです。

良いニュースは、数回のクリックでWooCommerce製品ページにスターレーティングを追加できることです。このガイドでは、スターレビューをオンにする方法、表示場所、そして見た目やレイアウトをより細かく制御したい場合にSeedProdでカスタマイズする方法を説明します。

• WooCommerceにスターレーティングを追加する理由
• WooCommerceでスターレーティングを追加する方法
• WooCommerce製品ページにスターレーティングを追加する
• SeedProdでスターレーティングをカスタマイズする
• WooCommerce製品データブロック
• WooCommerce製品データタブブロック
• Google検索でスターレーティングを取得する
• スターレーティングが表示されない？

購入決定を下す前に、顧客レビューを読む買い物客の約98％がいます。したがって、あなたのWooCommerceストアに製品レビューとスターレーティングを追加することは、購入者のためらいを克服し、売上とコンバージョンを増加させることができます。

さらに重要なのは、適切なスキーママークアップと検索エンジン最適化（SEO）を使用している場合、WooCommerce製品レビューは検索結果に表示される可能性があることです。Googleのような検索エンジンは、潜在的な顧客が検索結果ページで見ることができるスニペットとして、あなたのスターレビューを表示する場合があります。

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

それを念頭に置いて、WooCommerceにスターレーティングを追加する方法を学びましょう。

まず、WooCommerceプラグイン設定内でスターレーティングを有効にする方法を示します。次に、強力なWordPressプラグインでスターレーティングをカスタマイズする方法を示します。

WooCommerceでスターレーティングを追加する方法

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

WooCommerceがWordPressウェブサイトで稼働していることを前提とします。ただし、設定方法についてサポートが必要な場合は、初心者向けWooCommerceのインストールに関するこのガイドに従ってください。

WordPressダッシュボードから WooCommerce » 設定 に移動し、上部にある商品タブをクリックすると、星評価オプションを見つけることができます。

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

同じページで、次のレビューと星評価オプションも有効にできます。

• 顧客レビューに「確認済みオーナー」ラベルを表示する
• レビューに星評価を有効にする
• 星評価を必須にする

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

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

WooCommerce製品ページにスターレーティングを追加する

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

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

それが完了したら、 更新 をクリックして変更を保存できます。

ストアフロントで商品を表示すると、買い物客が商品のレビューを確認したり、独自のレビューを残したりできるレビューセクションが表示されます。

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

Google検索結果で星評価を取得する方法

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

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

このサイトではAIOSEOを使用しており、WooCommerceの商品スキーマを自動的に処理します。セットアップは次のとおりです。

1. AIOSEOがまだWordPressサイトにない場合はインストールします。
2. AIOSEO » 検索外観に移動し、コンテンツタイプタブをクリックします。
3. 製品セクションの下にあるスキーママークアップタブをクリックし、スキーマタイプが製品に設定されていることを確認します。
4. 設定を保存します。AIOSEOは、すべてのWooCommerce製品ページに製品スキーマを自動的に追加します。

スキーマが配置されると、Googleは数週間以内に評価をリッチスニペットとして表示し始める可能性があります。これらの結果はクリック率が高くなる傾向があり、これはまさにKatoが上記で説明しているメリットです。

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

WooCommerce製品ページでスター評価をカスタマイズする方法

WooCommerceはオンラインストアのセットアップに最適ですが、ユーザーエクスペリエンスを向上させ、最終的に売上を伸ばすために必要な機能がいくつか欠けています。たとえば、プラグインには、ストアをカスタマイズして使いやすくするための簡単な方法が用意されていません。

スター評価の色を変更して、より目立たせたい場合があります。製品画像の表示方法を完全に刷新したい、製品画像のサイズを変更したい、または関連製品を提案してストアの他の商品をクロスセルしたい場合があります。

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

SeedProdは、WooCommerce Webサイトを完全にサポートする最高のWordPressページビルダーの1つです。ドラッグアンドドロップのビジュアルエディターを使用して、コードを書いたり開発者を雇ったりすることなく、オンラインストアのあらゆる部分をカスタマイズできます。

このプラグインはWordPressブロック（Elementorのモジュールに似ています）を使用してレイアウトをカスタマイズし、リアルタイムで変更を確認できます。これらは、ショートコードの手間なしに、オプトインフォーム、カウントダウンタイマー、お問い合わせフォーム、ギャラリー、WordPressウィジェットなどでサイトの機能を強化します。

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

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

このチュートリアルに従って、SeedProdを使用してWooCommerceショップページをカスタマイズする方法を学びましょう。

次に、SeedProdのWooCommerceブロックを使用してストアのスター評価をカスタマイズする方法を詳しく見ていきましょう。

WooCommerce製品データブロック

SeedProdの製品評価ブロックを使用すると、WooCommerce製品ページのどこにでもスター評価を表示できます。ブロックを製品の説明、タイトル、価格、カテゴリなどの下にドラッグアンドドロップできます。

ブロック設定内で、配置、サイズ、アイテム間のスペースを調整できます。

次に、[高度]タブで、スター評価の色、タイポグラフィ、属性、デバイスの表示をカスタマイズし、さらに目を引くアニメーション効果を追加することもできます。

WooCommerce製品データタブブロック

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

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

SeedProdのその他のWooCommerceブロックで、ストア用にカスタマイズできるものには以下のようなものがあります。

• 製品の代表画像
• メニューカート
• 製品価格
• 製品メタ
• 製品説明
• アップセル
• 関連製品
• その他多数

製品の評価が希望通りになったら、プレビューしてどのように表示されるかを確認できます。

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

WooCommerceストアのレビュー経験から、これが最も一般的な問題です。設定で評価が有効になっていても、製品ページには何も表示されません。確認すべき点は以下の通りです。

まだレビューが投稿されていません。 WooCommerceでは、少なくとも1人の顧客が評価付きのレビューを投稿した後でなければ、フロントエンドに星評価が表示されません。新品のストアでは、すべてが正しく設定されていても、セットアップ後に変更がないように見えます。これが私がよく見る混乱の最も一般的な原因です。

製品ごとの設定がありません。 グローバルなWooCommerce設定はサイト全体でレビューシステムを有効にしますが、各製品でも「製品データ」>「詳細設定」で「レビューを有効にする」にチェックを入れる必要があります。大規模なカタログでは見落としがちです。

CSSの競合により星アイコンが壊れています。 テーマがグローバルなfont-familyの上書きを適用すると、WooCommerceのアイコンフォントが壊れ、星が空のボックスや疑問符として表示されることがあります。ブラウザの開発者ツールで要素を確認して確認してください。

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

以上です！

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

この記事の手順は、製品に星評価を追加するのに役立ちます。では、なぜ待つ必要があるのでしょうか？今すぐSeedProdでWooCommerce製品ページをカスタマイズし、その結果を自分で確認してください。

この記事がお役に立てば幸いです。また、WooCommerceサイトの成長に関する以下のガイドも役立つかもしれません。

• WooCommerce追加情報タブをカスタマイズする方法
• WooCommerceにカート表示ボタンを追加する方法
• WooCommerceでショップページタイトルを変更する方法
• WooCommerceで魅力的な商品画像ギャラリーを作成する方法 
• WooCommerceで関連商品をどのように表示するか
• WooCommerceで商品カテゴリとタグを表示する方法 
• WooCommerceで商品概要を取得して表示する方法
• WooCommerceで注目の商品を表示する方法 
• WooCommerceのカート表示が機能しない問題を修正する方法
• WooCommerceで在庫切れの商品を非表示にする方法

お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。