必要なものにぴったり合うウェブサイトの作り方

ウェブサイトを自分の目標に合致させることは、可能性が一見無限にあるため難しく思えるかもしれません。結局のところ、ウェブサイトは商品販売からコンテンツ共有まで、具体的なニーズに応じてさまざまな形や規模があります。

いざ実現しようと決めても、頭の中にはあらゆる不安な疑問が浮かび始めるものです。ウェブサイトをゼロから作る方法を知っている必要があるのでしょうか？必要なものがすべて揃っているとどう確認すればよいのでしょうか？そもそも何から始めればよいのでしょうか？

答えは、このブログ記事です。目標の特定から始まり、サイト作成に必要なすべてを順に説明し、最後に公開まで、あらゆる要件を管理しやすいステップに分解して解説します。

最後まで読み進めれば、自分のニーズにしっかり応えるウェブサイトの作り方がわかるようになります。

ウェブサイトの目的と目標を定義する

まだ具体的な目標を絞り込めていなくても、作りたいウェブサイトの種類については大まかなイメージがあるはずです。後回しにしたくなるかもしれませんが、それは間違いです。

サイトの目標を最初に設定することは、構築やデザインの際に正しい判断を下すために不可欠です。目標が大きくても小さくても、最初から定義しておくことで、不要な部分に時間を浪費したり、脇道にそれたりするのを防げます。

以下の表には最も人気のあるウェブサイトの種類が一覧表示されており、目標の特定に役立ちます。

ドメイン名とウェブホスティングプロバイダーを選ぶ

ウェブサイトの目標が決まったら、次はドメイン名が必要です。ウェブサイトを始めるときには、最初に行うべきことです。 なぜでしょうか？まず、これはあなたのデジタルアイデンティティの中心となるものだからです。

ウェブサイトが個人用であれビジネス用であれ、いずれかの時点でブランディングが重要になる可能性が高いです。一貫性と認知しやすさのために、ソーシャルメディアサイトやメールアドレスで使う名前は、ウェブサイトと同じであるべきです。すべてがうまくいけば、人々はその名前を認識し、あなたと結び付けるようになります。 ですから、ドメインを選ぶ際に焦ってはいけません。今後何年にもわたって、あなたのブランドとその中核的価値を表すものである必要があります。

次はホスティングです

次に必要なのは、理想的なサイトを構築し、関連するファイルやデータをすべて保存できる、ドメインのための場所です。この場所がウェブサイトホストです。

ウェブサイトホスティングにはさまざまな選択肢があり、適切なものを選ぶことは常にあなた固有のニーズによって決まります。だからこそ、最初にウェブサイトの目標を定義する作業がとても役立つのです。すでにウェブサイトの種類、複雑さ、トラフィック目標について大まかなイメージを持っているはずです。これが意思決定の指針になります。

以下は最も人気のあるホスティングの種類と、それぞれに最適なサイトの種類です。

• 共有ホスティング –ブログ、個人サイト、中小企業のウェブサイトに最適で、特に初心者向けです。サーバーを共有することで、共有ホスティングプランではシンプルさと手頃な価格を実現しています。

• Managed WordPress – WordPressサイトを作りたいものの、多くの技術的な側面は任せたい初心者にも最適です。さまざまなmanaged WordPressプランを通じて利用できます。

• 仮想マシン –大規模なEコマースサイトや教育サイトのような、より高度なサイトに最適で、仮想マシンプランを選ぶことで、より多くのリソース、制御性、パワーを得られます。

• 専用ホスティング –非常に大規模でコンテンツ量の多いサイトに最適で、専用サーバーと完全な制御性に加え、専用ホスティングプランによる追加機能も利用できます。

ウェブサイトに適したプラットフォームを選ぶ

いよいよウェブサイトを構築する時です。今ではウェブサイトをゼロから作る必要はないので、コーディングスキルの有無を心配する必要はありません。主な選択肢は2つあります。コンテンツ管理システム（CMS）とウェブサイトビルダーです。

CMSを選ぶ

CMSは、ユーザーがウェブサイトを作成し、そのコンテンツを管理・変更できるツールです。多くは無料かつオープンソースで、使いやすいインターフェースを備えており、テンプレートやドラッグ＆ドロップ機能からプラグインやウィジェットまで、ニーズに合わせてカスタマイズできます。これにより、Eコマースのような複雑になり得る機能も簡単にサイトへ追加できます。

CMSは柔軟性と拡張性にも優れています。好きなだけ複雑にもシンプルにもでき、後から変更することも可能です。

最も人気のあるCMSの選択肢は次の3つです。

• WordPress – インターネット上の全ウェブサイトの約43%を支えており、WordPressは一般的に最も使いやすいCMSと考えられています。

• Joomla – 柔軟性は非常に高いものの、Joomlaは習得のハードルが高いため、まったくの初心者には向かないかもしれません。

• Drupal – Drupalは3つの中で最もカスタマイズ性が高いと見なされていますが、立ち上げて運用するまでにやや多くの作業が必要です。

