ホームページ制作の手順

STEP1：企画を考える

1. 目的、ゴールを考える

ホームページを通して何をしたいかを明確にしなければなりません。なぜなら、目的やゴールによってどのようなホームページを制作するのかが決まってくるからです。 たとえば、集客を目的としたホームページなのか、自社のイメージ向上のためのホームページなのか、ホームページが果たす役割によって制作すべきものは違います。 集客を目的としているのであれば、SEO対策を施す必要があるため、SEO対策に強みのある制作会社に依頼する必要があるでしょう。自社のイメージ向上のためのホームページであれば、デザイン性の高い制作会社が合っています。

2. ターゲットを考える

ターゲットとは、サービスを利用するユーザーのことです。 年代や性別、既婚、未婚などでユーザーを絞り込んでいきます。ターゲットを設定することで得られるメリットは、具体的な顧客のニーズを把握しやすい点や、ユーザー目線で意思決定できる点、ユーザーに最適なデザインを実現しやすくなる点などがあります。

3. コンセプトを考える

コンセプトとは簡単に言えば「誰に何を伝えたいか」ということをまとめたものです。制作の初期段階でコンセプトを決めておくと、制作中にメンバー間でイメージの食い違い起こりにくくなります。

4. 掲載する内容を考える

目的を実現するために必要な情報を洗い出し、ホームページに掲載する内容を決めましょう。事前に掲載する内容を決めておくことで、掲載抜けを防げるほか、不要なページの作成により余計なコストをかけてしまうことも防止できます。 自社の認知度やイメージアップのためのホームページであれば、トップページと会社概要、連絡先、会社までのアクセス程度で十分でしょう。しかし、集客をしたいのであれば、基本的な情報に加えて、過去の事例を紹介するページやQ＆A、問い合わせページなども必要になります。また、ホームページから直接的に商品を販売したい場合は商品販売ページも必要です。

STEP２：構成決めやワイヤーフレーム作成などの設計をする

1 . 構成を決める

設計のフェーズで最初に行うことは、ホームページの構成を決めることです。 ホームページだけではなく、何かを作るときには完成予想図や設計図は欠かせません。ホームページの設計図にあたるものがサイトマップです。サイトマップがないと、制作の途中で何を目指せばいいかわからなくなってしまう場面も出てくるでしょう。 目的を達成するために、どのページが必要なのか、どのような導線でユーザーに閲覧してもらうのかなどをサイトマップに落とし込んでいきます。 企画の段階で設定したターゲットやペルソナ、ホームページのコンセプトを落とし込んだうえで、サイトマップを制作しましょう。サイトマップは、企画のフェーズで洗い出した、ホームページに必要なページをカテゴリ別に分類していくことで作成できます。

2. ワイヤーフレームを作成する

次に、ワイヤーフレームを作成します。ワイヤーフレームとは、「ワイヤー(線)」と「フレーム(骨組み)」を使って、各ページの「どこ」に「なにを記載するか」を表した図です。ラフデザインのようなものをイメージしてください。サイトマップだけでもホームページは作成できますが、ワイヤーフレームも作成することをおすすめします。 ワイヤーフレームを作成することのメリットには、プロジェクトのメンバーとイメージや認識を共有しやすい点や、アイデア出しの促進に繋がる点などがあります。 ワイヤーフレームをたたき台にすることで、メンバー間でより良いアイデアを出し合っていくことができるでしょう。ホームページ制作会社に外注した場合、通常は制作会社がワイヤーフレームを作成します。ただ、ワイヤーフレームを自社で作成すると料金が安くなる会社もあるため、少しでも費用を抑えたい方はワイヤーフレームの作成に挑戦してみてはいかがでしょうか。

STEP3：デザインやコーディングなど制作・実装をする

1. 画像やテキストを用意する

デザイン制作に入る前に、ホームページで使用する画像やテキストを用意します。ホームページ制作会社に外注する場合でも、画像やテキストは自社で用意することが一般的です。もちろん、制作会社に用意してもらうことも可能ですが、その場合は制作料金とは別に追加費用が発生します。ホームページ制作費用を抑えたい方は、できるだけ自社で画像やテキストを用意しましょう。 画像やテキストを用意するときは、著作権に注意が必要です。 インターネット上の画像やテキストを勝手に使用してしまうことは、著作権の侵害にあたってしまいます。テキストの無断使用は著作権侵害のほか、悪意があると検索エンジンから判断されるとペナルティを受けてしまうため、用意する際はしっかり確認しましょう。

2. デザインを作る

