ホームページを自作するには何から始める？ 準備から公開までの進め方

情報確認：2026年11月9日 ／ SIRIUS2編集部

ホームページを自作するなら、最初に「誰が、何を確認し、次に何をするか」を一文にします。たとえば教室なら「初めての保護者が体験の対象と料金を確認し、希望日を連絡する」です。この一文が決まると、最初に載せる情報や写真、必要な機能を選びやすくなります。この記事では、作成方法の選択から公開後の確認までを順にたどります。最後の準備シートに自分の事業を当てはめ、今日進める作業を一つ選んでください。

「お店のことを知ってほしい」と考えたら、どんな人が、どの場面で調べているのかを思い浮かべます。初来店の人なら「今日開いているか」「駅から歩けるか」が気になるでしょう。相談先を探している人なら「自分の相談は対象か」「初回に費用がかかるか」を先に知りたいかもしれません。相手が次の行動を決める前に抱く疑問から書き出すと、何を最初に載せるべきか見えてきます。

普段の問い合わせから選ぶ

電話や店頭で繰り返し答えている質問を三つ思い出します。「駐車場はありますか」が多い店なら、アクセス案内から始める理由があります。「子どもが初めてでも参加できますか」が多い教室なら、対象年齢と初回の進め方を案内しましょう。手元に記録がなければ、常連以外の人に「来る前に何を知りたかったか」を聞くと、運営者には当たり前で抜けやすい情報が見つかります。

行動を一つ選ぶと、目立つ場所に何を置くか決められます。主な行動が来店なら「地図を見る」、体験なら「体験について問い合わせる」のように、押した先でできることを書きます。電話やメールを両方載せる場合も、普段受け付けやすい窓口を先に示し、その窓口の受付時間や返信の目安を添えます。

主な行動を決めるときは、自分の事業で実際に受け付けられる量も考えます。接客中に電話に出られない店なら、来店前の確認事項をページで読めるようにし、電話がつながる時間を添えます。営業日が不規則な教室なら、毎月の予定と連絡先を先に載せると、最新の日程を確認してもらえます。公開後に案内を見直す際も、「よく聞かれる質問にページで答えられているか」「予約だと思って来場する人がいないか」のように、目的に沿って点検できます。

架空の例　こもれび教室の最初の目標

説明用の架空の「こもれび教室」では、小学3〜6年生向け工作の体験に初めて参加する保護者を想定します。「体験の対象、料金、会場を確認して、希望日を連絡する」が最初の目標です。いきなり予約を確定する仕組みを用意せず、希望日を受け付け、空きを確認して返信する運用で始めます。「希望日を送る」と「予約が確定する」を文面で区別しておけば、返信前に来場される行き違いを防げます。

この目的が決まったら、体験案内、場所、問い合わせといった情報を、どのページに置くか考えられます。ページの分け方と最初に用意するページの例は、小さな事業のホームページに必要なページで確認できます。

メモや文書を一つ用意し、いま使っている名刺、チラシ、店舗の案内、予約時の定型文から情報を集めます。資料ごとに表記が違う項目は、どれが現在の案内かを担当者に確認します。たとえば「受付終了18時」と「閉店19時」が混在していれば、どちらも必要な情報なので、意味の異なる時刻として書き分けます。

料金と所在地は、相手が判断できるところまで書く

料金表に「1,500円」とだけ書くと、1人あたりか1組あたりか、材料代が別かで問い合わせが増えます。たとえば「体験1回、子ども1人1,500円（税込・材料費込み）」まで書けば、兄弟で参加するときの考え方が伝わります。この金額は説明用の仮の数字です。実際の原稿は、公開時点に適用する料金と例外を責任者に確認してから入れます。

来店型の事業では、地図を開かない人にも場所が伝わるよう、住所と入口の目印を文章にします。同じ建物に複数の入口があるなら、外観写真と短い説明が役立ちます。訪問型のサービスや自宅教室では、公開する範囲と、申込み後に個別に知らせる情報を分けておきます。

写真は何を伝えるために載せるかを決める

入口写真は迷わず着くため、教室内の写真は広さや雰囲気を想像するため、作例は体験で何を作るか知らせるために使えます。写真が足りなければ、この用途に合わせて撮る順番を決めます。人の顔、名札、掲示物、車のナンバーなど、公開するつもりのない情報が写り込んでいないかも確認してください。掲載の判断がつかない写真は素材欄に「確認待ち」と残すと、公開直前に誤って選びにくくなります。