CMSを使うことの一般的に認識される欠点は、技術的な専門知識が必要だという点です。確かに学習曲線がある場合もありますが、必要に応じてさらに簡略化された選択肢もあります。たとえば、managed WordPress hostingなら、初期設定のような作業を代行してくれるほか、継続的な更新や機能も提供されます。

優れた共有ホスティングプロバイダーであれば、WordPressのようなCMSを比較的簡単に使える方法も提供しているはずです。要は、自分に合ったプロバイダーとプランを選ぶことです。

ウェブサイトビルダー

CMSと同様に、ウェブサイトビルダーを使えば簡単なユーザーインターフェースでウェブサイトを作成できます。人気のある選択肢にはWixやSquarespaceがあります。多くの場合、CMSよりもさらに学習コストが低く、わずか数分でドメイン、サイト、ホスティングの設定を完了して公開準備を整えられます。

素晴らしく聞こえますが、重要な制限がいくつかあります。カスタマイズ、構築、成長の方法には制約があります。今は問題なくても、将来的にサイトを拡張したい場合には不向きです。また、ウェブホストを変更することにした場合、一部のコードが独自仕様であるため、サイトをゼロから作り直さなければならないこともあります。CMSなら、いつでも好きなように変更できる自由があります。

もちろん、これは後から構築・成長できるシンプルなウェブサイト以上のものを求める場合にのみ問題になります。人によっては、シンプルなウェブサイトだけで十分です。 数年後に自分のサイトをどうしたいか考えてみてください。将来的にアップグレードする予定があるなら、ウェブサイト立ち上げにはCMSがおそらく最善の選択です。あまり変更するつもりがないなら、ウェブサイトビルダーが適しているかもしれません。

含めるべき重要なページと機能

さあ、ユーザーが必要とする情報でサイトを埋めていく時です。ウェブサイトの種類によっては、複数ページを追加することもあれば、1ページだけで済むこともあります。必要なページをすべて備えたウェブサイトは、どう作ればよいのでしょうか？

さまざまな種類のウェブサイトで一般的に見られるページをすべて見ていきますが、その前に、どのウェブサイトにも備わっているべき3つの重要な要素をご紹介します。

• ホームページ – サイトの入口です。訪問者にサイトの内容をすぐに伝えなければなりません。小規模なサイトでは、以下のポイントもここに組み込める場合があります。

• 概要 – ミッション、ストーリー、スキル、専門知識、その他の関連情報を共有して、見込みクライアント／顧客に訴求しましょう。

• お問い合わせページ – お問い合わせフォーム、メール、電話番号、住所、ソーシャルメディアのアカウント、ニュースレター登録などを含めることができます。

では、さらに具体的に見ていきましょう。各ウェブサイトの種類ごとに、必須ページと任意要素に分けて説明します。

中小企業

• 提供内容 – 商品やサービスを説明します。

追加候補：

• 顧客／クライアントの声 – 好意的なフィードバックや成功事例を紹介します。

• よくある質問 – 顧客が尋ねそうな質問に先回りして答えます。

Eコマース

• ショッピングカート – チェックアウトプロセスを簡素化し、一般的な決済ゲートウェイの選択肢を提供します。

• 商品 – カテゴリーや検索機能を備えた商品ページと一覧を作成します。

• 配送情報 – 送料、配送時間、返品について顧客に案内します。

追加候補：

• カスタマーサポート– ライブチャット、お問い合わせ手段、ヘルプリソースを含めます。

• ブログ –商品の活用例、トレンド、ヒントを共有して、購入者を引き付け、関心を高めます。

ポートフォリオ

• あなたの作品 – 説明、ケーススタディ、ビジュアルとともに、最高のプロジェクトを紹介します。

追加候補：

• 推薦の声 – 以前のクライアントや協力者からのフィードバックやレビューを掲載します。

• サービス – 依頼を受け付けている場合は、提供内容を説明します。

個人

ニッチやサイトの目的によっては、1ページの場合も複数ページの場合もあります。候補となるページには次のようなものがあります。

• ブログ – 記事を公開し、選んだテーマについて知識を共有する場所です。

• ポートフォリオ – 関連する経験や共有したい作品があるなら、ここで紹介しましょう。

教育

• 入学案内 – 入学希望者に応募方法を伝えます。

• コース一覧 – 授業やプログラムの内容を説明します。

追加候補：

• カレンダー – 今後のワークショップ、講義などを共有します。

• 教育向け追加要素 –ライブラリ、学習プラットフォーム、ガイドへのリンクを共有します。

• チーム – 教職員とその資格を紹介します。

これらすべての要素やページを備えたサイトを作るのは気が遠くなるように思えるかもしれませんが、CMSやウェブサイトビルダーを使っていれば、特定のウェブサイトタイプ向けのテンプレートが見つかることが多く、すべてを簡単に進められます。これは、どの情報を提供すべきかを案内する特定のブロックから、Eコマースのショッピングカートやお問い合わせフォームのような特定機能をサイトに追加することまで、さまざまです。

