ホームページ作成前に知りたい基本知識

本来、ホームページには「ブラウザーを開いたとき最初に表示されるページ」や「Webサイトの先頭ページ」という意味があります。現在の日本では、Webサイト全体を指して「ホームページ」と呼ぶことも一般的です。

日常的な会話では、どちらを使っても大きな問題はありません。ただし、制作の打ち合わせでは次のように言い分けると認識を合わせやすくなります。

• Webサイト：複数ページを含むサイト全体
• トップページ：サイトの入口になる先頭ページ
• 下層ページ：会社概要やサービス紹介など、トップページ以外のページ
• Webページ：URLごとに表示される1ページ

「ホームページを1ページ作る」という依頼が、サイト全体なのかトップページだけなのか曖昧な場合は、作るURLとページ数を確認しましょう。

利用者がChromeやSafariなどのブラウザーへURLを入力すると、おおむね次の順番でページが表示されます。

1. ブラウザーが、URLに含まれるドメインの接続先を調べる
2. 接続先のサーバーへページのデータを要求する
3. サーバーがHTML、CSS、画像などのデータを返す
4. ブラウザーが受け取ったデータを読み取り、画面として表示する

WordPressなどを使うサイトでは、アクセスに応じてデータベースから文章や設定を取り出し、表示用のHTMLを生成する処理も加わります。ホームページ作成ツールでは、サーバーや表示処理をサービス側がまとめて管理するため、利用者がこの仕組みを細かく設定しなくても公開できます。

なお、ページを公開しただけで、すぐ検索結果に表示されるとは限りません。Googleなどの検索エンジンがページを発見し、内容を処理して検索用のデータベースへ登録する工程が別にあります。

ドメインは、Web上の場所を示す名前です。たとえばexample.comの部分がドメインにあたります。利用者は、数字で表される接続先を覚える代わりに、ドメインを含むURLでページへアクセスできます。

事業用サイトでは、作成サービスの名前を含まない独自ドメインを使う方法が一般的です。ドメインは取得後も更新が必要で、期限切れになるとサイトや独自ドメインメールを利用できなくなることがあります。契約者名義、管理アカウント、更新方法を記録しておきましょう。

詳しくはホームページ用ドメインの取得方法で解説します。

サーバーは、ホームページのファイルやデータを保存し、ブラウザーからの要求に応じて配信するコンピューターです。自分でサーバー機器を用意する方法もありますが、小規模なサイトではレンタルサーバーやクラウド型の作成サービスを利用するのが一般的です。

サーバー選びでは、料金だけでなく、表示速度、容量、バックアップ、SSL、サポート、WordPressへの対応などを確認します。作成ツールを利用する場合は、通常、サーバー機能が利用料金に含まれています。

選び方はホームページ用サーバーの基礎知識で扱います。

HTML、CSS、JavaScriptは、Webページを表示・操作するための代表的な技術です。

• HTML：見出し、段落、画像、リンクなど、内容と構造を表す
• CSS：色、文字サイズ、余白、配置など、見た目を整える
• JavaScript：メニューの開閉、画像の切り替え、入力確認など、動きや処理を加える

作成ツールやCMSを使う場合、利用者がコードを直接書かなくても、内部ではこれらの技術が使われています。初心者がすべてを習得してから始める必要はありませんが、役割を知っておくと、不具合の説明やカスタマイズ範囲を理解しやすくなります。

CMSは「コンテンツ管理システム」の略で、管理画面から文章や画像、ページなどを編集できる仕組みです。WordPressが代表例ですが、各社のホームページ作成サービスも広い意味ではコンテンツを管理する機能を備えています。

CMSを使うと更新しやすくなる一方、システムや追加機能の更新、バックアップ、権限管理などが必要です。誰が更新するか、どの程度自由に変更したいかによって、適するCMSは変わります。CMSとノーコードの違いも確認しておきましょう。

企業・店舗サイトは、運営者、商品・サービス、所在地、営業時間などを伝え、信頼や問い合わせにつなげるサイトです。コーポレートサイト、会社案内サイト、店舗サイトなどと呼ばれます。

会社概要、事業内容、サービス、アクセス、よくある質問などが基本ページになります。店舗では、メニュー、料金、営業日、予約方法なども重要です。

サービスサイトは、特定の商品やサービスについて、特徴、料金、導入方法、事例などを詳しく説明するサイトです。会社全体の情報より、対象サービスの理解と比較を重視します。

ランディングページ（LP）は、広告や検索から訪れた人に一つの行動を促すことを主目的とし、1ページに情報をまとめる形式がよく使われます。ただし、「ランディングページ」という言葉が、単に訪問者が最初に開いたページという意味で使われる場合もあります。

ECサイトは、商品選択、カート、決済、受注、配送管理などを行う販売サイトです。通常の情報サイトより、決済や個人情報、在庫、返品表示などの確認項目が増えます。

予約サイトは、日時や担当者、メニューなどを選んで予約できるサイトです。外部予約サービスへ移動させる方法、ホームページへ埋め込む方法、独自に開発する方法があり、必要な機能と運用負担が異なります。

オウンドメディアは、企業や個人が自ら所有・管理する情報発信媒体です。記事を継続的に公開し、検索流入、見込み客の理解、既存顧客の支援などにつなげます。

ブログは記事を時系列で更新する形式や機能を指すことが多く、個人の日記に限りません。会社サイト内のお知らせや解説記事にブログ機能を使う場合もあります。一方、更新頻度が低く、内容が固定的なら、通常の固定ページだけで構成する方法もあります。

作成ツールの多くはサーバー機能を含むため、別契約が不要です。WordPressを自分で設置する場合は、通常、対応するレンタルサーバーを契約します。契約前に、サーバー、SSL、独自ドメイン接続が料金に含まれるか確認しておきましょう。

いいえ。WordPressはブログ以外の固定ページも管理でき、会社サイトやサービスサイトにも使えます。投稿機能を使わず、固定ページだけで構成することも可能です。

ブラウザーとサーバーの間の通信を暗号化する仕組みです。SSLが有効なページは、通常URLがhttps://で始まります。フォームがない情報サイトでも、安全な通信と利用者の安心のために設定します。

必ずすぐ表示されるわけではありません。検索エンジンがページを発見し、内容を処理して登録するまで時間がかかることがあります。公開設定、検索を拒否する設定、内部リンク、サイトマップなども確認します。

基本用語を理解したら、次はホームページ作成に必要なものを揃え、ホームページ作成の方法と手順で全工程を確認しましょう。