営業日、料金、申込み条件のように間違えると利用者が困る項目は、原稿に担当者と確認日を残します。屋号の表記や画像の選択と同じ一覧で管理しておくと、公開前に誰へ照会すべきか分かります。決まっていない項目を制作のために仮置きする場合は、内部メモで分かるように印を付け、公開原稿に残っていないか点検します。

同じ内容でも、更新する人や使える端末によって作りやすい方式が変わります。比較の前に、公開したい時期、編集を続ける担当者、担当者のPCやスマートフォン、すでに使っているドメインやサーバーを記録します。ドメインはサイトの住所として使う名前、サーバーは公開するページを置く場所です。作成と公開が一つの契約にまとまっている方式もあります。

PCに入れる方式では、制作ソフトが動く端末と、できたページをお客さまが見る端末を分けます。たとえばSIRIUS2はWindows用の作成ソフトで、公開ページはスマートフォンでの閲覧を想定した作りにできます。公開するには別に公開先を用意し、サイト内検索などを使うときはPHPというサーバー側で動く仕組みへの対応も確かめます。買い切りのWindows用ソフトを候補にするなら、買い切りソフトを選ぶ前の確認項目も使ってください。SIRIUS2公式のよくあるご質問

自分で設置するWordPressでは、必要なサーバー環境と、公開後に誰が管理するかを決めます。管理付きの契約なら、提供元が引き受ける範囲も見ておきましょう。クラウド型では「ブラウザーで使える」と書いてあっても、手持ちのスマートフォンで料金表の修正や公開までできるかはサービスごとに確かめます。独自ドメインの接続や複数人での運用も、選ぶプランで条件が異なります。WordPress.org公式の動作要件、Wix公式のプラン案内

最初に毎年の支払いと契約名義を控える

公開までに払う金額と、サイトを置き続けるための料金を分けて書きます。候補には、サーバー、独自ドメイン、サービスの利用料、フォームや予約の外部サービス、制作会社への保守費などが含まれます。独自ドメインを使わずサービスの提供する住所で始める場合は、その住所を名刺やチラシに載せて使い続けられるかも検討します。

外注では、制作後に営業時間を誰が直せるか、依頼先が休業中ならどうするか、契約終了時にどのデータや管理権限を受け取れるかまで見積もり時に確認します。自作でも契約者と更新担当者が違うと、更新通知や復旧用メールを見落とすことがあります。契約の更新時期、通知先、更新手続きの担当を記録し、認証情報は別に安全に管理します。

作り方を決めたら、まず一つのページで情報を並べ、読んだ人が次に進めるかを確かめます。ロゴの大きさや配色を細かく決める前に、何を提供する事業か、対象者は誰か、場所や申込み方法はどこにあるかを書いてみると、後で何度もページを組み直す手間を減らせます。

1. 構成を決める。 必要な情報をページごとに割り振ります。体験を受け付ける教室なら、トップページから体験案内、場所、受付窓口へ進む順番を紙に描きます。スマートフォンで体験ページに直接来た人も、場所と受付窓口へ移れるようにします。
2. 原稿を書く。 一つの段落で伝える内容を絞り、見出しには「料金」「持ち物」「申込みから当日まで」のように、読む人が探す言葉を使います。よく変更する時間や料金は、同じ長文をいくつものページにコピーせず、詳しく載せるページを決めておきます。
3. 画像を選ぶ。 原稿の理解を助ける写真を選び、使う場所と画像の説明を用意します。たとえば入口を案内する写真には、何が入口の目印か分かる説明を付けます。時間や料金は画像の中だけに置かず、本文にも書きます。
4. ページに組み込む。 原稿と画像を入れ、メニューや問い合わせ先をつなぎます。迷ったら、作成した画面を触り続ける前に「このページを読んだ後、次にどこを開くか」を確認します。リンク文は「こちら」だけに頼らず、行き先が分かる文にします。
5. 表示と受付を確認する。 スマートフォンとPCで、文章、地図、画像、連絡ボタンを確認します。フォームは管理者が使える試験用の連絡先へ、テストと分かる内容で送り、画面の完了表示に加え、担当者に届くか確認します。既存のお客様へ通知が届かないようにし、予約を試す場合も試験用の枠を使います。外部予約を使うなら、サイトのリンクから正しい受付先へ進めるかも見ます。
6. 公開して実際のURLを開く。 サイトのアドレスを控え、管理画面にログインしていない状態で開きます。トップだけでなく、チラシやSNSに載せる個別ページも確認します。公開後のURLで連絡ボタンやフォームを確認してから、そのURLを案内に使います。