ユーザー体験を考慮してウェブサイトをデザインする

デザインとは、ウェブサイトを見栄えよくすること以上のものです。もちろん視覚的な魅力は重要ですが、見た目が美しくても操作しにくいウェブサイトでは、ユーザーは長く留まってくれないでしょう。ここでは、ユーザー体験を念頭に置いてウェブサイトを作るためのヒントをいくつかご紹介します。

想定するオーディエンスについて考える

ユーザーの立場になって考えてみましょう。ユーザーがあなたのウェブサイトに訪れたとき、何をしてほしいですか？サービスの購入でも記事の閲覧でも、それをできるだけ簡単に行えるようにする必要があります。次の点に注目しましょう。

• 明確なレイアウトと最小限の雑然さを備えた、シンプルなナビゲーションを選ぶこと。

• 論理的に整理されたページ構成のサイト構造を実装すること。

• 読みやすいフォントサイズ（16px以上）と、文字と背景の十分な色コントラストを備えたアクセシビリティ。

モバイルファーストのアプローチを取る

これまで以上に、人々はデスクトップコンピューター以外のデバイスでウェブを閲覧しています。デスクトップ向けに完璧なサイトを設計してから他のデバイスを後で考えるのではなく、あらゆるデバイスタイプで機能するよう、モバイルファーストのアプローチを取るのがベストプラクティスです。

これを最も簡単に実現する方法は、サイト訪問者が使用しているデバイスに応じて異なる画面サイズに自動調整されるテーマを選ぶことです。また、モバイルでもデスクトップでもうまく機能する機能性も考慮すべきです。たとえば、複雑なドロップダウンメニューは小さな画面では使いにくいことがあります。ハンバーガーメニューのようなメニューは、よりタッチ操作に適しています。

セットアップ時にパフォーマンスを最適化する

ユーザー体験のもう1つの重要な要素はウェブサイトのパフォーマンスで、これはブラウザーでサイトがどれだけ速く読み込まれるかを指します。年々注意持続時間が短くなっている中、遅いウェブサイトは成功の妨げになるかもしれません。最初から高速なサイトを実現するためにできることをいくつかご紹介します。

• 99.99%の稼働率を保証するウェブホストを選びましょう。

• 画像を圧縮し、JPEGのような容量の少ない最適化フォーマットを使用しましょう。

• 本当に必要なプラグインだけをインストールすること。

SEO向けにウェブサイトを最適化する

検索エンジン最適化（SEO）は、ウェブサイトの運用期間を通して検討し続ける必要があるものであり、サイト公開前から始めることで検索エンジンでの順位向上に役立ちます。始めるにあたって注力すべき分野をいくつかご紹介します。

キーワード調査

キーワード調査とは、ターゲットオーディエンスが検索エンジンでどのような検索語句を探しているかを把握するプロセスです。これらの検索語句をサイト全体で戦略的に活用することで、ページ内SEOと全体的なコンテンツ戦略の両方に役立てることができます。

ページ内SEO

これは、検索エンジンで上位表示されるようにウェブページのさまざまな要素を最適化する方法を指します。これには次のものが含まれます。

• 見出し

• メタディスクリプション

• 画像

• 高品質なコンテンツの作成

SEOに非常に役立つ、すでに触れた他の分野としては、高速なページ表示速度とモバイル最適化があります。

ウェブサイトの公開とプロモーション

ウェブサイトを公開する前に、すべてができるだけスムーズに動作していることを確認することが重要です。世界に向けて公開する前に、サイトが円滑に動作し、技術的な考慮事項がすべて対処されていることを確認しましょう。公開したら、次はプロモーションを始める番です。始めるにあたって、サイトへの訪問者を集めるための分野には次のようなものがあります。

• デジタル広告

• SEO

• ソーシャルメディア

• メールマーケティング

メンテナンスに備える

ウェブサイトを持つ現実として、公開してそのまま放置することはできません。安全性、パフォーマンス、関連性を保つために、定期的なメンテナンスが必要です。注意しておきたい分野には次のようなものがあります。

• ソフトウェア –プラグインであれプラットフォーム自体であれ、サイトを定期的に更新することは、安全性と良好なパフォーマンスを維持するために不可欠です。

• コンテンツ – オーディエンスと検索エンジンの両方に対する関連性を維持するために、コンテンツを定期的に監査し更新する必要があります。

• バックアップ – サイトを定期的にバックアップすることで、万が一問題が発生してもウェブサイトを失わずに済みます。

• パフォーマンス – ページの読み込み速度を定期的に確認し、画像の最適化など改善できることがないかを確認しましょう。

始める時です

これでウェブサイトの作り方が正確にわかったので、このアドバイスを実践に移す時です。どのような独自のニーズがあっても、このガイドがあればすぐにオンライン展開を始められるはずです。行き詰まったときは、いつでもこのガイドに戻って参考にできます。ですから先延ばしはやめて、今すぐウェブサイト作りを始めましょう。