ホームページに使用する画像やテキストが用意できたら、デザイン制作を行います。 ホームページのデザインは、ユーザーから別のページでも同一のホームページのものであるとわかってもらう必要があります。 そのため、デザインの印象やテキストのフォントなどに統一感を持たせなければなりません。 また、ホームページの目的やユーザーのペルソナに合ったデザインである必要があります。企画の段階で洗い出した目的やコンセプトを念頭にデザインを決めていきましょう。デザイン制作は、画像やテキストと違い、外注した場合は制作会社が行います。制作会社と一口に言っても、会社によって得意な分野が異なります。そのため、自社のニーズに合ったデザインを提案してもらえる制作会社選びも重要です。

3. コーディングをする

ホームページ制作の最終段階がコーディング作業です。コーディングは、HTMLやCSSといった言語でホームページのプログラムを作成することを指します。 コーディングを行わないままでは、画像もテキストもブラウザで表示できません。 コーディングは、プログラミング言語の知識が必須なので、外注の場合は制作会社が行います。ただ、制作会社のなかにはコーディングだけを代行している会社もあります。そのため、コーディング以外は自社で作成して、コーディングだけを外注することも可能です。トップページのコーディングの平均費用は1万円～4万円、下層ページは5,000円～2万円と、一からホームページの制作を依頼するよりはるかに低価格なので、費用を抑えたい方におすすめします。

STEP4：公開をする

1. サーバーを準備する

ホームページ制作後に、はじめに行わなければならないことがサーバーを準備することです。サーバーは、インターネット上の土地のようなものをイメージしてください。作っただけでは、そのホームページは公開できません。サーバーがあってはじめて、世界中の人のパソコンやスマートフォンで表示できるようになります。 サーバーは無料のものと有料のものがありますが、無料のものには独自ドメインが使えない、広告表示がある、容量が小さいといったデメリットがあります。有料のサーバーにはこうしたデメリットはありません。

2. 独自ドメインを取得する

次に、独自ドメインを取得します。 ドメインとは「インターネット上の住所」のことで、Webサイトがどこにあるかを判別する情報として利用します。 取得したドメインはユーザーの所有物となるため、レンタルサーバーなど、ドメインを利用するサービスを変更してもそのままお使いいただけます。

独自ドメインを取得しなくてもホームページを持つことはできますが、企業のホームページでは独自ドメインを取得することが一般的です。 それは、独自ドメインを持つことによって自社の印象が格段に良くなるというメリットがあるからです。 仮に、ABC社という会社の場合を考えてみましょう。独自ドメインの場合は「〇〇〇@abc.co.jp」というアドレスを取得できますが、共有ドメインの場合は@の右側はドメインサービス会社のものになります。どちらがユーザーから信頼されるかと言えば、独自ドメインではないでしょうか。なお、独自ドメインの登録料、年間更新料ともに1,000円から2,000円ほどが相場です。

3. ファイルをアップロードする

サーバーとドメインの準備ができたら、パソコン内にあるファイルをサーバー上にアップロードして、ホームページを公開します。 ファイルのアップロードを経てはじめて、ホームページが世界中から閲覧可能な状態になるわけです。 ファイルをアップロードする際には、FTPソフトなどの専用のソフトを使用します。FTPソフトには、無料のものと有料のものがあります。最近は無料ながら機能が充実したFTPソフトが多数リリースされているため、有料ソフトが必須というわけではありません。とはいえ、機能面や操作性、そして一番重要なセキュリティ機能はやはり有料のものが優れています。また、有料ソフトはサポートが充実している点も魅力です。

4. ホームページの公開が正常にできているか確認する

ホームページを公開後、正常に表示されているかのチェックを行いましょう。 画像やテキストが適切に表示されているかといったことはもちろん、リンクは正しく遷移するかなど、リンクボタン一つひとつをクリックして細かく確認していきます。 チェックの際に、正しく表示されない、正しいページに遷移できないなどの不具合が見つかれば、できるだけ早期に修正してアップロードしなおしましょう。 昨今のホームページはパソコンのほか、スマートフォンやタブレットでも表示できるレスポンシブデザインが一般的です。スマートフォンやタブレットでも正しく表示できるかについても確認してください。

5. 検索エンジンに公開を知らせる

公開したホームページをより多くの人に閲覧してもらうためには、検索サイト経由でホームページを訪問してもらうことが最も効率的です。 しかし、ホームページの公開直後は、検索エンジンはそのホームページの存在を認識していません。自ら検索エンジンに公開を知らせることが必要です。 Googleの場合は、Googleアカウントを作成し、「Google Search Console」というツールでホームページを登録。ツールからGoogleに公開を通知できます。Yahoo!は、Googleと同じ検索システムを使用していますので、特別なYahoo!対策は必要ありません。

STEP5：運用

制作までのスケジュール