制作中は、仮の料金や仮の画像が画面に入ることがあります。公開直前には、原稿で「仮」「あとで」「確認待ち」と書いていた箇所を一件ずつ確認しましょう。公開先がまだ決まっていなくても原稿の確認は進められますが、実際のアドレスで閲覧と受付を確かめる工程は残しておきます。

できあがった案内を別の人に見てもらうときは、先に操作を説明せず、「小学生の体験を検討している保護者として、参加費と希望日の送り方を探してください」と頼みます。ページを途中までしか読まなかった場合や、問い合わせ先へ進めなかった場合は、どの言葉や場所で迷ったかを控えます。たとえばスマートフォンで先に「申込み」ボタンが出て、料金が見つけにくければ、ボタンの近くに料金を載せるか、料金を確認できるリンクを添えます。公開後にチラシやSNSから直接開く予定のページも、同じやり方で確認できます。

公開URLが開けることと、Google検索で見つかることは別の確認です。初日に公開できたら、まず名刺、地図情報、SNSなどで案内するアドレスが正しいかを見ます。検索で見つけやすくするには、ページの内容が伝わるタイトルや、他のページからたどれるリンクを整えます。検索結果への登録や順位、アクセス数や売上は保証されません。Google公式のSEOスターターガイド

シートには決まった項目だけを書き、まだ決まらないものは空欄のまま、右の欄に確認先や次の作業を入れます。ページ作りが止まっている理由が「写真不足」なのか「受付方法が未定」なのか分かると、先にできる作業を選べます。表を印刷して手書きするほか、項目を文書に写して担当者と共有しても使えます。

架空の記入例　こもれび教室

「こもれび教室」は説明用の架空例です。以下の金額と日程は仮の設定です。教室の受付では希望日を確認し、担当者からの返信で予約を確定します。体験を案内するページと受付先が決まっている一方、掲載する写真と公開先は準備中です。

そのまま使える空欄シート

シートは事業の運営メモとして保管します。パスワードや契約先の認証コード、顧客名などは書き込まず、問い合わせや更新に必要な情報の保管場所と担当だけを別の管理手順に残します。

準備シートから、次の工程を止めている空欄を一つ選びます。たとえば連絡先は分かっていて料金だけが未確認なら、料金を決める人に「初回体験の料金に材料費は入りますか」と具体的に聞きます。逆に料金と受付方法が決まっていて写真だけが足りなければ、先に原稿を書き、どの場所の写真を撮るかまで決められます。

• 目的が曖昧なら、今日よく聞かれる質問を三つ書き、最初に答える一つを選ぶ。
• 原稿が進まないなら、対象・内容・料金・申込みの順で一つのサービスだけ書く。
• 作り方が決まらないなら、四つの方式の早見表に担当者の端末と公開先の条件を当てはめる。
• 原稿と素材が揃っているなら、最も見てほしい一ページを作り、別の人に案内に沿って読み進めてもらう。
• 公開が近いなら、スマートフォンでの表示確認とテスト受付の日を担当者の予定に入れる。

更新担当者と次回確認日は、公開する前に決めておきます。たとえば毎月の営業予定を確定する日に「営業時間と地図」「次月の受付案内」「問い合わせが届くこと」を見直します。年末年始や移転のように来店に影響する変更は、通常の見直し日とは別に、案内を差し替える日も控えておきます。複数の場所で同じ情報を案内している場合は、ホームページと地図情報、SNS、予約先のどれも古いままになっていないか確かめます。

作り方を検討している方は、この記事の「作り方を選んで必要な契約を確認する」にある四つの方式の早見表に戻り、担当者と端末、公開先の三つを書き入れます。準備が揃ったら、公開前チェックリストに沿って、公開直後に見るURLまで控えておきましょう。

参照した一次資料（2026年11月9日確認）

• SIRIUS2公式 よくあるご質問（Windows用ソフトと公開先、機能によるサーバー条件）
• WordPress.org公式 動作要件（自分で設置する場合のサーバー条件）
• Wix公式 プラン案内（クラウド型のプランによる条件の例）
• Google公式 SEOスターターガイド（ページ構成、リンク、検索結果への反映）

運営：SIRIUS2販売元。本文の作例は説明用です。仕様・料金・画面は変更される場合があるため、契約や操作の前にリンク先の公式情報をご確認ください。