BtoBサービスページの作り方｜比較・社内稟議・相談につながる情報設計
発信：BE FREE
BtoBのサービスページには、担当者が内容を理解し、上司へ説明し、安心して相談できる情報が必要です。対象顧客、支援範囲、料金、事例、FAQをどう組み立てるか、原稿例と公開前の確認項目まで具体的に解説します。
ページを読む人と、決める人を分けて考える
法人向けサービスでは、ページを読む担当者が契約を決めるとは限りません。担当者は「自分の課題を解決できるか」、上司は「予算に対して何が変わるか」、運用担当は「導入後に誰が何をするか」を確認することがあります。一人の読者像だけで構成すると、相談までは進んでも社内説明で止まるページになりがちです。
まず過去の商談や問い合わせから、初回に聞かれた質問、見積提出後に増えた質問、契約直前の不安をそれぞれ集めます。まだ顧客がいない場合は、想定顧客への聞き取りや自社の営業資料から仮説を作り、「実際に聞かれたこと」と「想定」を分けて記録します。
ページの役割は商談のすべてを代替することではありません。比較に必要な情報を先に提供し、個別条件が必要な部分を相談へつなぐことです。閲覧者が内容を社内で説明できるかを基準にすると、抽象的なブランドメッセージだけで終わりにくくなります。
冒頭で「誰の、何を、どこまで」を伝える
冒頭には、対象となる企業や状況、解決を支援する課題、提供する内容を置きます。「ビジネスの未来を創る」のような見出しを使う場合も、その直下に具体的な説明を添えてください。サービス名が独自名称なら、一般的に何のサービスか分かる言葉も必要です。
例えば架空のWeb改善支援なら、「更新が止まった法人サイトを、営業で使える情報基盤へ。現状整理、原稿・導線の見直し、公開後の改善計画まで支援します」という書き方が考えられます。これは原稿の例であり、実際に提供できる範囲や体制に合わせて調整します。
成果と作業を混同しないことも大切です。「問い合わせを必ず増やす」と断定する代わりに、誰に何を伝えるページへ変え、何を測って改善するのかを説明します。受注や売上は、商材、価格、集客、営業対応などにも左右されるため、支援で変えられる範囲を明確にします。
支援範囲は成果物と役割分担で説明する
「企画から運用まで対応」だけでは、顧客が準備すべきものが分かりません。ヒアリング、調査、構成、原稿、撮影、デザイン、実装、公開、更新の各工程で、提供する成果物と担当を具体化します。例えば「ヒアリング内容を基に構成案を作成」「専門情報と掲載可否は顧客側で確認」という形です。
基本料金に含む範囲、別途見積となる範囲、対応しない範囲も分けます。写真撮影、既存システム連携、多言語化、継続的な記事執筆などは、案件によって条件が変わりやすい項目です。依頼できると誤解されたまま相談が進むより、相談前に条件を示した方が双方の確認負担を減らせます。
運用支援を含むなら、月に何を確認し、誰が判断し、どの範囲を修正するかまで説明します。「保守」「更新」「改善」は同じではありません。障害対応だけなのか、文章の差し替えも可能なのか、集客施策の提案まで行うのかを、実際の契約内容と整合させてください。
料金は金額だけでなく、変動する理由を示す
価格を掲載できる場合は、対象範囲、前提条件、追加費用の発生条件をセットで説明します。最低価格だけを大きく表示し、一般的な依頼では何が追加になるか分からない構成は、相談後の認識差につながります。ページ数だけではなく、原稿作成、撮影、機能、移行作業などの要素も整理します。
個別見積の場合も、「要お問い合わせ」だけで終わらせない工夫ができます。見積に必要な情報として、目的、対象サービス、現状サイト、必要な機能、素材の有無、希望時期を示し、相談後にどの段階で金額が分かるかを説明します。まだ条件が固まっていない人には、未確定で相談できる項目を伝えます。
スケジュールも同様です。制作期間は作業日数だけでなく、原稿や素材の準備、確認の往復、外部サービスの設定に左右されます。期間の目安を出すなら「素材確定後」などの起点を明示し、短納期にできる条件と難しい条件を伝えます。無理な約束を増やすより、計画を立てられる情報を出すことが重要です。
事例は写真の一覧から「判断材料」へ変える
事例ページには、顧客の課題、実施したこと、自社の担当範囲、確認できた結果を分けて書きます。完成画面だけでは、どの問題に対して何を考えたのかが伝わりません。例えば「サービスが多く探しにくかったため、顧客の課題別に入り口を再構成した」と書くと、似た課題を持つ読者が自分のケースに置き換えられます。
成果数値を掲載する場合は、測定期間、対象、比較条件を添えます。広告費や営業体制が変わっているなら、サイト改修だけで成果が出たと断定しないでください。数値を公開できない場合は、実施内容や運用面で確認できた変化を中心に説明します。架空の数値を置いて説得力を補う方法は避けます。
公開可能な事例が少ない場合は、制作プロセス、納品物のサンプル、自社で行った検証なども判断材料になります。ただし、顧客案件、自主制作、イメージ画像を明確に区別してください。会社名、ロゴ、担当者コメントの掲載可否を確認し、実態より大きな関与を示さないことも必要です。
FAQと相談ボタンは、不安が生じる場所に置く
FAQは数を増やすより、比較や相談を止める疑問に答えます。「何も決まっていなくても相談できるか」「社内に担当者がいなくても進められるか」「既存制作会社との分担は可能か」「公開後の更新は誰が行うか」など、自社の営業で実際に説明している項目を優先します。
相談ボタンは、冒頭、支援内容や料金の説明後、ページ末尾など、読者が判断できる場所に設けます。同じ画面に似たボタンを並べるより、主な行動を一つに絞り、資料を見る行動を補助として置くと優先順位が伝わります。スマートフォンで固定ボタンを使う場合は、本文やフォームを隠さないか確認します。
ボタンの近くには、相談後に起こることを短く記載します。例えば「内容を確認後、担当者からご連絡します」「必要に応じてオンラインでお話を伺います」などです。返信日数や無料対応範囲を書く場合は、守れる運用と一致させます。根拠のない安心表現より、具体的な次の一歩を示してください。
一枚の構成案に落とし込む
構成案の例は、①対象と提供価値、②顧客の課題、③支援内容と成果物、④進め方と役割分担、⑤料金・期間の考え方、⑥事例、⑦FAQ、⑧相談の案内です。これは固定の正解ではなく、価格比較が中心の商材なら料金を早めに、実績が主要な判断材料なら事例を早めに置くなど調整します。
各見出しの下に「この部分を読めば何を判断できるか」を一行書きます。次に、その判断に必要な根拠、写真、図、条件を割り当てます。装飾写真しか置けない箇所や、同じ説明が繰り返される箇所が見つかれば、制作前に情報を補うか構成を整理できます。
原稿確認は社内の詳しい人だけで完結させず、サービスを初めて知る人に読んでもらい、「誰向けか」「何を頼めるか」「何を準備するか」「相談後にどう進むか」を説明してもらいます。答えが曖昧な部分は、デザインで目立たせる前に文章の具体性を見直します。
公開前と公開後の確認項目
公開前は、価格と契約条件の整合、事例の掲載許可、リンク先、フォーム送信、スマートフォンでの可読性、見出しの順序を確認します。専門用語は短い説明を添え、画像に文字を詰め込んだ箇所は小さい画面でも内容を読めるか点検します。
公開後は閲覧数だけでなく、サービスページから相談へ進んだ件数、問い合わせの内容、商談で繰り返し聞かれる質問を見ます。同じ質問が続くならページに追記する候補です。相談数が増えても対象外の案件が増えた場合は、対象や対応範囲の書き方を調整します。
Googleも、検索順位のためだけではなく、読者に役立つ信頼できるコンテンツを重視する方針を示しています。文字数を目標に膨らませるより、顧客が判断に使える具体的な情報を更新し続けることが、サービスページを営業資産として育てる基本です。