会社のホームページの作り方｜はじめてでも迷わない手順と、各段階で決めること

「そろそろ会社のホームページを作りたい」「古くなったので作り直したい」と思っても、何から手をつければよいのか分からない、という声をよく聞きます。調べてみると、ドメイン、サーバー、WordPress、構成、SEOなど、知らない言葉がたくさん出てきて、手が止まってしまう方も多いのではないでしょうか。

この記事は、会社のホームページを作るときの「全体の地図」です。目的を決めるところから、載せる内容、作り方の選び方、ドメインとサーバー、文章と写真、デザイン、問い合わせフォーム、公開前の確認、公開後にやることまで、順番に並べました。それぞれの段階で「何を決めればよいか」を短くまとめ、くわしく知りたいところは別の記事へご案内します。はじめて作る方も、作り直す方も、いま自分がどこにいるのかを確かめながら読んでみてください。

会社のホームページができるまでの全体の流れ

まず、全体の流れを表にまとめます。作り方（自分で作るか、制作会社に頼むか）が違っても、進める順番はほとんど同じです。

段階	決めること	くわしい記事
1. 目的	何のために作るか、誰に見てほしいか	この記事
2. 内容と構成	載せる内容と、ページの分け方	ページ数と構成
3. 作り方	自分で作るか、サービスか、WordPressか、制作会社か	自作・依頼先の選び方
4. ドメインとサーバー	アドレスと置き場所、誰の名義にするか	ドメインとサーバー
5. 文章と写真	ページに載せる材料	写真と文章の用意
6. デザイン	見た目の方向性、スマホでの見え方	この記事
7. フォームと方針	問い合わせフォーム、プライバシーポリシー	フォーム・プライバシーポリシー
8. 公開前の確認	間違い、動き、見え方の点検	この記事
9. 公開	公開日、古いサイトからの切り替え	制作の流れ
10. 公開後	検索とアクセスの確認、Googleマップ、更新	サーチコンソール・GA4

大切なのは、上から順に進めることです。特に「目的」と「内容と構成」を飛ばして、いきなりデザインや作り方から考え始めると、あとで載せる内容が足りなかったり、ページの作り直しが起きたりします。制作する側から見ても、最初の2つが固まっている会社は、そのあとがとてもスムーズに進みます。

依頼する場合の段階ごとの役割分担や期間は、ホームページ制作の流れと期間でくわしく紹介しています。

1. 目的を決める：何のために、誰に見せるか

最初に決めるのは、ホームページの目的です。「会社なら持っていて当たり前だから」でもかまいませんが、もう一歩だけ具体的にしておくと、載せる内容や優先する順番がはっきりします。

会社のホームページの目的は、たとえば次のようなものです。

• 新しい取引先からの問い合わせを増やしたい：何ができる会社か、どんな仕事を受けているかを分かりやすく見せることが中心になります。
• 取引先に会社を説明したい：商談や紹介のあとに見られることを考えて、会社の概要、設備、実績の種類、品質への取り組みなどを整えます。
• 採用に使いたい：仕事の内容、働く人、一日の流れ、職場の雰囲気など、求職者が知りたいことを載せます。
• 電話での問い合わせ対応を減らしたい：よくある質問、所在地、営業時間、依頼の流れなどを先に見せておきます。

目的がいくつもある場合は、いちばん大切なものを一つ決めておきましょう。全部を同じ重さで扱うと、トップページに情報が並ぶだけで、何の会社なのかが伝わりにくくなります。

あわせて、「誰に見てほしいか」も書き出します。発注先を探している会社の購買や設計の担当者なのか、仕事を探している若い人なのか、既存の取引先なのか。読む人によって、知りたいことも、使う言葉も変わります。たとえば購買の担当者なら「対応できる仕事の範囲」「ロットや納期の考え方」「問い合わせの方法」を早く知りたいはずです。

この段階で決めておくと便利なことを、もう少し挙げておきます。

• 公開したい時期：展示会、求人の開始、決算や期の変わり目など、決まっている予定
• 予算の幅：上限があると、作り方やページ数を決めやすくなります
• 社内の担当者と、最後に決める人：やりとりをする人と、「これでよい」と決める人

作り直しの場合は、いまのホームページの困りごとも書き出しておきます。「スマホで見づらい」「情報が古いのに自分たちで直せない」「問い合わせが来ない」など、困りごとがそのまま新しいサイトの目標になります。

