初めてでも失敗しない！中小企業のホームページ制作 完全ガイド

なぜホームページを作るのか？

まず、「なぜホームページを作るのか？」を明確にしましょう。よくある目的例としては、以下のような目的があげられます。御社の目的はいかがですか？

• 新規顧客獲得：「月10件の問い合わせを獲得したい」
• 信頼性向上：「会社案内の代わりとして使いたい」
• 既存顧客サービス向上：「よくある質問への対応を効率化したい」
• 採用強化：「良い人材に応募してもらいたい」

上司説明用フレーズ例

目的を作ってみたものの上司に理解されずに制作に進めない例もあります。上司を説得する際は、以下のようなフレーズが効果的ですよ。

「競合他社の多くがホームページを持っており、
お客様が情報収集する際に弊社だけ情報がない状態は
機会損失につながる可能性があります。

月○件の新規問い合わせ獲得を目標に、
○○万円の予算でホームページを制作し、
年間○○万円の売上向上を目指したいと思います。」

規模別予算目安表

隠れコストの洗い出し

予算を考える際は、以下の「隠れコスト」も考慮しましょう。

• ドメイン・サーバー費用：年間1-3万円
• 保守・更新費用：月額1-5万円
• 写真撮影費用：10-30万円（必要に応じて）
• 追加修正費用：想定の20%程度を余裕として確保

参考サイト収集のコツ

制作会社との打ち合わせでは、言葉だけでなく参考サイトを用意することが重要です。制作会社との間でイメージのズレを防げます。

1. 同業他社のサイトを3-5社チェック
2. 「いいな」と思うサイトを業界問わず3-5社ピックアップ
3. 各サイトの「どこが良いか」を具体的にメモ

要望整理シート

以下の項目を要望として整理しておくと、制作会社との打ち合わせがスムーズですね。

【基本情報】
・会社名・事業内容
・主な顧客層
・競合他社

【デザインイメージ】
・希望する色合い
・堅実 or 親しみやすい などの雰囲気
・参考サイトのURL

【機能要件】
・問い合わせフォーム：必要 / 不要
・ブログ機能：必要 / 不要
・多言語対応：必要 / 不要
・スマホ対応：必要（必須）

【その他】
・特に力を入れたいページ
・絶対に載せたい情報
・載せたくない情報

なぜ3社なのか？

• 1社のみ：比較ができず、適正価格がわからない
• 2社のみ：判断材料が不足
• 3社：適正価格帯が見えてくる（推奨）
• 4社以上：選択肢が多すぎて迷いが生じる

効率的な相見積もりの進め方

1. 同じ条件で依頼：要望整理シートを全社に共有
2. 面談日程を集中：1週間以内に全社と面談完了
3. 提案期限を統一：「○月○日までに提案書をお願いします」

技術・経験面（5項目）

サポート・コミュニケーション面（5項目）

明細の透明性確認

追加費用発生条件

① キックオフミーティングの準備

制作開始の会議では、以下の資料を準備しましょう：

• 事前に整理した要望整理シート
• 参考サイトのURL一覧
• 会社案内・パンフレット
• 使用したい写真・ロゴデータ

② ターゲット・コンセプト決定

制作会社と一緒に、以下を具体的に決めていきます。

【悪い例】「30代の主婦」
【良い例】「東京都内在住、30-40代、子育て中の専業主婦、
          月1回は外食をする、ネットでお店を探すことが多い、
          口コミを重視する」

「地域密着×安心・安全をお客様に伝える、
 温かみのある親しみやすいサイト」

③ サイトマップ確認のポイント

制作会社から提示されるサイトマップ（サイト全体の構成図）では、以下を確認します。

④ STEP1でのチェックリスト

□ ターゲット・コンセプトに納得できるか
□ サイトマップは分かりやすい構成か
□ 必要なページが全て含まれているか
□ 不要なページは含まれていないか
□ 制作スケジュールは現実的か
□ 次のステップまでに準備すべきことは明確か

① ワイヤーフレーム確認方法

ワイヤーフレーム（ページの設計図）が提示されたら、以下を確認しましょう。

② デザインカンプチェックポイント

実際のデザイン案が提示されたら、以下の観点でチェックしましょう。

③ 修正依頼の効果的な伝え方

デザイン修正を依頼する際は、以下のように具体的に伝えましょう：

【悪い例】「もっとかっこよくしてください」
【良い例】「ヘッダー部分の青色をもう少し濃くして、
          信頼感のある印象にしてください」

【悪い例】「文字が小さい」
【良い例】「メインキャッチコピーの文字サイズを
          20%程度大きくして、より目立つようにしてください」

