自社のWebサイトの構築に力を入れている企業が増えています。魅力的なWebサイトは、企業イメージを高めますが構築するには多くの工程があり、高い知識と技術が必要です。Webサイト構築の流れを把握できれば、内製すべきか外注すべきかを判断できます。今回は、主にWebサイト構築の工程を解説します。費用目安や注意点も紹介しているため、参考にしてください。
→プロ級Webサイトが自分で作れるノーコードCMSのBiNDupを30日間無料体験
1. そもそもWebサイト構築とは
Webサイト構築とは、新しいWebサイトの制作や既存サイトをリニューアルする作業です。Webサイト制作だけにとどまらず、目的を設定し、設計から開発などの工程を踏み、目標を達成するところまでが含まれます。
→プロ級Webサイトが自分で作れるノーコードCMSのBiNDupを30日間無料体験
2. Webサイトの構築が完了するまでにどの程度の期間がかかるのか
Webサイトを構築するには相応の時間が必要です。ここでは、どの程度の時間がかかるかの目安を解説します。
2-1. 最低でも1～3か月は必要
Webサイトを構築する期間は Webサイトの規模や種類によって異なります。30ページ程度までのWebサイトを構築する場合は2～3か月が目安です。外注の場合は、発注までに2～3週間程度かかり、設計から公開までに1か月半～2か月程度の期間が必要です
2-2. 6か月ほど必要なケースもある
100ページを超えるような、中規模以上のWebサイトでは、構築期間が6か月程度必要な場合もあります。会員登録や決済機能などを搭載する場合は、6か月を超えるケースも少なくありません。規模が大きい場合は、余裕のあるスケジュールを組むようにしましょう。
→プロ級Webサイトが自分で作れるノーコードCMSのBiNDupを30日間無料体験
3. Webサイトの構築にかかる費用の目安を確認
Webサイト構築には費用が必要です。主な費用は次のようになります。
主な Webサイト構築費用
- 制作費用
- サーバーレンタル費用
- ドメイン取得費
- SSL費用
- Webサイト更新費用
- 保守点検費用
ここでは、Webサイトの規模による費用の目安を紹介します。
3-1. 比較的規模が小さいWebサイトは50～200万円が目安
比較的規模が小さいWebサイトの構築費用は、50万円～200万円が目安です。テンプレートを使用した、数ページ程度のコーポレートサイトであれば、30万円～50万円が目安になります。
オリジナルのコーポレートサイトで、問合せフォームなどを設置する場合は、20～30ページで50万円から100万円程度です。ECサイトで、売上の向上を図るなど目的がある場合は、50万円～200万円程度は準備しましょう。Webサイトの種類や画像によっても費用が異なります。
3-2. 中規模以上のWebサイトは300万円以上かかる
中規模以上のWebサイトは、一般的に100～200ページ程度で構成されるWebサイトです。取り扱っている商品が多かったり、サービスの種類が多かったりする場合にページ数が増えます。競合の多い検索キーワードで上位表示を狙う場合も同じです。
費用相場は、300万円から500万円程度になりますが、コンテンツの内容次第では、500万円を超えるケースも少なくありません。集客やコンサルティングを希望する場合は、ランニングコストも発生します。
→プロ級Webサイトが自分で作れるノーコードCMSのBiNDupを30日間無料体験
4. Webサイトを構築する手順
Webサイトを構築する手順を知ることで、自社でWebサイト構築する際の流れを把握できます。
4-1. Webサイトを構築する目的を設定する
Webサイトを構築する際には、なぜWebサイトが必要なのかなど、目的を明確にしておくことが重要です。目的が不明瞭であれば、一貫性のあるWebサイト構築が難しくなります。目的が定まればゴールを設定しましょう。
ゴールがあれば、進捗状況の把握や指標による評価が可能です。次に、目的にあったターゲットの設定をします。ターゲットは、年齢や性別、職業、趣味など具体的な設定が重要です。コンセプトを決めて、ターゲットに伝えるメッセージをWebサイトで表現しましょう。
4-2. RFP（提案依頼書）を作る
RFP（提案依頼書）を作成しなければ、Webサイト目的やゴール、ターゲットなどが明確になりません。Webサイト構築の重要な要素であるRFPが未完成であれば、外注も難しくなるでしょう。RFPには自社の現状や課題、要望、発注内容を記載します。
内製や外注でのサイト構築の齟齬が軽減できて、外注先の制作会社から、自社のニーズに適した提案を受けられます。RFPに記載する主要項目は次のようになります。
RFPの主要項目
- 企画名
- 目的
- 背景
- 課題
- ゴール
- 自社独自の強み
- 競合企業
- 公開予定日
- 予算
RFPを細部まで作成することにより、外注先の目標も明確になり、良い相乗効果が期待できます。
4-3. 制作会社を選ぶ
Webサイトの構築を依頼する制作会社は、複数から選ぶことをおすすめします。RFPを複数の制作会社に配布すれば、多くの提案を受けられます。その中から、自社の案件に適した提案であるかを比較検討することが重要です。
自社のイメージを左右するWebサイトであるため、安易な妥協はおすすめできません。納得できるまで検討と相談を重ね、信頼できる制作会社が決まれば契約を締結します。制作会社は、自社が満足できるWebの制作に着手するでしょう。
4-4. Webサイトを設計する
Webサイトの設計とは、必要なコンテンツをWebサイトのどこに表示するのかを設計することです。Webサイト設計では、サイトマップとワイヤーフレームを上手く使うことがポイントになります。サイトマップとは、全体の構造を明らかにするために、Webサイト全体を階層構造にする作業です。階層構造に適切な情報をカテゴリー化することで、ユーザーの導線も把握できます。
必要な情報も見えてくるため、ページを増やしたり修正したりしなければならない箇所が明らかになります。ワイヤーフレームはWebサイトのページ毎のデザインやレイアウトを決める作業です。ワイヤーフレームは、トップページから設計するのが一般的であり、完成すれば下層ページの設計を行います。
4-5. デザインを制作する
Webサイトの設計が完了すれば、具体的なデザイン制作に進みます。コンセプトを設定して、統一性のあるデザインを作ることが重要です。次に、企業イメージやWebサイトの目的・コンセプトなどに合わせて、使用するカラーを決めましょう。ベースカラーとメインカラー、アクセントカラーを決めていきます。
カラーを決める理由は、デザインイメージが湧きやすくなり、デザイン制作がスムーズに進むからです。
カラーを決めたら、デザインに必要な素材を準備しましょう。Webサイトに適したテキストや画像、イラストなどの素材を多めに集めることが大切です。
4-6. コーディングする
コーディングとは、プログラム言語を用いてコードを入力する作業です。Webサイトのデザインを、Web上で表示させるために欠かせない作業であり、HTMLやCSSなどの言語を用います。HTMLで画像やテキストを配置し、CSSは文字の装飾設定などができます。
4-7. システム開発・実装を行う
コーディングの次はシステム開発です。CMSを実装すれば、構築までにかかる時間を大幅に短縮できます。代表的なシステムは、決済機能や問合せフォーム、ショッピングカートなどです。
4-8. 動作環境をチェックする
Webサイトの運用を開始する前に、動作環境などのチェックが必要です。特定のデバイスやOSだけでなく、複数のOSやブラウザ、スマホなどで表示崩れがないかなどをチェックします。
4-9. リリースする
Webサイトの動作環境に問題がなく、設計通りのWebサイトに仕上がっていれば、リリース作業を実施してWebサイトを公開しましょう。
→プロ級Webサイトが自分で作れるノーコードCMSのBiNDupを30日間無料体験
5. Webサイトを構築する際に気を付けたいポイント
Webサイトを構築する際には、気を付けなければならないポイントがあります。ここでは、重要なものを7つ紹介します。
5-1. 目的・ターゲットがあやふやなままでプロジェクトを進めない
Webサイトを構築するにあたって、目的・ターゲット・コンセプトが曖昧な状態で制作を進めると失敗の原因になりがちです。前述しましたが、Webサイトを構築する際には、目的を明確にして、ターゲットを絞りコンセプトを決定します。
この一連の流れにより、一貫性のあるWebサイトが構築できるのです。目的やターゲットなどが定まらないようであれば、Webサイトを通してユーザーにとってほしい行動を具体的に考えましょう。
5-2. 目標の数値を設定する
Webサイト構築では、数値目標の設定も重要です。数値目標がなければ、目的に具体性がないため、施策を講じられないでしょう。Webサイトを構築してリリースしたとしても、放置する結果になりかねません。目標数値として使われる一般的な指標は次のようになります。
Webサイトの目標設定の指標
- PV数：閲覧されたページ数
- UU数：サイトを閲覧した人の数
- 滞在時間：ユーザーが自社のWebサイトに滞在した時間
- 資料請求数
- 予約数：Webサイトの目的の達成数
5-3. 著作権・肖像権を侵害しない
Webサイト構築にあたっては、他者の権利を侵害しないよう細心の注意が必要です。イラストや画像、文章の無断掲載は著作権の侵害にあたります。また、人物が写っている写真には肖像権が存在するため、従業員や顧客の写真を掲載する場合も許諾が必要です。
近年利用が増えている生成AIによる画像や文章についても注意しましょう。AI生成物であっても、既存の著作物に酷似していれば権利侵害となるリスクがあります。素材サイトやAIツールの利用規約を必ず確認し、権利関係がクリアな素材を使用してください。
5-4. 他のWebサイトと酷似しないように気を付ける
競合他社のWebサイトのコンテンツやデザインと、酷似しないように確認することも重要なポイントです。競合サイトはあくまでも参考とし、コピーコンテンツと判断されないように注意しましょう。コピーコンテンツと判断されると、SEO対策に悪影響を与えます。
5-5. パンくずリストの設置を忘れない
Webサイト構築にあたっては、パンくずリストの設置を忘れないようにしましょう。パンくずリストとは、ユーザーが閲覧しているWebページの現在地を確認できるリストです。設置することで、離脱率を抑える効果が期待できます。
5-6. SSLに対応する
Webサイトの構築では、SSL対応が不可欠です。SSLとは、オンラインでデータを送受信する際に暗号化する仕組みをさします。SSLは、なりすましや不正アクセス防止などの対策に有効であり、SEO的にも有利に働きます。
5-7. レスポンシブ対応する
Webサイトではレスポンシブ対応も不可欠な要素です。レスポンシブ対応とは、Webサイトを、ユーザーが利用するデバイスに合ったサイズで表示させることをさします。制作会社によっては、レスポンシブ対応が別料金になっている場合もあるので確認が必要です。
5-8. Webアクセシビリティに配慮する
近年、企業サイトにおいてWebアクセシビリティへの配慮が不可欠になっています。Webアクセシビリティとは、すべての人が、心身の機能や利用環境に関係なくWebサイト等の情報にアクセスし、利用できる状態のことです。
2024年の「障害者差別解消法」改正により、事業者による合理的配慮の提供が義務化されました。画像に代替テキストを入れる、文字のコントラスト比を確保するなどの対応は、コンプライアンスの観点だけでなく、SEOやユーザビリティ向上にもつながります。
6. まとめ
Webサイトの構築には、内製と外注がありますが、いずれにしても相応の費用と期間が必要です。Webサイトの構築には、目的の決定・ターゲット選択・コンセプト策定などの手順があり、これらを明確にしなければなりません。統一感がありユーザーへの訴求力があるWebサイト構築には欠かせない要素です。Webサイトの内製には優秀な人的リソースが必要なため、外注が一般的となります。
目的や目標などを達成するWebサイトを目指すのであれば「BiNDup」を検討してください。国産のCMSであり、専用サポートやカスタマイズ性に優れています。本格的なWebサイトの構築を目指せるでしょう。
POINT
- Webサイト構築には、目的設定からRFP作成、設計、デザイン、開発、リリースまで多くの工程があり、最低でも1〜3ヶ月、大規模な場合は6ヶ月以上の期間が必要となる。
- 構築費用の目安は、テンプレート使用や小規模サイトなら50〜200万円、100ページを超える中規模以上のサイトやシステム開発を含む場合は300〜500万円以上が相場となる。
- 構築プロジェクトを成功させるためには、ターゲットや数値目標（KGI/KPI）を明確にし、SSL化やレスポンシブ対応などの必須要件を漏らさず実装することが重要である。