トップページの設計──被請求者側の専門サイトの入口を作る

離婚（被請求者側）専門サイトのトップページは、訪問者が3秒以内に「ここは自分向けのサイトだ」と判断できる構成が求められます。検索データを分析すると、被請求者側のキーワードの86%は「自分の状況ではどうなるか」を知りたいという意図であり、「離婚協議」「財産分与」といった手続き名ではなく、「慰謝料を請求された」「離婚を切り出された」という自分の状況から検索しています。この記事ではトップページに必要な要素（What）→なぜその構成が必要か（Why）→サンプルサイトで見る実例（How it looks）の3層で、実践に直結する設計を解説します。

離婚専門サイトのトップページに必要な要素（What）

まずは「何を置くか」の全体像を把握しましょう。要素の目的と配置場所を先に整理しておくと、後の「なぜ」と「実例」を理解する土台になります。

ファーストビューに置くべき3点セット

ページを開いた瞬間にスクロールしなくても見える範囲（ファーストビュー）には、必ず次の3点を入れます。

• 分野名＋立場の明示: 「離婚問題」だけでなく「離婚を切り出された方・慰謝料を請求された方へ」のように、被請求者側であることを示すひと言を加える
• キャッチコピー: 不安を受け止めるトーンで。「まず落ち着いて、一緒に考えましょう」「突然のことで戸惑っている方のご相談をお受けしています」など、被請求者が感じる受け身・防御の心理に寄り添う表現
• CTA（問い合わせボタン）: 「まずは無料相談をご予約ください」など。ファーストビューにCTAがないと、相談意欲のある訪問者が離脱してしまう

スクロール後のレイアウト順序

ファーストビューの下に続くコンテンツは、次の順番で積み上げるのが基本です。

要素	目的	配置の目安
ファーストビュー（分野＋立場＋CTA）	3秒で「ここは自分向け」と伝える	最上部・スクロールなし
状況別業務導線	「自分の状況」に合った入口を示す	ファーストビュー直下〜2番目
弁護士写真＋氏名＋経歴	顔の見える相談相手として信頼を確立する	ページ上半分（スクロール1〜2回以内）
実績数・相談件数	「経験が豊富か」への回答	弁護士紹介の近く
地域名の明記	「地元の事務所か」を検索者に示す	ファーストビュー内またはキャッチコピー周辺
料金ページへの導線	費用不安（最多の動機）を早期に解消する	業務導線またはナビゲーション内
最終CTA（全幅バンド）	スクロールした訪問者を問い合わせへ誘導する	ページ最下部

この順番には根拠があります。次のセクションで、なぜこの構成が必要なのかをデータと総論の原則から説明します。

なぜこの構成が必要か──総論の知識で理解する（Why）

総論で学んだ原則と、離婚（被請求者側）の検索データを接続することで、「なんとなく置いた要素」から「根拠のある設計」に変わります。

ファーストビュー3秒で「自分向け」と伝える（総論04の原則）

総論04で学んだとおり、訪問者はページを開いてから約3秒でそのサイトを使い続けるかどうかを判断します。この判断に影響するのは「このページは自分の問題を解決してくれるか」という直感的な評価です。

離婚分野では、「離婚 弁護士」と調べた人が全員「離婚したい側」とは限りません。「離婚を切り出された側」「慰謝料を請求された側」が同じキーワードで流入してきます。トップページに「離婚を進めたい方へ」という文言しかなければ、被請求者側の訪問者は「自分向けではない」と感じて離脱します。ファーストビューに立場を明示することで、被請求者側の訪問者だけをピンポイントで引き留めることができます。

また、総論05（E-E-A-T）の観点から、弁護士の顔写真と実績をファーストビュー近くに置くことが重要です。「誰が運営しているか分からないサイト」は信頼されません。特に離婚問題は個人情報を開示して相談するため、顔の見える弁護士の存在が問い合わせのハードルを下げます。

検索データが示す被請求者の検索行動

