ホームページは、デザインや制作方法を先に選ぶのではなく、「誰に何を伝え、どの行動につなげたいか」を決めてから作ると、公開までの判断がぶれにくくなります。初めて作る場合も、担当を一人で抱え込まず、決めることと確認することを順番に分ければ進められます。

ホームページを初めて持つこと自体の意味や、公開後まで含めた全体像は、初めての会社ホームページ制作で確認できます。ここでは、自分で作る場合も制作会社に依頼する場合も使える、7段階の作業と確認に集中します。各段階で何を残せば次へ進めるかを確かめましょう。

作り方は「目的から公開まで」をつなげて考える

段階決める・行うこと次へ進む前の確認
1. 目的整理問い合わせ、採用、来店など、サイトで増やしたい行動を決める目的を一文で説明できる
2. 相手の整理優先して伝えたい相手と、その人の疑問を洗い出す相手が知りたいことを列挙できる
3. 内容設計必要なページ、原稿、写真、問い合わせまでの流れを決める各ページの役割が重複していない
4. 制作準備担当者、素材の提出時期、確認・承認方法を決める誰がいつ判断するか明確
5. 制作原稿、デザイン、実装を確認しながら進める目的と相手に照らして修正できる
6. 公開前確認表示、フォーム、リンク、連絡先、権限を確認する実機で必要な行動を試した
7. 公開公開後の連絡先、更新担当、見直し時期を決める更新と問い合わせ対応の担当がある

ステップ1:目的を具体的にする

「会社を知ってもらいたい」だけでは、必要なページや優先順位を決めにくくなります。たとえば「新規の相談で、事業内容を説明する時間を減らしたい」「採用候補者に仕事の内容を理解してもらいたい」のように、サイトを見た人にしてほしい行動と、その前に必要な理解を言葉にします。

Bämでは、表現やSEOを目的そのものとせず、問い合わせ・売上・採用などの事業上の目的から必要な情報を考えます。目的が曖昧なまま進めるより、最初に仮の目的を置き、制作中の確認基準にします。「誰に、何を理解してもらい、その後どうしてほしいか」を短い一文にして残してください。

ステップ2:読む相手と疑問を整理する

目的が決まったら、初めて来る人、他社と比較する人、応募を考える人など、先に答えたい相手を決めます。社内で言いたいことを並べる前に、普段受ける質問や説明し直していることを書き出しましょう。

たとえば修理の相談を受けたい会社なら、「何を直せるか」「どの地域へ来てもらえるか」「相談前に何を伝えるか」が候補になります。これは説明用の例です。実際に対応できる内容は担当者に確認し、相手の疑問と回答を対にして残します。材料が集まっていない場合はホームページをゼロから始めるときの準備物を先に確認してください。

ステップ3:必要なページと素材を対応させる

  • 会社・事業の説明:何をしている会社か、誰のどんな課題に応えるか
  • サービス・商品:内容、利用の流れ、事前に確認してほしいこと
  • 選ばれる理由:自社の考え方、対応範囲、判断材料
  • 実績・事例:公開できる範囲での背景と担当内容
  • お問い合わせ:相談前に必要な情報、連絡方法、受付後の流れ

ページ数を増やすことが目的ではありません。各ページに「読み終えた人が分かること」を一つずつ置き、同じ説明を繰り返さないようにします。原稿、写真、ロゴ、既存の会社資料など、用意できる素材と不足している素材も同時に整理してください。

原稿には「正式な住所は確認中」など、未確定と分かる印を付けます。仮の料金や写真をそのまま公開しないよう、誰が確認するかも一覧に残してください。会社案内のページ分けはコーポレートサイトの基本構成が参考になります。

会社資料と仕事の写真を机に広げ、掲載する内容を相談する二人
ページで伝えることを決めてから、説明に使う原稿と写真を対応させます。今ある資料と、確認が必要な内容を分けておきます。

ステップ4:作る方法と担当を決める

自分で作るか外部へ依頼するかは、画面を作れるかだけでなく、公開後に管理できるかまで含めて考えます。ホームページ作成サービス、WordPress、制作会社への依頼などの候補について、必要な機能と自社で担う作業を確かめます。

作業の分け方始める前に確かめること
自社で作って管理する試しに1ページを作れるか、フォームや公開設定を確認できるか、困ったときの相談先はあるか
制作会社へ依頼する原稿、写真、設定、テストのどこまでを頼むか、自社で確認する人と期限は決まっているか
制作は依頼し、日々の更新は自社で行う自社が編集できる範囲、操作の引き継ぎ、更新時の相談先が決まっているか

