日々の視点に戻る
ウェブデザイン8 分

トップページの構成:訪問者が30秒で理解すべきこと

約束、提供内容、根拠、工程、懸念への回答、CTAを整理し、分かりやすく役立つトップページを作ります。

二つの手が紙のブロックを家の形に並べ、コーラル色のタブを置いている。
トップページの構成ウェブサイトのトップページウェブデザイントップページの文章Webサイトの成約

トップページで3つの問いに答える

トップページでは、何を行い、誰を対象にし、なぜ信頼でき、次に何をすればよいかを伝え、主要な提供内容への明確な経路を用意します。

明確な約束、検索、よく使う手続きがあるGOV.UKのトップページ。

トップページは、目的を説明してから、ニーズ別の経路を示します。

出典 · GOV.UK

参考GOV.UK:ユーザーニーズの定義

組織図がナビゲーションとして機能しない理由

抽象的な主張で始まるトップページは、訪問者に推測させます。分からない時間が1秒増えるたび、詳しく調べたり連絡したりする可能性が下がります。

約束、根拠、導線を並べる方法

実際の訪問者の疑問に沿ってページを構成します。視覚効果より、明確さ、根拠、ナビゲーションを優先します。

実施チェックリスト

  • 提供内容、対象者、具体的な成果から始めます。
  • メニューを詰め込まずに、主要な導線を示します。
  • 重要な主張のそれぞれの近くに根拠を置きます。
  • 工程を説明し、よくある懸念に答えます。
  • 各ブロックを、内容に合う次のステップで終えます。
プロジェクト管理の提案とCTAを示すBasecampのトップページ。

具体的な提案と次のステップを、同じブロックで読めます。

出典 · Basecamp

参考Nielsen Norman Group:ユーザビリティのヒューリスティクス

トップページでの行動から分かること

主要経路へのクリック、閲覧の深さ、コンバージョン、サイト内検索、セッション録画、営業へ届き続ける質問を測定します。

問いを中心にトップページを整理する

トップページでは、何を、誰に提供し、次に何が起きるかを数秒で伝えます。事業を理解するためにスクロールしなければならない、凝った一文は、置き場所が違います。

約束の次に、根拠と主要な目的への導線を示します。順序は会社の組織図ではなく、訪問者の疑問を反映すべきです。

録画とサイト内検索から不足を探します。価格や事例を探す人が多いなら、見つけやすい導線を用意しましょう。

おすすめの導入順序

  • 約束と主要な行動。
  • 関連性があり、検証できる根拠。
  • ニーズ別またはサービス別の経路。
  • 懸念への回答と次のステップ。

参考スタンフォード大学:ウェブの信頼性に関するガイドライン

簡潔な実行マップ

要素確認すること品質の兆候
意図トップページでは、何を行い、誰を対象にし、なぜ信頼でき、次に何をすればよいかを伝え、主要な提供内容への明確な経路を用意します。数秒で答えがわかる。
実装実際の訪問者の疑問に沿ってページを構成します。視覚効果より、明確さ、根拠、ナビゲーションを優先します。具体的で担当を割り当てられる行動が1つある。
測定主要経路へのクリック、閲覧の深さ、コンバージョン、サイト内検索、セッション録画、営業へ届き続ける質問を測定します。データは判断を変えるべきです。行動のない報告は仕事を増やします。

よくある質問

トップページの構成とは、具体的に何ですか?

トップページでは、何を行い、誰を対象にし、なぜ信頼でき、次に何をすればよいかを伝え、主要な提供内容への明確な経路を用意します。

トップページの構成は、何から整えればよいですか?

提供内容、対象者、具体的な成果から始めます。次に、メニューを詰め込まずに主要な導線を示します。

トップページの構成で防ぐべき問題は何ですか?

抽象的な主張で始まるトップページは、訪問者に推測させます。分からない時間が1秒増えるたび、詳しく調べたり連絡したりする可能性が下がります。

トップページの構成の改善は、どう測定しますか?

主要経路へのクリック、閲覧の深さ、コンバージョン、サイト内検索、セッション録画、営業へ届き続ける質問を測定します。

続けて読む

すべて見る
  1. オレンジの背景で暗い道が黄色い入口を通っている。Webサイトのコンバージョン7 分Webサイトの成約チェック:集客を増やす前に直すこと
  2. 赤い形が紙の枠にはまり、横に異なる二つのピースがある。ポジショニング7 分顧客が自分の言葉で言える価値提案の書き方
  3. 手が三つの切り抜きの肖像を載せた赤い矢印に紙片を置いている。コピーライティング7 分ランディングページのコピー:説明し、納得させ、成約に導く構成

あなたのビジネスは、ここから始まる

ブランドについて相談する