離婚（被請求者側）の検索データ（1,255キーワード）を分析すると、重要な傾向が見えてきます。

キーワードの86%は「自分の状況ではどうなるか」を知りたいという意図を持っています。つまり被請求者側の検索者は「離婚協議とは」「財産分与の手続き」といった手続き名ではなく、「離婚を切り出された 対処法」「慰謝料 請求された どうすれば」のように、自分が今置かれている状況から検索しています。

このカテゴリの上位キーワードを見ると、その傾向がより明確になります。

キーワード	月間検索数	検索者の状況
養育費相場	81,000	養育費についていくら払うことになるか知りたい
離婚届	49,500	離婚届の手続きを知りたい
不倫慰謝料	36,200	不倫による慰謝料の相場・対処法を知りたい
養育費算定表	33,100	養育費の計算方法を調べている
不貞行為とは	29,700	不貞行為と認定される行為を知りたい

（キジラク調べ・抽出日: 2026-07-16）

これらの多くは情報収集を目的とした検索で、カテゴリ全体では81%を占めます。相談への近さで見ると、「まだ考え中・情報を集めている」段階が73%、「今すぐ相談先を探している」段階が21%、「相談はまだ先」の段階が7%です。

この事実が、トップページの設計に直結します。情報収集・考慮段階の訪問者に「いきなり依頼してください」と押しつけるのではなく、「まずはこの状況について知ってください」という情報提供型のレイアウトが効果的です。業務紹介を状況別に整理し、各状況の解説記事へ誘導する構造が、この検索行動に合っています。

費用不安への早期対応と競合との住み分け

検索データで被請求者側の最多動機（276キーワード・全体の最多）は費用不安です。「弁護士に頼むといくらかかるか分からない」「お金がないと相談できないのか」という不安が、問い合わせを躊躇させる最大の要因です。

料金ページへの導線をトップページのナビゲーションや業務紹介セクションの近くに置くことで、この不安に早期に対応できます。「費用について」「料金プラン」といったリンクが見えるだけで、訪問者の心理的ハードルが下がります。

競合環境も重要な視点です。大手事務所（ベリーベスト法律事務所・アディーレ法律事務所等）は全国規模でマーケティング予算を投下し、「離婚 弁護士」のような汎用キーワードで上位を独占しています。しかし、「〔市名〕 離婚 弁護士」のような地域名を含むキーワードでは、地元事務所に大きく入り込む余地があります。

キーワードタイプ	例	検索ボリュームの目安	競合強度
全国汎用KW	離婚 弁護士	大（月数万〜十万）	高（大手・ポータルが独占）
地域＋分野KW	〔市名〕 離婚 弁護士	小〜中（月数百〜数千）	低（地元事務所が入り込める）
地域＋状況KW	〔市名〕 慰謝料 請求された	小（月数十〜数百）	非常に低（ほぼ手つかず）

トップページの地域名明記（「〔市名〕の離婚問題に強い弁護士事務所」等）は、こうした地域KWでの検索流入を狙うための基本設計です。

サンプルサイトで見る実例（How it looks）

上記の原則が実際のページでどう表現されているかを、キジラクのサンプルサイト（sample-rikon.kijiraku.com）で確認しましょう。このサンプルサイトはキジラクの専門サイト制作代行で作成した例です。各セクションを上から順に見ていきます。

ヒーロー（ファーストビュー）── 3秒で「ここは自分向け」を伝える

サンプルサイトのファーストビューには、背景画像の上に「離婚問題に寄り添い、新しい一歩を。」というH1と、サブテキスト、問い合わせCTAボタンが配置されています。

機能: ページを開いた瞬間に「離婚問題の相談先」であることが伝わります。

なぜここに置くか: ファーストビュー3秒ルール（総論04）。どんな事務所か分からないまま情報が続くと訪問者は離脱します。

