小さな事業のトップページに何を書くか 初めての人が迷わない文章例

初めてサイトを開いた人は、会社の沿革を読む前に「何を頼めるか」「自分が対象か」「次に何をすればよいか」を知りたいことがあります。トップページの書き出しが「地域の皆さまと共に」だけだと、何の店なのか分からず、利用できるか確かめるために他のページを探すことになります。

最初に用意するのは、何を提供するかを伝える見出し、その対象や条件を補う短い文、次の行動を表すリンクです。この記事では架空の自転車修理店と小さな事務所を例に、3点の原稿を書いてスマートフォンで読み直すところまで扱います。サイト全体に必要なページは事業サイトのページ構成と原稿で整理できます。

書き始める前に、「トップへ来た人がまず知りたいこと」を1つ選びます。自転車のパンクで困っている人なら、店の歴史より、持ち込み修理を受け付けているか、場所や受付時間はどうかが先です。一方、定期点検を検討している人は、対応できる車種や料金の目安を確かめたいかもしれません。全部を見出しに入れず、初めて来た人が次のページを選ぶための材料を先に見せます。

看板を見て店名で検索した人、地図から来た人、紹介されたリンクを開いた人では、先に知っている情報が違います。知人からの紹介だと店名だけ、地図からなら所在地は分かっていても修理の範囲は不明、という前提で考えます。サイトへ来る経路をまだ計測していない場合は仮説とし、実際に受けた問い合わせがあれば、その要旨を個人が分からない形で手がかりにします。

まず「誰が、何を確かめ、次にどう動ければよいか」を1文にします。例は「近くでパンク修理を探す人が、持ち込みの可否と受付時間を確かめてから来店する」です。スタッフや制作会社にこの1文を渡すと、原稿の表現が違っても、何を先に出すかを判断しやすくなります。

見出しには業務の名前を入れます。補足では、見出しに入り切らなかった地域、対象、受付条件のうち、迷いやすいものを補います。リンクは押した先でできることを表します。「お問い合わせ」とだけ書く代わりに、「修理の受付時間と場所を見る」など、次のページの内容を予告すると、急いでいる人も判断しやすくなります。

店舗の例

「地域の皆さまと共に」は、店が大事にしている言葉なら店の紹介欄で使えます。冒頭では店名を隠して読んでも、何のサービスか分かる文章にします。「即日修理」「全車種対応」などの言葉を使う場合は、実際に受けられる条件を確認し、対象外や受付の終わる時刻があれば詳細に置きます。架空の例の条件を自店へそのまま転用しません。

事務所の例

書類の整理を支援する架空の事務所なら、「事業の書類整理と記録の仕組みを相談できます」を見出しとし、「個人事業主の方向けに、最初の相談で今使っている書類と困りごとを確認します」を補足にします。リンクは「初回相談の対象と流れを見る」。単に「無料相談」と大きく出す前に、無料の範囲や相談から先の条件が実際の案内と合うかを確認します。

迷ったら、見出し・補足・行動リンクに同じ説明を3回置かないことから始めます。サービス名を見出しに書いたら補足は使う条件、リンクは行き先にします。「予約する」と書かれたリンクが予約の説明だけに進むなら、「予約の条件を見る」など、進んだ先の状態に合わせます。

最初の画面のすぐ後には、依頼を判断する情報を置きます。自転車修理店なら「修理できる内容」「料金の目安」「場所と受付」が候補です。写真を大きく見せる場合も、写真の上の文字が読めるか、画像を読めない場合も何を頼めるか分かるかを確かめます。すべての説明をトップに書く必要がない場合は、概要を短く述べ、詳細ページの入口にします。

事務所では、料金より先に「依頼対象」と「相談後の流れ」が必要なことがあります。できること、支援を受けられる人、どの段階で金額が確定するかを先に並べて、担当者の経歴や事例は必要な時に読める位置へ置きます。料金の説明は料金表と見積もり条件、事業者の紹介や事例は事例と紹介の書き方を参照してください。

トップの冒頭と次の画面で言っていることが違わないかも確認します。冒頭では来店を勧め、下には「完全予約制」とだけ書いてあると、次に何をすべきかが伝わりません。読者が動く前に必要な条件なら、短い注記で最初から示します。条件が複数ある場合は、冒頭にすべてを並べず「持ち込み前に対象車種を確認」など、判断に必要なページへ案内します。

PCで文章が整って見えても、スマホでは見出しが2行以上になり、写真の下にリンクが押し出されることがあります。折り返し自体は問題ではありません。前半だけ読んでも何の案内か分かり、次の行動を見失わないことを確認します。テンプレートのプレビューに加え、実際の幅で開き、画像の読み込み後も順番が保たれるかを見ます。

画面の目立つ場所にある文とHTMLの見出しの関係も点検します。サイトのテンプレートが記事タイトルやページタイトルをH1として出力している場合、同じ見出しを本文にもう一度書く必要はありません。見出しとリンクは、色や大きさだけでなく、何を説明しているかが文言で伝わるようにします。実機の確認はスマホ表示の文字・画像・ボタンの点検も使えます。

公開前に「写真が表示されるまでの間」と「横幅が狭い端末」でも開きます。写真内にだけ店名や営業時間を書いた場合は、本文にも同じ情報を置きます。電話リンクを押した際に、番号や受付の説明が読めるか、休業日に案内が迷わないかも実際のページで確かめてください。

書いた人は店のことを知っているため、補足が少なくても意味が通じると感じやすいものです。店を知らない人に、スマートフォンで冒頭を読んでもらいます。「何をしている事業ですか」「どんな人が使えますか」「次にどこを押しますか」と聞き、説明できなかった質問を1つ選んで直します。「いい感じか」と聞くだけだと、読み手がどこで迷ったか分かりません。

書き換えシート

架空の確認例では、読者は「自転車修理の店」と分かりましたが、「持ち込みの前に予約が必要か」は判断できませんでした。見出しは維持し、補足の「当日受付」の後ろに、店の実際の受付ルールと詳しいページへのリンクを加えます。このように、すでに伝わっている文まで全面的に書き直さず、判断に不足する箇所から変更できます。

公開後は、料金や受付を変更した時に冒頭と詳細の両方を読み直します。質問が増えたら、原稿不足、リンクの見つけにくさ、受付方法の問題を分けます。問い合わせの回数が変わったとしても、季節や流入の違いがあるので、文章だけが原因とは決められません。必要な条件を、初めて読む人が事業に連絡する前に確かめられるかを基準にしてください。

確認に使った資料

• W3C WAI ウェブの開発時のヒント
• Google 検索 SEOスターターガイド

情報確認 2026/11/09。製品・サービスの仕様は参照先でご確認ください。