2. 載せる内容とページ構成を決める

目的と読む人が決まったら、次は「何を載せるか」と「どうページを分けるか」です。会社のホームページで、多くの会社がそろえているページは次のとおりです。

ページ	主に載せること
トップページ	何の会社か、できること、各ページへの入口
事業・サービス内容	受けている仕事の範囲、対応できること、向いている用途
実績・事例	手がけた仕事の種類や例（載せてよい範囲で）
会社概要	社名、所在地、設立、代表者、事業内容、地図など
採用情報	募集の内容、仕事の様子、応募の方法
お知らせ	休業日、新しい設備、展示会の出展など
お問い合わせ	フォーム、電話番号、受付時間
プライバシーポリシー	個人情報の扱い

すべてを最初からそろえる必要はありません。目的が「取引先への会社説明」なら、トップ・事業内容・会社概要・お問い合わせの4〜5ページで始める方法もあります。反対に、事業が複数ある、採用に力を入れたい、という場合は、事業ごと・職種ごとにページを分けたほうが読みやすくなります。

ページ構成を考えるときは、紙に「サイトマップ」（ページの一覧と、つながりを木の形に書いた図）を書いてみるのがおすすめです。トップページの下に、どのページがぶら下がるかを書き出すだけで、足りないページや、重なっているページに気づけます。ページ数の目安や業種ごとの構成例は、ホームページは何ページ必要？でくわしく紹介しています。

この段階で、メニュー（ページの上に並ぶ項目）の名前も考えておくと、あとの作業が楽になります。社内だけで使っている言葉ではなく、読む人が見て分かる言葉にするのがコツです。

3. 作り方を選ぶ：4つの方法の比較

会社のホームページの作り方は、大きく分けて次の4つです。

• 自分でコードを書いて作る：HTMLやCSSという、ページを作るための言葉を書いて作ります。
• ホームページ作成サービスを使う：ひな形を選び、画面の上で文章や写真を入れて作るサービスです。サーバーなどの準備もまとめて用意されていることが多いです。
• WordPressを使う：ホームページを管理するための無料のソフトです。自分でサーバーに入れて使います。
• 制作会社に頼む：目的の整理から、デザイン、組み込み、公開までを任せます。

それぞれの違いを表にまとめます。

	自分でコードを書く	作成サービス	WordPress	制作会社に頼む
必要な知識	多い	少ない	中くらい	少ない（作業は任せる）
お金	抑えやすい	月額や年額の利用料	サーバー・ドメイン代など	制作の費用がかかる
社内の時間	とても多い	多い	多い	打ち合わせと確認の時間
見た目の自由さ	高い	ひな形の範囲	高い（知識しだい）	高い
公開後の管理	自分たちで	サービス側が多くを担う	更新やセキュリティの対応が必要	契約の内容による
向いている場合	社内に作れる人がいる	まず小さく始めたい	自分たちで記事を増やしたい	問い合わせや採用につなげたい、社内に時間がない

どれが正解ということはありません。ただ、制作する側から見ていて多いのは、「お金をかけずに自分たちで作り始めたが、本業が忙しくて途中で止まってしまった」というケースです。作業そのものよりも、「何をどう書くか」を考える時間のほうがかかる、ということは覚えておくとよいと思います。

自分たちで作る場合の方法と注意点はホームページを自分で作るには？で、WordPressが向いているかどうかはホームページにWordPressは必要かで紹介しています。制作会社に頼む場合は、ホームページ制作会社の選び方で、依頼する前に確かめたいことをまとめています。

なお、全部を自分たちで作るか、全部を頼むか、の二択ではありません。構成とデザインだけ頼んで、お知らせの更新は自分たちでする、という分け方もよくあります。

4. ドメインとサーバーを用意する

ホームページを公開するには、ドメインとサーバーが必要です。

• ドメイン：ホームページの住所にあたるものです。「〇〇.co.jp」「〇〇.com」などで、メールアドレスにも使われます。
• サーバー：ホームページのデータを置いておく場所です。ドメインが住所なら、サーバーは土地にあたります。

ドメインを選ぶときに会社でよく使われるのが「co.jp」です。co.jpは、日本国内で登記を行っている会社が登録できるドメインで、原則として一つの組織で一つだけ登録できます。そのため、「登記している会社である」ことが伝わりやすいドメインです。