自事務所への適用ポイント: サンプルサイトのH1は両立場向けの表現ですが、被請求者側に特化するなら「離婚を切り出された方・慰謝料を請求された方のご相談をお受けしています」のように立場を前面に出す選択肢もあります。また、地域名をキャッチコピーかサブテキストに入れることで地域KWへの対応力が上がります。CTAボタンはスマートフォンで押しやすいサイズ（高さ44px以上が目安）を確保してください。

事務所紹介・実績セクション── 信頼を早期に担保する

ヒーローの直下に、弁護士写真（テキスト60%・写真40%の2カラム）と「離婚・男女問題に注力」「お子さまの利益を最優先に」という強みの明示、そして解決実績1,200+件・ご相談者2,500+名・弁護士8名のカウンターが続きます。

機能: 弁護士の顔と実績で「この事務所は信頼できるか」という疑問に早期に答えます。

なぜここに置くか: E-E-A-T（総論05）の観点から、経験・専門性・権威性・信頼性を示す要素はできるだけ早いタイミングで見せる必要があります。特に離婚のような個人情報を開示する相談では、顔の見える弁護士の存在が安心感を与えます。

自事務所への適用ポイント: カウンターの数値は必ず自事務所の実績を使ってください（サンプルサイトの数値は架空です）。実績件数が少ない場合は「相談件数」「開業年数」「取扱い注力分野の経験年数」など、誇大にならない形で専門性を示す代替表現を検討します。弁護士写真は明るい背景・正面向きの笑顔が、初めて訪問する方への印象を和らげます。

業務紹介カード── 状況別の入口を揃える

実績カウンターの後に、離婚協議・財産分与・親権・養育費・DV・不貞慰謝料の6つのサービスカードが並びます。各カードはアイコン＋業務名＋短い説明文で構成され、詳細ページへのリンクになっています。

機能: 「自分の状況（慰謝料・親権・養育費等）」に対応した業務の入口を一覧で見せます。

なぜここに置くか: 検索データの86%が「自分の状況ではどうなるか」という意図であることを思い出してください。業務名を「財産分与」と書くより、「財産分与──離婚時の財産をどう分けるか」のように状況に結びつけた説明を加えると、訪問者が「これが自分に関係する」と判断しやすくなります。

自事務所への適用ポイント: 被請求者側に特化するなら、「慰謝料を請求された方へ」「離婚を切り出された方へ」のように立場を前面に出したカード名も有効です。カードの数は6〜8個程度にまとめ、情報過多にしないことが大切です。スマートフォンではカードが縦に並ぶため、各カードの短い説明文を読んだだけで「自分に関係するか」が分かる書き方にします。

CTAバンド── 最後のひと押し

ページ最下部に紺色背景の全幅CTAバンドが配置されています。「まずはお気軽にご相談ください」という呼びかけと問い合わせボタンで構成されています。

機能: コンテンツをすべて読み終えた訪問者を問い合わせへ誘導する最終キャッチです。

なぜここに置くか: 訪問者の73%が「まだ考え中」の段階です。一度で問い合わせに至らなくても、「相談したいと思ったらここから」という出口を明確にしておくことで、再訪問時の行動につながります。

自事務所への適用ポイント: CTAの文言は「専門家が必ず解決します」のような断定表現を避けてください（弁護士広告規程）。「ご相談ください」「お気軽にお問い合わせください」「まずはお話をお聞かせください」程度の表現が適切です。背景色を変えてページの他の部分と視覚的に区別することで、CTAとして認識されやすくなります。

実際にブラウザで確認してみてください。sample-rikon.kijiraku.com をスマートフォンで開くと、モバイル表示での各セクションの見え方も確認できます。

トップページの設計原則と実例が確認できました。What（必要な要素）→ Why（データと総論の根拠）→ How it looks（サンプルサイトの実例）の3層で構成を理解することで、「なんとなく作る」から「根拠を持って設計する」に変わります。次の記事では、業務紹介ページの作り方を学びます。「離婚協議」「財産分与」「養育費」など、各業務ページに何を書くべきかをトップページと同じ3層構造で解説します（→ 業務紹介ページの設計）。

監修: 花井 直哉（キジラク運営）