④ STEP2でのチェックリスト

□ デザインは会社のイメージに合っているか
□ ターゲット層に響くデザインか
□ スマホ表示も確認して問題ないか
□ 文字の大きさ・色は読みやすいか
□ ボタンや重要な情報は目立っているか
□ 修正点があれば具体的に伝えたか

① WordPress構築での確認事項

この段階では、以下のWordPress特有のポイントを確認しましょう。

② レスポンシブ対応チェック

スマホ・タブレット表示を必ず確認しましょう：

• スマホ（iPhone、Android）での表示確認
• タブレット（iPad等）での表示確認
• 文字の大きさがスマホでも読みやすいか
• ボタンのサイズがタップしやすいか
• 表示速度は遅くないか

③ 進捗確認の頻度とタイミング

制作会社との定期的な確認を怠らないようにしましょう：

• 週1回の進捗確認ミーティング
• 重要な機能（問い合わせフォーム等）の動作確認
• 不明点があれば即座に質問する姿勢

④ STEP3でのチェックリスト

□ WordPress管理画面は使いやすそうか
□ スマホ・タブレット表示は問題ないか
□ 問い合わせフォームは正常に動作するか
□ 表示速度は遅くないか
□ 必要な機能は全て実装されているか
□ 不明点は制作会社に確認したか

① 最終チェック項目一覧

公開前の最終チェックでは、以下を必ず確認してください。

□ 会社名・住所・電話番号は正確か
□ 誤字・脱字はないか
□ 写真は適切な位置に配置されているか
□ リンク先は正しいページになっているか

□ 問い合わせフォームから実際にメールが届くか
□ 全てのページが正常に表示されるか
□ メニューのリンクは全て正常に動作するか
□ ダウンロード機能等は正常に動作するか

□ パソコン（Chrome、Safari、Edge）で表示確認
□ スマートフォン（iPhone、Android）で表示確認
□ タブレット（iPad等）で表示確認

② 公開前の社内確認体制

最終チェックは複数人で行うことをお勧めします：

• 担当者：全体的なチェック
• 上司・経営者：会社情報・メッセージの確認
• 他部署の方：第三者目線でのチェック
• 実際の顧客に近い人：使いやすさの確認

③ 公開当日の流れ

公開当日は以下の流れで進めます：

1. 最終バックアップの取得
2. 公開作業実施（制作会社が実施）
3. 公開後の動作確認（依頼者・制作会社双方で確認）
4. 問題があれば即座に対応
5. 公開完了の確認

④ STEP4でのチェックリスト

□ 社内の複数人でチェックを完了したか
□ 各種ブラウザ・デバイスでの表示確認は完了したか
□ 問い合わせフォームのテスト送信は成功したか
□ 誤字・脱字・情報の誤りはないか
□ 公開後の運用体制は整っているか

社内での役割分担例

【担当者A】
・日常的な文章修正
・写真の追加・変更
・ブログ記事の投稿

【担当者B】
・新商品・サービス情報の追加
・イベント情報の更新
・採用情報の更新

【管理者】
・重要な会社情報の変更
・システム的な設定変更
・制作会社との連絡窓口

更新頻度の目安設定

□ 毎日：ブログ更新（可能であれば）
□ 週1回：新着情報・お知らせ
□ 月1回：サービス内容の見直し
□ 四半期：会社情報の確認
□ 年1回：全体的なコンテンツ見直し

保守契約に含まれる内容

□ WordPress本体の更新作業
□ プラグインの更新作業
□ セキュリティ監視
□ バックアップ取得・管理
□ 緊急時の復旧作業
□ 軽微な修正作業（月○回まで）
□ 電話・メールサポート

別途費用がかかる作業

□ 大幅なデザイン変更
□ 新機能の追加
□ 大量のコンテンツ追加
□ 新規ページ作成（月○ページ超過分）
□ 写真撮影・画像制作
□ SEO対策の追加施策

Google Analytics 4の設定

□ Google Analytics 4がサイトに設置されているか
□ 管理者権限でアクセスできるか
□ 基本的な見方を教えてもらったか
□ 月1回程度は数値を確認する予定があるか

最低限チェックすべき数値

• 月間ページビュー数：どれくらい見られているか
• 月間ユーザー数：何人の人が訪問しているか
• 問い合わせページの閲覧数：興味を持った人の数
• よく見られているページ：人気コンテンツの把握

問い合わせ受付から返信まで

1. 【受付】問い合わせフォームから連絡
   ↓
2. 【確認】担当者がメール内容を確認
   ↓
3. 【初回返信】24時間以内に受付確認メール
   ↓
4. 【詳細回答】3営業日以内に具体的な回答
   ↓