この段階でいちばん大切なのは、ドメインとサーバーを誰の名義で契約するかです。制作会社の名義で契約されていると、あとで制作会社を変えたいときや、作り直したいときに、ドメインを移すのに手間がかかったり、同じアドレスを使い続けられなくなったりすることがあります。メールアドレスも同じドメインを使っているなら、影響はさらに大きくなります。ドメインとサーバーは、できるだけ自社の名義で持っておきましょう。

あわせて、ホームページを「https」で始まるアドレスで表示できるようにしておきます（SSL化といいます）。いまはほとんどのサーバーで設定できます。くわしくは「保護されていない通信」と出るのはなぜ？をご覧ください。

ドメインとサーバーのしくみや選び方、確かめておきたいことは、ドメインとサーバーとは？でくわしく紹介しています。

5. 文章と写真をそろえる

ページ構成が決まったら、それぞれのページに載せる文章と写真をそろえます。ここは、どの作り方を選んでも、会社の側でしか用意できない部分です。制作会社に頼む場合でも、元になる情報は会社から出していただく必要があります。

進め方のコツは、ページごとに「必要なもの」を書き出してから集めることです。たとえば事業内容のページなら、「受けている仕事の種類」「対応できる範囲」「向いている用途」「現場や設備の写真」、会社概要なら「社名・所在地・設立・代表者・事業内容」と「外観の写真」、というように表にしておくと、足りないものがすぐに分かります。

文章の材料は、社内にたくさんあります。会社案内のパンフレット、見積りのときによく聞かれる質問、営業の担当者がいつも話している説明などです。ゼロから書こうとせず、まずそれらを集めてみましょう。書くときは、次のことを意識すると読みやすくなります。

• 一つの文を短くする
• 社内だけで通じる言葉や略語は、言いかえるか説明を添える
• 「高品質」「丁寧」などの言葉だけでなく、何ができるのかを具体的に書く
• 読む人が次に何をすればよいか（問い合わせ、資料の確認など）を書いておく

写真は、ホームページの印象を大きく左右します。フリー素材の写真だけで作ると、どの会社も同じように見えてしまいます。現場、建物の外観、働く人の様子など、自社の写真を用意しましょう。スマホでも、明るい時間に、整理された場所を、横向きで撮るだけでかなり見やすくなります。写真に人が写る場合は本人の了解を取る、取引先の製品や図面が写り込んでいないかを確かめる、といった点にも気をつけます。

文章と写真の集め方、撮り方のコツは、ホームページに載せる写真と文章の用意のしかたでくわしく紹介しています。

6. デザインを決める

デザインは、好みで選ぶものと思われがちですが、会社のホームページでは「読む人にとって分かりやすいか」が一番の基準です。決めるときは、次のことを考えます。

• 雰囲気の方向性：信頼感、親しみやすさ、技術力など、どんな印象を持ってほしいか
• 会社の色：ロゴや会社案内で使っている色があれば、それに合わせると統一感が出ます
• スマホでの見え方：パソコンだけでなく、スマホで見たときに文字が小さすぎないか、ボタンが押しやすいか
• 問い合わせの入口：どのページを見ていても、問い合わせの方法がすぐに見つかるか

デザインの意見を伝えるときは、「なんとなく違う」よりも、「もっと現場の写真を大きく見せたい」「文字を読みやすくしたい」のように、目的に近い言葉で伝えると、直す方向がはっきりします。参考にしたいホームページがあれば、どこが良いと思ったのかを添えて見せるのも分かりやすい方法です。

社内で意見を集めるときは、まとめて一つにしてから伝えましょう。担当者ごとにばらばらに意見を出すと、どれを優先すればよいか分からなくなり、修正が増える原因になります。

7. 問い合わせフォームとプライバシーポリシーを用意する

会社のホームページでは、多くの場合、問い合わせフォームを置きます。電話やメールよりも気軽に連絡できるため、営業時間外や、電話をかけるほどではない相談の入口になります。

フォームで決めることは、主に次のとおりです。

