本文へ移動

1ページ完結型ホームページの作り方|サービス内容と問い合わせ方法が伝わる構成

概要

主力サービスを紹介するホームページでは、内容、料金、実績、連絡方法を順に示すことで、依頼を検討する材料を届けられます。この記事では、1ページ完結型の構成、各節に載せる情報、問い合わせの案内、複数ページを選ぶ判断基準を解説します。

公開日
更新日

主力サービスが明確なら1ページで内容と問い合わせ方法を伝えられる

主力サービスが明確な事業では、サービス内容と問い合わせ方法を1ページで伝えられます。1ページ完結型ホームページは、サービス紹介、実績、運営者情報、問い合わせを同じページに載せる形式です。

構成を決める際は、問い合わせ・見積もり依頼・予約のうち中心となる行動 を決め、その判断に必要な情報を載せましょう。サービスの内容、料金、依頼できる範囲が伝わることが、ボタンを押す前の判断材料になります。複数のサービスを詳しく説明する事業では、サービスごとのページを用意する方法もあります。

サービスの理解から問い合わせへ進む5つの節

基本の順序は、冒頭の案内、サービスの詳細、実績、運営者情報、問い合わせです。何を依頼できるかを知り、仕事の内容と依頼先を確認した後に連絡できる構成にします。

冒頭で提供内容と依頼できる人を伝える

冒頭には、提供するサービスと、どのような仕事を依頼できるかを書きます。デザイン制作なら、個人店のホームページを制作し、原稿の構成と公開作業も支援するといった説明です。

写真には、制作したサイト、商品を使う様子、作業場所など、サービスの具体像が伝わるものを選びます。問い合わせボタンは、見積もりを依頼する、体験を予約するなど、実際に進む手続きが分かる文言にします。

サービスの範囲と料金を示す

サービス紹介では、仕事に含まれる内容と、追加料金や別の依頼が必要になる内容を示します。名称だけで済ませず、依頼を判断できる情報を書きましょう。

掲載項目伝える内容
サービス提供する仕事や商品
内容納品物、支援内容、含まれない作業
利用者どのような人や事業の課題に対応するか
進め方相談、納品、利用開始の手順
料金金額、含まれる内容、見積もりに必要な情報

料金が案件ごとに変わるなら、ページ数、必要な素材、作業範囲など、何によって金額が変わるかを説明します。

実績は担当した仕事と確認できる結果で示す

実績では、制作物や導入した内容、自分が担当した範囲を紹介します。結果の数値を載せる際は、集計期間と比較の前提も添えてください。

顧客の感想は、掲載の許可を得た実際の内容を使います。開業直後は、自主制作と明記した作品や、仕事の進め方を紹介する方法もあります。自主制作を顧客案件の実績として載せないことが重要です。

運営者情報で依頼先を明らかにする

運営者情報には、氏名または事業名、サービスに関係する経験、担当者、連絡先を掲載します。訪問が必要な仕事は対応地域を、オンラインの仕事は打ち合わせ方法や対応時間を示します。

経歴を長く並べるより、今回依頼できる仕事との関係が伝わる経験を選びます。

問い合わせ欄で入力内容と送信後の流れを案内する

問い合わせ欄には、連絡方法と、相談時に必要な情報を掲載します。フォームなら、氏名、返信先、相談内容など各入力欄に名前を付けます。W3Cは入力欄とラベルを対応付け、支援技術を利用する人にも入力内容が分かるようにする方法を案内しています。(W3C フォームのラベル)

返信時期を記載する際は、実際に対応できる日数にします。文言を考える際は、ボタンとフォームの案内を書くマイクロコピー も参考にしてください。

見出しと余白でページ内の位置を伝える

各節には、サービス内容、制作実績、運営者情報、問い合わせなど、読む内容が分かる見出しを付けます。ページタイトルをH1、主要な節をH2、その中の話題をH3にすると、内容の階層を伝えられます。W3Cは、見出しがページの構成を示し、支援技術による移動にも役立つと説明しています。(W3C 見出し)

長いページには、サービス、実績、問い合わせの位置へ移動するメニューを用意する方法もあります。公開前の点検では、スマートフォンで文字と画像が読めるか、ボタンが目的の場所へ移動するか、フォームの送信が届くかを確かめましょう。

説明が異なるサービスには専用ページを作る

1ページ型は、同じ人が同じサービスを検討するための案内に合います。サービスごとに料金や実績を詳しく示す必要が出てきたら、専用ページを追加し、元のページから紹介します。

一つのページには一つの主要なタイトルと本文があるため、異なる疑問に十分答えるには説明量が増えます。情報を増やす際は、共通の会社案内とサービスごとの詳しい説明のどちらを読んでもらうべきかで構成を決めます。

料金と実績を更新できる構成で公開する

1ページ型でも、サービス範囲、料金、実績、連絡先は更新が必要です。公開時の構成を、冒頭、サービス、実績、運営者、問い合わせの順に点検し、事業の変更に合わせて修正しましょう。

SpreadSite は、Googleスプレッドシートで内容を管理し、テンプレートを使ってホームページを作成・公開・更新できるノーコードツールです。

サービス紹介や実績を自分で更新するホームページづくりに、ぜひ使ってみてください!

SpreadSiteでホームページを作成する →

よくある質問

Q: 1ページだけでも検索結果に表示されますか?

A: 検索エンジンがページを取得し、検索に掲載する情報として登録できれば、1ページのサイトも検索結果に表示されることがあります。説明的なタイトルと、サービスを検討する人に役立つ本文を用意します。Googleは読みやすい文章と具体的なタイトルを案内しています。(Google SEOスターターガイド)

Q: どのような事業に合う構成ですか?

A: 一つの主力サービスを紹介する個人事業主や小規模事業に合う構成です。サービスごとに料金、実績、利用者の疑問が大きく異なる事業では、専用ページを作るとそれぞれの説明を充実させられます。

Q: 問い合わせボタンはどこに置きますか?

A: 冒頭に問い合わせボタンを置き、末尾に連絡方法を掲載します。サービスの詳しい説明を読んだ直後にも、見積もり依頼や予約への案内を置けます。ボタンの文言は、押した後の行動と一致させます。

Q: 自分で作成して更新できますか?

A: テンプレートを利用するノーコードツールなら、原稿や写真を用意して自分で作成する方法があります。選ぶ際は、公開後に料金や実績を変更できることと、問い合わせを受け取れることを確かめてください。

参考資料

スプレッドシートでホームページが作れるSpreadSite