WordPressは、管理画面からページや記事を編集する仕組みの一つです。更新方法から選びたい場合は中小企業向けの更新システムの選び方、依頼側の確認方法は制作中の確認と修正依頼のまとめ方をご覧ください。ドメインはホームページの住所、サーバーはデータを置く場所です。既存の契約があるなら、新しく取り直す前に契約者と管理担当を確認します。

ステップ5:まず1ページを作り、表示を確かめる

  1. 相手に伝わるか。社内用語だけで説明していないかを確認します。
  2. 目的につながるか。各ページが問い合わせ、比較、応募などの次の行動を支えているかを見ます。
  3. 運用できるか。公開後に自社で更新する情報と、外部へ依頼する作業の境界を確認します。

最初から全ページの見た目を作り込まず、代表するサービスページなど1ページで、見出し、説明文、写真、問い合わせ先までを作って確認します。内容と配置の考え方が固まってから、ほかのページへ広げると判断をそろえやすくなります。

WordPressなら会社案内などは「固定ページ」で作り、タイトルと本文を入れます。ブロック編集では文章や画像を一つずつ配置できます。公開する前に下書きとして内容を確認し、使うテーマに合わせてホーム画面とメニューを設定します。公式資料でも、固定ページの作成と、作ったページをナビゲーションに加える考え方が説明されています。操作画面は利用環境で異なるため、分からない設定は管理担当へ確認してください。

新しいページを作っただけで、読者が必ず見つけられるとは限りません。メニューや関連する本文からそのページへ進めるか、そこから問い合わせ先へ進めるかを、実際にクリックして確かめます。制作会社との工程全体はホームページ制作の流れと担当範囲にまとめています。

同じ会社案内ページをパソコンとスマートフォンで見比べる担当者
一つの画面で整っていても、別の端末で同じように読めるとは限りません。公開前に普段の端末で文章、画像、次のページへの進み方を確かめます。

ステップ6:公開前チェックリストを実機で確認する

  • スマートフォンとパソコンで、文字・画像・メニューが読める
  • 問い合わせフォームを実際に送信し、受信と返信先を確認した
  • 電話番号、メールアドレス、営業時間などが最新である
  • リンク切れ、仮テキスト、未許可の画像・文章がない
  • 管理画面、ドメイン、サーバーなどの契約者と管理者が分かる
  • 公開後に更新する情報と、その担当者・頻度を決めている

試験用の問い合わせは、宛先と内容を関係者で決めてから送ります。管理画面のプレビューだけで終わらず、公開する環境で表示と連絡の流れを確認し、問題があれば直した後でもう一度試してください。チェック結果には確認した人と日付を残します。

ステップ7:公開し、更新と確認の担当を引き継ぐ

公開する人、公開後に確認する人、問題が起きたときの連絡先を決めます。公開用のURLでページが開き、メニューやフォームが動くことを確認してから、名刺、SNS、メール署名などの案内先をそろえます。すでに公開中のホームページを変更する場合は、元のURLやメールの設定へ影響しないか、作業前に確認してください。

WordPressの「検索エンジンでの表示」にある検索を抑制する設定は、ページを秘密にする機能ではありません。未公開の情報を守るには、ログインなど別のアクセス制限が必要です。公開サイトを検索に出したい場合は、公開用の設定を管理担当と確認します。テスト環境の制限まで一緒に解除しないでください。

ページを公開できたことと、Googleが内容を取得・登録したことは分けて確認します。Google Search Consoleは、検索エンジンからの見え方を確かめる道具です。担当者に公開ページの確認を依頼し、検索結果に出ないときも、すぐにURLを変えるのではなく設定と取得状況を調べます。

公開後は、料金や営業時間などの変更を誰が直すか、バックアップやシステム更新を誰に任せるかを記録します。ホームページ保守と更新の担当分担を使い、担当者が替わっても分かる形で引き継いでください。

作る前に相談したい場合

目的や必要なページがまだ固まっていない場合は、制作方法を決める前に現状と優先順位を整理します。Bämのホームページ制作サービスで支援範囲を確認できます。7つの段階のうち、今どこで止まっているかをホームページ制作の準備と進め方を相談するからお聞かせください。

参考資料