• 入力してもらう項目：会社名、氏名、連絡先、問い合わせの内容など。必須の項目を増やしすぎると、途中でやめる人が増えます。
• 送ったあとの画面と、自動の返信メール：送信できたことと、いつごろ返事をするかを伝えます。
• 届く先：誰のメールアドレスに届くか、担当者が休みのときに誰が見るか。
• 迷惑な送信への対策：機械的な送信を減らす仕組みを入れるかどうか。

項目の決め方や、目的別の項目の例は、問い合わせフォームの項目は何を聞く？でくわしく紹介しています。

フォームで名前や連絡先を受け取るなら、個人情報の扱いを決めておく必要があります。個人情報保護法では、個人情報を取得したときは、あらかじめ利用目的を公表している場合を除き、速やかに利用目的を本人に通知するか、公表することが求められています（第21条）。公表の方法として、ホームページへの掲載が挙げられています。そのため、会社のホームページでは、利用目的などをまとめたプライバシーポリシーのページを置き、フォームの近くから見られるようにしておくのが一般的です。

アクセス解析を入れる場合は、そのことも書いておきます。載せる項目と書き方は、プライバシーポリシーの書き方で紹介しています。

8. 公開前に確かめること

ページができあがったら、公開する前に全体を見直します。公開してから間違いに気づくと、取引先や求職者にそのまま見られてしまいます。確かめたいのは、次のようなことです。

• 内容の間違い：社名、住所、電話番号、地図、代表者名、設立年、営業時間などに誤りがないか
• 古い情報：今はやっていない事業や、古い設備・人数が残っていないか
• リンク：メニューやボタンを押して、正しいページに移るか
• フォーム：実際に送信して、届くか、自動の返信メールが届くか
• スマホでの見え方：自分のスマホで全ページを見て、崩れや読みにくいところがないか
• 写真：載せてよい写真か、写っている人の了解は取れているか
• ページの名前：検索結果に表示されるページの名前（タイトル）が、ページごとに分かりやすく付いているか

確かめるときは、作った人とは別の人にも見てもらうのがおすすめです。作った人は内容を知っているぶん、間違いを読み飛ばしてしまいがちです。最後に決める人（社長など）にも、公開の前に必ず目を通してもらいましょう。

作り直しの場合は、古いホームページからの切り替えも確かめます。古いページのアドレスにアクセスした人が、新しいページに案内されるようにしておくと、ブックマークや検索から来た人を取りこぼしにくくなります。

9〜10. 公開と、公開後にやること

ホームページは、公開したら終わりではありません。むしろ、公開してからが本番です。公開したら、まず次のことを進めましょう。

Search Console（サーチコンソール）に登録する

Search Consoleは、Googleの検索でホームページがどう見えているかを確かめられる、Googleの無料のサービスです。登録しなくても検索結果に表示されることはありますが、登録すると、どんな言葉で検索されて表示されたか、検索に載っていないページはないか、といったことが分かります。登録したら、ページの一覧（サイトマップ）を送っておきます。手順はサーチコンソールの使い方で紹介しています。

Googleアナリティクス（GA4）を入れる

Googleアナリティクスは、ホームページに何人が来て、どのページが見られているかを調べられる、無料のアクセス解析のツールです。問い合わせの数も計れるようにしておくと、ホームページが役に立っているかを数字で確かめられます。導入と見方はGoogleアナリティクスの使い方をご覧ください。

Search ConsoleもGoogleアナリティクスも、持ち主は自社のアカウントにしておき、制作会社には権限だけを渡す形にしておくと、あとで困りません。

Googleマップの情報を整える

会社名で検索したとき、Googleマップに会社の情報が出ることがあります。Googleビジネスプロフィールを使うと、所在地、営業時間、電話番号、写真、ホームページのアドレスなどを、無料で登録・管理できます。ホームページと内容をそろえておきましょう。整え方はGoogleマップで選ばれる会社の共通点で紹介しています。

更新を続ける

お知らせが何年も前のまま、という状態は、「この会社は今も営業しているのかな」と思われる原因になります。新しい設備、展示会への出展、休業日、採用の情報など、更新する場面をあらかじめ決めておき、誰が担当するかも決めておきましょう。毎月・毎年かかる費用は、ホームページの維持費・管理費の相場でまとめています。

費用と期間の考え方

