ホームページを自分で作る前に4つを決める
最初にテーマやサーバーを選ぶと、必要なページや運用負担が後から増えます。次の4項目を一枚にまとめ、決められない項目を制作上のリスクとして扱います。
目的と成功条件
会社案内、採用、予約、問い合わせ、商品販売など、訪問者に取ってほしい行動を一つずつ書きます。「公開する」ではなく、必要情報へ到達できる、問い合わせを受信できる、担当者が更新できるといった確認可能な条件にします。
読者と更新担当
誰が何を知りたいか、誰が原稿・画像・承認・公開を担当するかを決めます。担当者が不在のままCMSを導入すると、更新、アカウント管理、障害対応が止まります。
必要な機能とデータ
問い合わせ、予約、決済、会員、検索、多言語などを「公開時に必須」「後で追加」に分けます。入力フォームで取得する個人情報は、利用目的に必要な最小限へ絞ります。
保守責任と予算
ドメイン更新、サーバー、ソフトウェア更新、バックアップ、監視、原稿修正を誰が担当するか決めます。初期制作費だけでなく、年ごと・月ごとの契約と作業時間を一覧にします。
制作方法は更新と保守の責任で選ぶ
自社運用WordPress
継続的に記事や固定ページを更新し、テーマ・プラグイン・サーバーを管理できる場合。
更新、バックアップ、権限、障害復旧はサイト所有者側にも責任があります。
サイト作成サービス
サーバー管理を減らし、用意された編集・公開機能の範囲で運用したい場合。
機能、データ出力、独自ドメイン、移行、料金の条件を契約前に確認します。
静的サイト・制作依頼
更新頻度が低い、または独自要件を設計して制作・保守を分担したい場合。
自分で更新する範囲、依頼が必要な変更、公開方法を先に合意します。
制作前に揃える6つの準備
公開後に変更しにくい名前、契約、権限から先に整理します。契約情報やパスワードを個人のメールだけに閉じ込めず、組織で引き継げる管理方法を決めてください。
サイト名・ドメイン候補を決める
表記、読み方、既存商標との混同、メールアドレスでの利用、長期運用を考えます。登録者、支払方法、更新期限、移管に必要な認証情報を記録し、自動更新だけに頼らず期限を管理します。
ページ構成と原稿責任者を決める
トップ、サービス、会社情報、問い合わせ、プライバシー、必要に応じて採用・利用規約などをサイトマップにします。各ページの目的、原稿、画像、承認者、更新日を一覧にします。
画像・ロゴ・権利を確認する
自社で利用権を持つ画像か、人物・場所・商品を掲載できるかを確認します。画像の出典、利用条件、代替テキスト、元データを保存し、検索結果から無断で転載しません。
契約と管理アカウントを分ける
ドメイン、サーバー、CMS管理者、計測、問い合わせ受信先を一覧にし、個人用ではなく引継ぎ可能な管理先を使います。管理者権限は必要な人だけに付与し、固有の強い認証情報と利用可能な多要素認証を使います。
バックアップとテスト場所を用意する
公開サイトを直接編集せず、下書き、プレビュー、またはテスト環境で変更します。ファイルとデータベースを同じ時点で保存し、サイトと別の場所へ保管します。取得だけでなく復元できるか確認します。
問い合わせと個人情報の流れを描く
入力項目、送信先、保存場所、閲覧者、保存期間、削除方法、返信方法を決めます。テスト送信には実在顧客の情報を使わず、不要な機密情報やカード情報を通常フォームで求めません。
ホームページを自分で作る8ステップ
製品ごとの画面名は異なりますが、安全な順序は共通します。各ステップの確認が終わるまで次へ進まず、設定変更と確認結果を記録します。
- 1
ページ構成と導線を紙上で作る
訪問者が知りたい順にページを並べ、各ページの主な行動を一つ決めます。グローバルナビ、フッター、問い合わせへの導線を作り、同じ説明を複数ページへ重複させない構成にします。
- ページごとの目的と担当者が書かれている
- 会社情報、連絡先、必要な方針ページが含まれる
- 2
ドメインを登録し管理情報を保存する
候補が利用できることを確認して登録します。登録先、契約名義、更新日、支払方法、DNS管理先を記録します。ドメインとサーバーを同時契約しても、解約や移管の条件は別に確認します。
- 更新期限と通知先を複数人で確認できる
- DNSとメールを誰が管理するか分かる
- 3
制作方法に合う公開基盤を用意する
WordPressなら現行の公式要件とHTTPS対応を契約候補で確認します。サイト作成サービスなら独自ドメイン、必要機能、データ出力、解約後の扱いを確認します。静的サイトなら公開・更新・ロールバック手順を決めます。
- 必要機能と現行要件を満たしている
- バックアップ、復旧、サポートの責任範囲が分かる
- 4
デザインと共通部品を設定する
ロゴ、色、文字、見出し、ボタン、カード、余白を少数の共通ルールにします。WordPressのテーマや拡張機能は信頼できる配布元から取得し、必要最小限にします。見た目だけでなく更新継続性を優先します。
- スマートフォンでも文字と操作対象が読める
- 使っていないテーマや拡張を残していない
- 5
原稿と画像をページへ入れる
一ページ一目的で見出しを組み、結論、根拠、次の行動を配置します。画像は表示サイズに合う寸法へ調整し、内容を伝える画像には代替テキストを付けます。タイトルと説明は内容を正確に表す固有文にします。
- 見出しだけでも内容の順序が分かる
- 仮文、権利不明画像、古い連絡先が残っていない
- 6
問い合わせフォームと通知を試す
各入力欄に見えるラベルと説明を付け、必須・任意を明示します。正常送信、未入力、誤形式、長文、スマートフォン、キーボード操作を試し、送信者と受信者の表示、迷惑メール判定、保存先を確認します。
- 成功とエラーが画面上で分かる
- 担当者が実際に受信して返信できる
- 7
公開前に端末・リンク・復旧を検証する
Chrome、Edge、Safariとスマートフォン幅で主要ページを確認し、リンク、画像、フォーム、HTTPS、404、印刷が必要なページを試します。公開直前のバックアップを取得し、戻す手順と担当者を再確認します。
- 重要ページとフォームの確認記録がある
- 異常時に公開を止める条件が決まっている
- 8
小さく公開し、検索と計測を確認する
DNSや公開設定を切り替え、主要URL、HTTPS、フォーム、メールを再確認します。検索対象ページがリンクから到達できることを確認し、必要ならサイトマップをSearch Consoleへ送信します。登録は掲載や順位を保証するものではありません。
- 主要URLと問い合わせが公開環境で動く
- 担当者が更新・監視を開始できる
公開前チェックリスト
公開ボタンを押せることではなく、訪問者が目的を達成でき、問題が起きても戻せることを合格条件にします。
内容と導線
- 会社名、住所、連絡先、営業時間などが現状と一致する
- 仮文、ダミー画像、未公開リンクが残っていない
- 各ページから次の行動へ移動できる
技術と表示
- 主要URLがHTTPSで表示され、混在コンテンツがない
- 404、内部リンク、画像、タイトル、説明を確認した
- 390pxで本文が横にはみ出さず、操作できる
フォームとアクセシビリティ
- 入力欄にラベル、説明、エラー、完了通知がある
- キーボードだけで主要操作と送信ができる
- 不要な個人情報を取得せず、保存先と閲覧者を確認した
安全と復旧
- 管理者を必要最小限にし、固有パスワードを設定した
- 公開直前のバックアップと復元手順がある
- ドメイン、サーバー、CMSの更新担当と期限が分かる
失敗を避ける方法と公開後の戻し方
作業中の失敗より、戻せない状態で公開を続けることが大きなリスクです。見た目の崩れだけでなく、問い合わせ消失、誤った情報、個人情報の露出、管理画面へ入れない状態を中止条件にします。
次の場合は変更を止めて旧状態へ戻す
- 主要ページ、管理画面、問い合わせ、予約・決済など重要機能が動かない
- HTTPS警告、意図しない公開、個人情報や認証情報の露出がある
- DNSやメールの変更範囲が分からず、業務メールへ影響する可能性がある
- バックアップを復元できない、または変更前の状態を特定できない
- 復旧 01
変更を止めて証跡を残す
追加操作を止め、発生時刻、変更内容、画面、URL、エラー、影響範囲を記録します。原因が不明なまま複数の設定を続けて変えません。
- 復旧 02
公開範囲と影響を限定する
必要なら該当機能を停止し、利用者へ状況を案内します。個人情報や認証情報の露出が疑われる場合は、通常の表示崩れと分けて責任者へ連絡します。
- 復旧 03
確認済みの状態へ戻す
直前バックアップ、履歴、旧設定を使い、変更単位で戻します。WordPress更新前にはバックアップを取り、復旧可能性を確認するという公式手順に従います。
- 復旧 04
再確認してから再公開する
原因と再発防止を記録し、テスト環境で修正します。主要URL、フォーム、メール、HTTPS、端末表示を別の確認者も試してから再公開します。
公開後の運用と費用を止めない
ホームページは公開後も契約とソフトウェアが更新されます。料金の固定例ではなく、何に継続費用と作業が発生するかを管理します。
契約の更新
ドメイン、サーバー、サイト作成サービス、有料テーマ・拡張、外部メールなどを契約名義、更新日、税込区分、解約・移管条件とともに一覧化します。
ソフトウェアと権限
WordPress本体、テーマ、プラグインを更新し、使わないものを削除します。更新前後にバックアップと主要機能を確認し、退職・異動した担当者の権限を残しません。
バックアップと監視
更新頻度と事業影響に合わせて取得周期と保持世代を決めます。サイト外へ保管し、定期的に復元します。表示、証明書、フォーム受信、容量も確認します。
内容と法務情報
サービス内容、価格、会社情報、採用、プライバシー方針、利用規約、画像の権利を定期確認します。古い情報を残さず、更新日と承認者を記録します。
費用は契約額と担当者の時間を分けて見積もる
ドメインやサーバーの料金は種類、契約期間、初回・更新、機能で変わります。根拠のない一律の金額を置かず、候補ごとに公式の見積りを保存してください。さらに、原稿作成、画像、更新、バックアップ、障害対応に必要な担当者の時間も運用費として比較します。
公式資料
環境要件、セキュリティ、更新、フォーム、検索表示に関する記述は次の一次資料で確認しました。
よくある質問
ホームページは無料で自分で作れますか？
無料枠があるサービスや無償のソフトウェアはありますが、独自ドメイン、公開基盤、有料機能、画像、保守作業には費用または時間がかかります。無料かどうかだけでなく、必要機能、データ出力、解約後の扱い、更新責任を比較してください。
初心者なら必ずWordPressを選ぶべきですか？
必ずではありません。継続更新と拡張性が必要で、更新・バックアップ・権限管理を担当できるなら有力です。更新が少ない、保守担当がいない、用意された機能で十分な場合は、サイト作成サービスや静的サイトも比較します。
公開前に最低限確認することは何ですか？
主要ページ、会社情報、リンク、スマートフォン表示、HTTPS、問い合わせの送受信、入力エラー、個人情報の保存先、管理権限、公開直前バックアップ、復旧手順を確認します。
検索結果へすぐ表示されますか？
公開やサイトマップ送信は掲載時期や順位を保証しません。検索対象ページへ通常のリンクで到達でき、固有のタイトルと内容があり、検索エンジンを意図せず拒否していないことを確認します。
自分で作るのを止めて依頼すべき条件は？
ドメイン・DNS・メールの影響が分からない、個人情報・決済・予約を扱う、復旧できるバックアップを作れない、独自機能が必要、公開停止が事業へ大きく影響する場合は、作業前に要件整理と制作・保守を相談してください。
次に確認する記事
目的、公開条件、戻し方を決めてから作り始める
ホームページを自分で作るときは、製品選びより先に、目的、読者、必要機能、更新責任を決めます。テスト環境で制作し、問い合わせと端末表示を確認し、公開直前バックアップと中止条件を用意してください。自分で安全に維持できる範囲を超える場合は、契約やDNSを変更する前に制作・運用体制を相談する方が、手戻りと停止リスクを抑えられます。
この記事の編集方針
Finite Field 編集部
Web制作・運用の実務を基に、自己対応の手順と専門家へ相談すべき条件を分け、公式資料の確認日と変更され得る条件を明示しています。
Finite Fieldへ相談
ホームページ制作と公開後の運用設計を相談する
目的、必要ページ、参考サイト、希望する更新方法、現在のドメイン・サーバー、公開希望時期、問い合わせや予約など必要機能が分かると整理しやすくなります。要件整理、制作方法、サーバー、公開、保守の分担を確認できます。
サイト制作と運用設計を相談する相談により制作可否、成果、納期、見積額が確約されるものではありません。内容を確認して対応範囲をご案内します。