商品・サービスページの作り方｜載せる10項目の順番と文例、書き方の型、1サービス1ページの判断、料金の載せ方、公開後の直し方
公開日：2026.09.30 更新日：2026.10.07
- Web集客コンサルティング
- ホームページ制作／リニューアル
記事の監修
IT・WEB集客の専門家
波多野 明仁（Akihito Hatano）
WEB業界歴20年以上。大学生の頃に約50サイトを制作・運営して収益化。ITシステム開発会社でSEを6年間経験したのち独立。東証プライム企業をはじめ、これまでに4,000サイト以上を改善。自社メディアの制作・運営で培ったアクセスアップのノウハウを、クライアント企業のWEB集客に活かしている。1年でアクセス数が715倍になった企業、売上が25倍になった企業など、法人実績多数。
こんにちは、株式会社ソライルの波多野です。
ホームページの中で、もっとも問い合わせに近いのが「商品・サービスページ」です。トップページから来た人も、検索から直接来た人も、このページで「自分に合うか」「いくらか」「頼んだらどうなるか」を確かめて、問い合わせるかどうかを決めます。ところが、実際のサービスページは「できること」が箇条書きで並んでいるだけ、というものが少なくありません。
この記事では、商品・サービスページを「比べている人の判断材料」として書くための、載せる10項目の順番と文例、書き方の型、1サービス1ページにするかの判断、料金の載せ方、公開後の直し方を、順にご案内します。ページ数を増やす考え方は別の記事に譲り、ここでは「1ページをどう書くか」に絞ります。
- サービスページの役割：比べている人の判断材料
- 載せる10項目を上から順に（構成表と文例）
- 書き方の型（結論→根拠→具体例）と分量の目安
- 1サービス1ページの原則と、分けるかまとめるかの判断
- BtoB／BtoCで変える点、料金の載せ方、写真の使い方
- 検索語の設計、公開後に見る数字と直し方、よくある失敗5つ
サービスページの役割：比べている人の判断材料
サービスページを見る人は、多くの場合、同じサービスを提供する会社を2〜3社比べています。その人が知りたいのは、会社の自己紹介ではなく、次の5つです。
| 知りたいこと | 答えていないと起きること |
|---|---|
| 自分（自社）向けのサービスか | 「誰向けか」が無いと、読む前に離れる |
| 自分の困りごとが解決するか | 「できること」の羅列だけでは、自分の場合に置き換えられない |
| いくらか、何が含まれるか | 料金の目安が無いと、問い合わせの前に候補から外れる |
| 頼んだら、何がどの順で起きるか | 流れが無いと、「面倒そう」で止まる |
| 他の人はどうだったか | 実績・事例・声が無いと、信用の裏づけが無い |
この5つに、上から順に答えていく構成が、次章の10項目です。「品質・性能」と「価格」の両方を、比べる人が見比べられる形で書くことが、サービスページの役割です。
載せる10項目を上から順に（構成表と文例）
サービスページに載せる項目と順番、文例です。例は「中小企業向けのホームページ保守」で示しますが、業種を問わず同じ順番で使えます。
| 順 | 項目 | 書くこと | 文例 |
|---|---|---|---|
| 1 | 誰向けか・何のサービスか（最初の画面） | 対象と、解決することを1〜2文で | 「従業員30名までの会社向け。ホームページの更新・バックアップ・障害対応を、月額で代行します」 |
| 2 | こんな困りごとに | 対象の人の困りごとを3〜5つ、相手の言葉で | 「更新を頼んでいた担当者が退職した」「WordPressの更新が怖くて触れない」 |
| 3 | サービスの内容 | 何を、どこまでやるか。含まれるもの・含まれないもの | 「毎月：WordPress・プラグインの更新、バックアップ、表示確認。含まれない：新規ページの制作」 |
| 4 | 選ばれる理由（特徴） | 事実で3つ。「丁寧」「安心」ではなく、数字・体制・方法 | 「代表が直接対応」「毎月、作業内容を報告書でお送りします」「解約はいつでも」 |
| 5 | 料金 | プランと価格帯、含まれるもの、追加費用の条件 | 「ライト 月額◯円（更新月1回まで）／スタンダード 月額◯円（更新月3回まで）」 |
| 6 | 依頼から開始までの流れ | 相談→確認→契約→開始を、日数の目安つきで | 「お問い合わせ→現状の確認（1週間）→お見積もり→契約→翌月1日から開始」 |
| 7 | 実績・事例・お客様の声 | 業種・規模・課題・結果を2〜3件 | 「電気工事会社（従業員10名）：更新が止まっていたサイトを月次で更新。社名検索で1位を維持」 |
| 8 | よくある質問 | 問い合わせの前に迷うことを5問 | 「今の制作会社との契約はどうなりますか」「途中で解約できますか」 |
| 9 | 会社の情報 | 会社概要・所在地・代表者への案内（このページには要点だけ） | 「株式会社◯◯（東京都中央区）。代表が全案件を担当」 |
| 10 | 問い合わせの入口 | 電話・フォーム・相談の敷居を下げる一文 | 「『こんな状態ですが相談できますか』で構いません。初回のご相談は無料です」 |
10項目のうち、最初の画面（1）と、料金（5）と、流れ（6）が無いページが、もっとも多いです。この3つがあるだけで、問い合わせの手前で離れる人が減ります。
書き方の型（結論→根拠→具体例）と、分量の目安
各項目は、「結論→根拠→具体例」の順で書くと、読み飛ばされても伝わります。
| 型 | 書き方 | 例（選ばれる理由の1つ） |
|---|---|---|
| 結論 | その項目で言いたいことを1文で | 「毎月、作業の内容を報告書でお送りします」 |
| 根拠 | なぜそうしているか、何をしているか | 「『何をしてもらっているのか分からない保守』にしないためです。更新した項目・バックアップの日時・確認した表示を1枚にまとめます」 |
| 具体例 | 実際の例・数字・写真 | 「報告書の見本（画像）」「お客様の声：『保守の中身を自分たちでも理解できるようになった』」 |
分量の目安は、1ページで1,500〜3,000字です。項目ごとに、最初の画面は50〜100字、困りごとは箇条書き3〜5つ、内容は200〜400字、選ばれる理由は1つ100〜150字×3、料金は表、流れは表か番号つき、事例は1件150〜250字、FAQは1問50〜100字。長く書くより、項目を欠かさないことが大切です。
見本：10項目で書いたサービスページの全文（ホームページ保守の例）
2章の10項目を、実際に1ページ分書くとどうなるか、短い見本を示します。文章の長さと順番の感覚をつかむためのもので、業種に合わせて言葉を入れ替えて使えます。
| 項目 | 見本の文章 |
|---|---|
| 1. 最初の画面 | 「従業員30名までの会社のホームページを、毎月確認して守る保守サービス。更新・バックアップ・障害対応を、代表が直接お引き受けします。」＋問い合わせボタン |
| 2. こんな困りごとに | ・更新を頼んでいた担当者が退職した ・WordPressの更新が怖くて触れない ・今の保守会社が何をしているのか分からない ・サイトが止まったとき、どこに連絡すればいいか分からない |
| 3. サービスの内容 | 毎月：WordPress本体・テーマ・プラグインの更新、バックアップ、主要ページの表示とフォームの動作確認、ドメイン・サーバー・SSLの期限確認。随時：お知らせ・実績の更新（月◯回まで）、障害時の一次対応。含まれないもの：新規ページの制作、大きなデザイン変更（別途お見積もり） |
| 4. 選ばれる理由 | ①代表が直接対応します（担当が変わりません） ②毎月、作業の内容を報告書でお送りします ③解約はいつでも。ドメイン・サーバーは自社名義のまま |
| 5. 料金 | ライト 月額◯円（更新月1回まで）／スタンダード 月額◯円（更新月3回まで）／プレミアム 月額◯円（更新月◯回＋改善提案）。いずれも税込。初期費用なし |
| 6. 流れ | お問い合わせ→現状の確認（ログイン情報を共有いただき、1週間以内に確認結果をご報告）→お見積もり→契約→翌月1日から開始 |
| 7. 実績・事例 | 電気工事会社（従業員10名）：以前の保守会社から「更新しました」の一言しか届かず、内容が分からなかった。切り替え後は毎月の報告書で作業を把握できるように。造園業：制作業者の廃業でサイトが止まり、サーバー会社への問い合わせから復旧まで対応 |
| 8. よくある質問 | Q. 今の制作会社との契約はどうなりますか／Q. 途中で解約できますか／Q. WordPress以外でも対応できますか／Q. 障害が起きたとき、どのくらいで対応しますか／Q. 更新の依頼はどうやって出せばいいですか |
| 9. 会社の情報 | 株式会社◯◯（東京都中央区銀座）。2014年設立。代表が全案件を担当しています。→会社概要へ |
| 10. 問い合わせの入口 | 「こんな状態ですが、相談できますか」で構いません。初回のご相談は無料です。→フォーム／電話 |
見本の全体で1,800字前後です。この分量でも、1章の「知りたい5つ」にすべて答えています。書けない項目があれば、その項目が「まだ決まっていないこと」です。サービスページを書く作業は、サービスの中身を決める作業でもあります。
1サービス1ページの原則と、分けるかまとめるかの判断
「サービス」1ページに全部のサービスを並べると、どのサービスの検索にも出にくく、読む人も自分の探しているものを見つけにくくなります。原則は「1サービス1ページ」です。ただし、分けすぎても薄くなります。判断の目安を表にします。
| 状況 | 判断 |
|---|---|
| 対象のお客様が違う（例：法人向けと個人向け） | 分ける |
| 検索される言葉が違う（例：「外壁塗装」と「屋根修理」） | 分ける |
| 料金体系が違う | 分ける |
| 同じお客様が、同じ場面で選ぶ選択肢（例：プランA・B・C） | 1ページにまとめ、表で比べる |
| 1つに分けても200字も書けない | まとめる（書けるようになったら分ける） |
分けた場合は、「サービス一覧」のページを1つ置き、そこから各ページへ案内します。各ページの末尾には、関連するサービスへのリンクを2〜3本入れます。ホームページの種類ごとの構成は「ホームページの種類一覧」、ページを増やす順番は「ページ数の多いサイトがSEOに強い理由」の記事で整理しています。
BtoB／BtoCで変える点
同じ10項目でも、法人向け（BtoB）と個人向け（BtoC）で、力を入れる場所が変わります。
| 項目 | BtoB（法人向け） | BtoC（個人向け） |
|---|---|---|
| 最初の画面 | 対象の業種・規模と、解決する業務上の課題 | 対象の人と、生活上の困りごと。写真で雰囲気を伝える |
| 選ばれる理由 | 実績数・対応範囲・体制・納期・品質管理 | 人（誰が対応するか）・安心（保証・アフター）・分かりやすさ |
| 料金 | 目安と「お見積もり」。内訳の考え方を書く | 価格帯を明示。「◯◯円から」だけにしない |
| 実績・事例 | 業種・規模・課題・結果。社名が出せなければ業種で | ビフォーアフター、お客様の声（顔写真・手書き） |
| 問い合わせの入口 | フォーム＋資料ダウンロード＋電話。担当者が社内で説明できる資料 | 電話・LINE・フォーム。「相談だけでもOK」の一文 |
| 検索語 | サービス名×業界、課題×解決策 | サービス名×地域名、悩み×地域名 |
BtoBでは、ページを見た担当者が上司に説明するための「資料」が効きます。BtoCでは、「誰が来るのか」「いくらか」「相談だけでもいいのか」の3つが、問い合わせを左右します。
料金の載せ方3つ
料金は、サービスページでもっとも見られる項目の1つです。「載せると比べられる」という心配より、「無いと候補から外れる」ほうが大きい、と考えてください。載せ方は3つあります。
| 載せ方 | 向いている場合 | 書き方の要点 |
|---|---|---|
| プラン表 | 定型のサービス（保守・サブスク・パック） | 3プラン以内。含まれるもの・含まれないものを行で比べる |
| 価格帯＋事例 | 内容で変わるサービス（制作・工事・コンサル） | 「◯万〜◯万円」と、幅の理由。事例に実際の金額を添える |
| 見積もりの考え方 | 個別性が高いサービス（BtoBの受託） | 何で金額が決まるか（規模・期間・範囲）と、見積もりの流れ。目安の例を1つ |
どの載せ方でも、「何が含まれ、何が追加になるか」を書くことが、あとのトラブルを防ぎます。「◯◯円から」だけの表記は、実際の見積もりとの差で不信感につながるため避けてください。
写真・図の使い方
サービスページの写真は、「飾り」ではなく「証拠」として使います。
| 場所 | 使う写真・図 | 避けたいもの |
|---|---|---|
| 最初の画面 | 対応している場面（現場・打ち合わせ・仕上がり） | 意味の無い素材写真（握手・空・ビル） |
| サービスの内容 | 作業の様子、成果物、報告書の見本 | 文章だけ |
| 選ばれる理由 | 担当者の顔、体制の図、比較表 | 「安心」のアイコンだけ |
| 流れ | 手順の図（相談→確認→契約→開始） | 長い文章での説明 |
| 事例 | ビフォーアフター、成果の数字 | 加工しすぎた画像 |
写真は、スマートフォンで撮ったものでも、明るい場所で、伝えたいことが決まっていれば十分です。画像のサイズと軽くする方法は「ホームページの画像は小さくしてからアップする」の記事でご案内しています。
検索語の設計：サービス名×地域、悩み×サービス
サービスページは、検索の入口にもなります。狙う検索語を1つ決め、ページの題名（title）と最初の見出しに入れます。
| 検索語の型 | 例 | 入れる場所 |
|---|---|---|
| サービス名×地域名 | 「外壁塗装 ◯◯市」「税理士 ◯◯区」 | title・最初の見出し・最初の画面の文・対応エリア |
| 悩み×サービス | 「雨漏り 修理」「WordPress 更新 代行」 | 「こんな困りごとに」の見出しと本文 |
| サービス名×費用 | 「ホームページ 保守 費用」 | 料金の見出し |
1ページに1つの型を当てます。「サービス」1ページに全部を詰めると、どの検索語にも中途半端になります。検索語の集め方は、Search Consoleと、問い合わせで実際に聞かれた言葉から。検索対策の基本は「SEO対策とは？初心者でもわかるSEO対策の基本Q&A」の記事にまとめています。
公開後に見る数字と、直し方
サービスページは、公開してから直すページです。月1回、次の3つを見ます。
| 数字 | 見る場所 | 直し方 |
|---|---|---|
| ページの表示回数とクリック数 | Search Console | 表示は多いがクリックが少ない→titleと説明文を、困りごとの言葉に直す |
| ページを見た人のうち、問い合わせに進んだ割合 | GA4（またはフォームの「見たページ」項目） | 見られているのに問い合わせが無い→料金・流れ・入口の3つを見直す |
| ページの滞在時間・読了 | GA4 | すぐ離れる→最初の画面の「誰向けか」がずれている。対象の言葉を直す |
3か月見て動かなければ、狙う検索語（9章）か、最初の画面（2章の1）を見直します。全部を書き直す必要はなく、1か所ずつ直して、翌月の数字で確かめます。GA4の見方は「GA4は月1回、3か所だけ見ればいい」の記事でご案内しています。
公開前のチェック10項目
書き終えたら、公開前に次の10項目を確かめます。自社の人ではなく、サービスを知らない人（家族・取引先）に読んでもらうと、見落としが見つかります。
| 確認すること | できている |
|---|---|
| 最初の画面だけで「誰向けの、何のサービスか」が分かる | □ |
| 困りごとが、お客様の言葉で書かれている（社内用語になっていない） | □ |
| 含まれるもの・含まれないものが書かれている | □ |
| 選ばれる理由が、事実（数字・体制・方法）で書かれている | □ |
| 料金の目安と、追加費用の条件が書かれている | □ |
| 依頼から開始までの流れと、日数の目安がある | □ |
| 事例・声が1件以上ある（無ければ流れとFAQを厚くした） | □ |
| 問い合わせの入口が、上と下の2か所にある | □ |
| スマートフォンで、表と写真が崩れていない | □ |
| 狙う検索語が、titleと最初の見出しに入っている | □ |
10項目のうち8つ以上できていれば公開し、残りは公開後に足します。完成を待つより、公開して数字を見ながら直すほうが、早く成果につながります。
よくある失敗5つ
- 「できること」の箇条書きだけで、誰向けか・困りごと・流れが無い（1章の5つに答えていない）
- 料金が無い、または「◯◯円から」だけ（7章）
- 選ばれる理由が「丁寧」「安心」「高品質」（事実と数字が無い）
- 全サービスを1ページに詰め、どの検索にも出ない（5章）
- 公開後に数字を見ず、何年も同じまま（10章）
5つとも、2章の10項目を上から順に埋めれば防げます。書き始める前に、1章の「比べている人が知りたい5つ」に答えているかを確かめてください。
ソライルにご相談いただく場合
弊社は、Webの困りごとをまとめてご相談いただける専門家として、サービスページの構成と原稿の整え、公開後の数字の確認と改善までを、代表が直接お引き受けしています。Web集客コンサルティングでは、2章の10項目をお客様の事業に合わせて一緒に埋め、狙う検索語と料金の載せ方まで決めます。保守では、毎月、必ずサイトを確認して、作業の内容をご報告します。
「サービスページに何を書けばいいか分からない」「書いてあるが問い合わせが来ない」という段階で構いません。「こんなページなのですが、相談できますか」くらいの気持ちで、お問い合わせからお声がけください。初回のご相談は無料で、全国オンラインで対応しています。サービスの内容は「Web集客コンサルティング」「ホームページ制作／リニューアル」のページにまとめています。
よくある質問
Q. サービスページは、どのくらいの長さが適切ですか？
A. 1,500〜3,000字が目安です。長さより、2章の10項目がそろっているかが大切です。項目を欠かさず、各項目を短く書くほうが、長い文章より伝わります。
Q. 料金を載せると、安い会社と比べられませんか？
A. 料金が無いほうが、問い合わせの前に候補から外れます。「何が含まれ、何が追加になるか」まで書けば、金額だけで比べられることは減ります。
Q. サービスが10個あります。全部ページを分けるべきですか？
A. 対象・検索語・料金体系が違うものは分け、同じお客様が同じ場面で選ぶものは1ページにまとめて表で比べます。まず問い合わせの多い3つを分けて作り、残りは一覧ページにまとめるところから始めてください。
Q. 実績や事例が、まだありません。
A. 実績の代わりに、「対応の流れ」「担当者の紹介」「よくある質問」を厚くしてください。1件目のお客様ができたら、業種・課題・結果の3点で事例を書き、以後1件ずつ足します。
Q. トップページとサービスページで、同じことを書いてもいいですか？
A. トップページは「誰の何を解決する会社か」の要約と、各サービスページへの案内です。サービスページは、その1つを詳しく書く場所です。同じ文章をコピーせず、トップは短く、サービスページは10項目で、と役割を分けてください。
Q. 制作会社に頼むとき、サービスページの原稿は誰が書きますか？
A. 事実（対象・内容・料金・流れ・事例）は自社が箇条書きで出し、文章に整えるのを制作会社に任せる分担が現実的です。2章の表を埋める形で渡すと、制作会社も作りやすくなります。
関連記事
前の記事
SEO対策・ホームページの営業電話がかかってきたら｜その場で聞く3つ、断り方の文例、検討してよい提案の見分け方、社内のきまり
次の記事
WordPressのPHPバージョンアップ｜安全な手順と、エラーが出たときの戻し方【2026年版】