費用は、作り方とページ数、そして「どこまでを任せるか」で大きく変わります。文章づくりや写真の撮影、問い合わせフォーム、公開後の更新まで頼むのか、それとも材料は自分たちでそろえるのかによって、同じページ数でも作業の量が違うからです。インターネットで見かける「相場」は、含まれる作業の範囲がそれぞれ違うので、そのまま比べないほうが安全です。

また、作るときの費用だけでなく、毎年・毎月かかる費用（ドメイン、サーバー、更新や保守を頼む場合はその費用）も合わせて考えておきましょう。費用が何で決まるかは、ホームページ制作の費用は何で決まる？でくわしく紹介しています。

参考までに、マツケンスタジオの料金と期間の目安は次のとおりです。

ページ数	料金	期間の目安
1ページ（LP）	15万円〜	数週間〜1か月ほど
2〜5ページ	30万円〜	1〜3か月ほど
6〜20ページ	60万円〜	1〜3か月ほど
21ページ以上	お見積り	お見積りの際にご相談

マツケンスタジオでは、ドメインとサーバーはお客様の名義のままで進め、最初のご相談から公開後まで同じ担当が対応します。公開後の更新や改善も続けてご相談いただけ、社内での更新が難しい場合は、月額のサポートで代わりに更新することもできます。Googleマップの登録や整備からお手伝いすることも可能です。

期間は、制作の作業よりも、文章や写真の準備と、社内での確認に時間がかかることが多いです。公開したい日が決まっている場合は、そこから逆算して、早めに動き始めるのがおすすめです。

よくある失敗

制作する側から見て、会社のホームページづくりでよくある失敗を挙げます。

• 目的を決めずに作り始める：何を伝えたいのかがはっきりしないまま進み、できあがってから「思っていたのと違う」となります。
• デザインから考える：見た目を先に決めると、載せたい内容が入りきらなかったり、ページを足すたびに形が崩れたりします。
• ドメインやサーバーの名義を確かめない：制作会社を変えたいときに、アドレスを移せず困ることがあります。
• 文章と写真の準備が後回しになる：材料がそろわず、公開の日がどんどん延びていきます。
• 最後に決める人が、最後にだけ見る：公開の直前に大きな変更が入り、やり直しになります。
• 公開したまま、何年も放っておく：情報が古くなり、問い合わせにもつながらなくなります。

どれも、この記事の順番どおりに進め、それぞれの段階で決めることを決めておけば、防ぎやすいものです。

会社のホームページづくりのチェックリスト

最後に、ここまでの内容をチェックリストにまとめます。いまどこまで進んでいるかを確かめるときに使ってください。

段階	確かめること
目的	いちばん大切な目的と、見てほしい人が決まっている
予定	公開したい時期、予算の幅、社内の担当者と最後に決める人が決まっている
構成	サイトマップを書き、必要なページとメニューの名前が決まっている
作り方	4つの作り方を比べ、社内の時間と予算に合う方法を選んだ
ドメイン	ドメインとサーバーが自社の名義になっている、httpsで表示される
材料	ページごとに文章と写真がそろい、載せてよいかを確かめた
デザイン	スマホで見やすく、どのページからも問い合わせ方法が分かる
フォーム	送信のテストをし、届く先と返事をする人が決まっている
方針	プライバシーポリシーのページがあり、フォームの近くから見られる
公開前	別の人と最後に決める人が全ページを確かめた
公開後	Search Console、Googleアナリティクス、Googleマップの情報を整えた
更新	更新する場面と担当者が決まっている

まとめ

会社のホームページの作り方は、目的を決める、載せる内容と構成を決める、作り方を選ぶ、ドメインとサーバーを用意する、文章と写真をそろえる、デザインを決める、フォームとプライバシーポリシーを用意する、公開前に確かめる、公開して育てる、という順番で進めます。

どの作り方を選んでも、最初の「目的」と「内容と構成」がしっかりしていれば、そのあとの判断がしやすくなります。また、ドメインとサーバーを自社の名義で持つこと、公開したあとも数字を見て更新を続けることは、長くホームページを使っていくうえで大切なポイントです。

それぞれの段階でくわしく知りたいことがあれば、この記事で紹介した記事もあわせて読んでみてください。「自分たちだけで進めるのは難しそう」「どこから手をつければよいか相談したい」という場合は、マツケンスタジオにお気軽にご相談ください。最初のご相談から公開後まで、同じ担当がご一緒します。