ウェブサイトに証言を追加する方法:ステップバイステップガイド

ウェブサイト上の証言には1つの仕事があります。それは、訪問者がアクションを起こす前に感じるリスクを軽減することです。しかし、どこに配置しどのように表示するかによって、その仕事を実際に果たせるかどうかが決まります。

このガイドでは、配置戦略、ウィジェット埋め込み、専用証言ページ、ホームページ統合、そしてモバイルで機能させる方法を解説します。


証言はウェブサイトのどこに置くべきか?

簡潔に言えば:訪問者が躊躇する可能性のあるすべての場所です。最も効果的な配置場所は、ホームページのヒーローセクションまたはその直下、各プランの隣の価格ページ、主要なコール・トゥ・アクションの近くのランディングページ、そして特定の異議が生じる製品またはサービスページです。

証言をナビゲーションの「お客様の声」タブ1か所に埋もれさせないようにしましょう。ほとんどの訪問者はそこをクリックしません。証言は読者の動線上に置く必要があります。脇に置くのではなく。


専用の証言ページは必要か?

はい — ただし、それが唯一の証言配置場所であってはなりません。専用の証言またはソーシャルプルーフページには特定の目的があります。それは、重要な決断を前にしたモチベーションの高い購入者がより深く調べられる場所を提供することです。

価格ページとナビゲーションフッターからこのページにリンクしてください。URLはシンプルに保ち(例:/testimonials または /reviews)、素早く読み込まれることを確認してください。SocialProofのようなプラットフォームは、各ワークスペースに対してホスト型のウォールページを自動的に生成します。


ウェブサイトに証言ウィジェットを埋め込む方法は?

ほとんどの証言プラットフォームは埋め込みコードを提供しています。iframeスニペットまたはJavaScriptタグです。手順は:プラットフォームのダッシュボードから埋め込みコードをコピーし、ウェブサイトビルダーまたはCMSの希望の場所に貼り付け、表示とレスポンシブ対応を確認するためにプレビューします。

SocialProofの場合、ワークスペースの埋め込み設定に移動し、カルーセルまたはバッジウィジェットコードをコピーして、表示させたい場所に貼り付けます。ウィジェットは独立して読み込まれ、ページの初期レンダリングを遅くしません。


ホームページに最適な証言フォーマットは?

ローテーションカルーセルはホームページに適しています。大量の縦スペースを取ることなく複数の証言を表示できるからです。静的な引用カードに写真と名前を添えたものは、価格CTAの近くなど、コンバージョン力の高い配置により適しています。

読みにくい小さなフォントのテキストのみの証言グリッドは避けましょう。訪問者が証言を読むために努力が必要なら、読みません。


証言はいくつ表示すべきか?

1つのセクションには3〜6件の証言を表示してください。少なすぎると薄く感じられ、多すぎると自信ではなく選択麻痺を引き起こします。

専用の証言ページでは、より多いほうが良いです——長いリストは広い顧客満足を示すという原則があります。多様性も重要です。異なる業界、役職、ユースケースを混ぜることで、様々な訪問者セグメントとの関連性を最大化します。


WordPressサイトに証言を追加する方法は?

最も簡単な方法は、Gutenbergエディター内のカスタムHTMLブロックに証言プラットフォームの埋め込みコードを使用するか、サイドバーやフッターに追加する場合はウィジェットエリアを使用することです。

より詳細な制御が必要な場合、WPCodeなどのプラグインを使用して特定の投稿タイプにグローバルに埋め込みを挿入するチームもいます。まずステージング環境でテストし、ウィジェットがキャッシュプラグインと競合しないことを確認してください。


証言表示のモバイル対応

ほとんどのビジネスサイトのウェブサイトトラフィックの半数以上はモバイルデバイスからです。デスクトップで見栄えの良いカルーセルやグリッドが、小さな画面では読めなくなったり崩れたりすることがあります。

証言の埋め込みを公開する前に、少なくとも2つの画面サイズでプレビューしてください。確認すること:コンテナからはみ出すテキスト、小さすぎて読めない画像、近すぎるタップターゲット。ほとんどの現代の証言ウィジェットプロバイダーはレスポンシブ動作を自動的に処理しますが、必ず確認してください。


ステップバイステップ:ランディングページに証言を追加する

  1. ページの決断ポイントで訪問者が抱える主な躊躇を特定する。
  2. その躊躇に直接対応する証言を選択する——業界別、ユースケース別、または結果別に。
  3. その証言をCTAボタンから2スクロール以内に配置する。
  4. 即時の信頼性のために、ファーストビューまたはヒーローセクションに二次的な証言クラスターを追加する。
  5. 最後までスクロールする訪問者のために、ページ下部にカルーセルウィジェットを埋め込む。

この階層的なアプローチにより、訪問者がスクロールするすべての段階で証言に出会えます。1か所だけでなく。


よくある質問

Q: 証言には写真とフルネームが必要ですか? A: はい、可能な限り。実際の写真付きの実名証言は、匿名の引用よりも大幅に信頼性が高くなります。顧客が名前を共有することを望まない場合、その証言の説得力は低下します。

Q: 証言はSEOを向上させますか? A: キーワードのような直接的な効果はありません。ただし、証言はユニークなテキストコンテンツを追加し、ページ上のエンゲージメントシグナルを改善できます。レビューのスキーママークアップにより、検索結果にスター評価が表示されることがあります。

Q: ウェブサイトで証言を使用する許可を得るにはどうすればよいですか? A: 収集フォームに明確な同意文を含めてください。「提出することにより、あなたは私たちがあなたの証言をウェブサイトやマーケティング資料に表示することに同意したものとします」のような文言です。同意日とフォームバージョンの記録を保管してください。

Q: SquarespaceやWebflowサイトに証言を追加できますか? A: はい。どちらもカスタムコードの埋め込みをサポートしています。Squarespaceではコードブロックを使用し、WebflowではEmbedエレメントを使用します。証言プラットフォームのウィジェットコードをそのエレメントに貼り付けます。

Q: まだ証言が少ない場合はどうすればよいですか? A: 手元にあるものから始めましょう。2〜3件の強力で具体的な証言を上手に配置するだけでも、プレースホルダーセクションや証言がまったくない状態よりも優れています。SocialProofの報酬システムのようなツールを使って収集を増やしながら、今ある証言を表示しましょう。


内部リンク


SocialProofはホスト型ウォールページと埋め込み可能なウィジェットを自動的に生成します。30日間無料でお試しください。

socialproof.reviews/signupで始める