5. 【フォロー】必要に応じて電話等でフォロー

担当者不在時の対応

• 代理対応可能な人を決めておく
• よくある質問への回答を準備
• 緊急時の連絡方法を明確化

基本構成

1. 【背景・課題】なぜ今ホームページが必要なのか
2. 【目的・効果】何を目指すのか、どんな効果があるか
3. 【予算・期間】いくらかかるのか、いつ完成するのか
4. 【制作会社選定理由】なぜその会社を選んだのか
5. 【運用計画】作った後はどうするのか
6. 【リスク対策】何か問題が起きた時の対応策

説得力を高める書き方のコツ

数字を使った根拠提示

【悪い例】「競合他社もホームページを持っています」
【良い例】「同業界の企業10社中8社がホームページを保有しており、
          弊社のみホームページがない状況です」

具体的な効果予測

【悪い例】「問い合わせが増えると思います」
【良い例】「同規模企業の事例では、月平均15件の新規問い合わせ獲得を
          実現しており、弊社でも月10-20件の効果を期待できます」

簡単なROI計算例

【投資額】
・制作費：100万円
・年間運用費：24万円（月2万円×12ヶ月）
・3年間総投資額：148万円

【効果予測】
・月間新規問い合わせ：15件
・問い合わせからの成約率：20%
・月間新規受注：3件
・1件あたりの平均受注額：20万円
・月間売上向上：60万円
・年間売上向上：720万円

【ROI】
・3年間で2,160万円の売上向上効果
・投資額148万円に対して、約14.6倍のリターン

費用対効果を分かりやすく伝える表現

「月額約12,000円（年間148万円÷12ヶ月）の投資で、
 月60万円の売上向上効果が期待できます。
 これは従業員1人分の人件費以下の投資で、
 営業担当者1人分以上の成果が見込める計算です。」

競合分析の観点

【比較項目】
□ ホームページの有無
□ デザインの印象（プロフェッショナル度）
□ 掲載情報の充実度
□ 問い合わせのしやすさ
□ スマートフォン対応状況
□ 更新頻度
□ SEO対策状況（検索での見つけやすさ）

効果的な比較表の例

視覚的に分かりやすいスケジュール表

【全体スケジュール：4ヶ月】

10月 [準備・発注] 制作会社選定、契約
11月 [企画・設計] 要件定義、サイト設計
12月 [制作]      デザイン、システム構築
1月  [完成・公開] テスト、修正、公開

【各月の主な作業】
10月：相見積もり取得、制作会社決定、契約
11月：キックオフ、サイト構成決定、デザイン案確認
12月：デザイン確定、システム構築、コンテンツ制作
1月： 最終チェック、修正、公開、運用開始

スケジュール遅延リスクと対策

【想定されるリスク】
・素材（写真・文章）の準備遅れ：1-2週間遅延
・デザイン修正の長期化：2-4週間遅延
・年末年始の作業停止：1週間遅延

【対策】
・余裕をもったスケジュール設定（4ヶ月→5ヶ月想定）
・素材準備の早期着手
・修正回数の上限設定

STEP1：企画・設計段階

□ キックオフミーティングで要望を具体的に伝えたか
□ ターゲット・コンセプトに納得できるか
□ サイトマップは分かりやすい構成か
□ 必要なページが全て含まれているか
□ 制作スケジュールは現実的か
□ 不明点は制作会社に確認したか

STEP2：デザイン段階

□ ワイヤーフレームで情報の配置を確認したか
□ デザインは会社のイメージに合っているか
□ ターゲット層に響くデザインか
□ スマホ表示も確認して問題ないか
□ 修正点があれば具体的に伝えたか
□ 社内の複数人でデザインを確認したか

STEP3：システム構築段階

□ WordPress管理画面は使いやすそうか
□ スマホ・タブレット表示は問題ないか
□ 問い合わせフォームは正常に動作するか
□ 表示速度は遅くないか
□ 必要な機能は全て実装されているか
□ 進捗は予定通りに進んでいるか

STEP4：テスト・公開段階

□ 社内の複数人で最終チェックを完了したか
□ 各種ブラウザ・デバイスでの表示確認は完了したか
□ 問い合わせフォームのテスト送信は成功したか
□ 誤字・脱字・情報の誤りはないか
□ 公開後の運用体制は整っているか
□ バックアップ体制は確認したか

サイト公開後も以下のチェックを継続しましょう：

□ 月1回はサイト全体を確認しているか
□ 情報の更新は定期的に行っているか
□ 問い合わせ対応は適切に行えているか
□ アクセス数などの数値を確認しているか
□ 制作会社との連絡体制は維持できているか