Webサイトを作りたいと思っても、最初は「何を用意すればいいのか」「プログラミングが必要なのか」「無料でも作れるのか」が分かりにくいものです。実際には、サイトは必ずしもHTMLやCSSを一から書かなくても作れます。現在はWordPressやホームページ作成サービスを使えば、初心者でも比較的簡単に公開できます。
一方で、ブログ、会社サイト、ポートフォリオ、ネットショップなど、作りたいサイトの目的によって適した方法は変わります。本記事では、サイトの基本的な仕組みから、無料サービス、WordPress、自作コーディングの違い、公開までの流れを初心者向けに順番に解説します。
- そもそもWebサイトは何でできている？
- サイトを作る方法は大きく3種類ある
- 一番簡単なのはホームページ作成サービス
- ブログや情報サイトならWordPressが使いやすい
- WordPressでサイトを作る手順
- HTMLとCSSを自分で書けば自由度は最も高い
- 無料でサイトを作ることはできる？
- 独自ドメインとは？取ったほうがいい？
- レンタルサーバーは何をするもの？
- SSL対応は必須と考えたほうがよい
- サイトを作る前に「何のためのサイトか」を決める
- 初心者向けの基本的なページ構成
- スマホ対応も忘れない
- 検索から人に来てもらうならSEOも考える
- サイト制作にかかる費用の目安
- サイト公開後も更新と管理が必要
- 初心者ならどの方法を選べばよい？
- まとめ：サイト作りは「目的を決める→作る方法を選ぶ→公開する」の3段階
そもそもWebサイトは何でできている？
Webサイトは、インターネット上に置かれたHTMLや画像などのデータを、ブラウザで表示することで見られる仕組みです。基本的には「ドメイン」「サーバー」「Webページ」の3つを理解すると分かりやすくなります。
ドメインはサイトの住所です。例えば「example.com」のような文字列がドメインに当たります。サーバーは、そのサイトのHTML、画像、データベースなどを保存して公開するコンピューターです。
そして実際にブラウザへ表示されるページは、HTML、CSS、JavaScriptなどで作られます。HTMLが文章や見出しなどの構造、CSSが色や配置などの見た目、JavaScriptがボタン操作などの動きを担当する、というイメージです。
サイトを作る方法は大きく3種類ある
初心者がWebサイトを作る場合、主な方法は「ホームページ作成サービス」「WordPress」「HTMLなどを自分で書く」の3種類です。それぞれ難易度と自由度が異なります。
| 方法 | 難易度 | 自由度 | 向いている用途 |
|---|---|---|---|
| ホームページ作成サービス | 低い | 中 | 個人サイト、店舗紹介、簡単なホームページ |
| WordPress | 中 | 高い | ブログ、企業サイト、情報サイト |
| HTML・CSSで自作 | 高い | 非常に高い | 学習、独自デザイン、Web制作 |
「とにかく早く公開したい」ならホームページ作成サービス、「記事を増やして育てたい」ならWordPress、「Web制作そのものを勉強したい」ならHTML・CSSから作る方法が適しています。
一番簡単なのはホームページ作成サービス
プログラミングをせずにサイトを作りたい場合は、Wix、STUDIO、ペライチ、Jimdoなどのホームページ作成サービスを利用する方法があります。テンプレートを選び、文字や画像を入れ替えるだけでページを作れます。
例えば美容室のサイトなら、「トップページ」「料金」「アクセス」「お問い合わせ」といったページをテンプレートから作り、店名や写真を変更すれば形になります。サーバーの設定やHTMLの知識もほとんど必要ありません。
無料プランが用意されているサービスもありますが、独自ドメインを使えなかったり、サービス側の広告が表示されたりする場合があります。本格的に運営するなら有料プランを検討することになります。
ブログや情報サイトならWordPressが使いやすい
記事を継続的に投稿するブログ、比較サイト、企業のオウンドメディアなどを作る場合はWordPressがよく使われます。WordPressはCMSと呼ばれる仕組みで、管理画面から記事や固定ページを作成できます。
WordPressを使う一般的な流れは、レンタルサーバーを契約し、独自ドメインを取得し、WordPressをインストールするというものです。現在は多くのレンタルサーバーで「WordPress簡単インストール」が用意されているため、昔ほど難しくありません。
WordPressでは「テーマ」を変更するとサイト全体のデザインを変えられ、「プラグイン」を追加するとお問い合わせフォームやSEO関連機能などを拡張できます。
WordPressでサイトを作る手順
WordPressで初めてサイトを作る場合は、次の順番で進めると分かりやすいでしょう。
- サイトの目的を決める
- レンタルサーバーを契約する
- 独自ドメインを取得する
- WordPressをインストールする
- テーマを設定する
- トップページや記事を作る
- お問い合わせやプライバシーポリシーを用意する
- 公開後にアクセス解析やSEO設定を行う
例えば料理ブログを作るなら、「example-cooking.com」というドメインを取得し、WordPressをインストールし、「レシピ」「キッチン用品」「プロフィール」といったカテゴリを作って記事を増やしていくイメージです。
HTMLとCSSを自分で書けば自由度は最も高い
Web制作そのものを勉強したい場合は、HTMLとCSSを自分で書いてサイトを作る方法があります。最も基本的なページなら、HTMLファイル一つだけでも作成できます。
例えばHTMLでは、<h1>で大きな見出し、<p>で文章、<a>でリンク、<img>で画像を表示できます。CSSを加えると文字の色、背景、余白、横並びなどを自由に変更できます。
ただし、自作の場合はスマートフォン対応、問い合わせフォーム、セキュリティ、更新機能なども自分で考える必要があります。単純な1ページサイトなら簡単ですが、大規模サイトになるほど専門知識が必要になります。
無料でサイトを作ることはできる？
無料でサイトを作ることは可能です。ホームページ作成サービスの無料プラン、Google Sites、GitHub Pagesなどを利用すれば、サーバー代をかけずにWebページを公開できます。
ただし無料サービスでは、「サービス名が入ったURLになる」「広告が表示される」「機能が制限される」「独自ドメインが使えない」といった制約がある場合があります。
趣味や練習用なら無料サービスでも十分ですが、会社、店舗、収益化ブログなど信頼性を重視するサイトでは、独自ドメインと有料サーバーを利用したほうが運営しやすいでしょう。
独自ドメインとは？取ったほうがいい？
独自ドメインとは、自分専用のWebサイトアドレスです。例えば「myshop.jp」「myblog.com」のようなURLです。
無料サービスでは「example.wixsite.com」などサービス名が含まれるURLになることがあります。個人の練習用途なら問題ありませんが、会社や店舗の公式サイトでは独自ドメインを使うほうが一般的です。
独自ドメインは年間数百円から数千円程度で取得できるものが多く、レンタルサーバーによっては契約中無料になるキャンペーンもあります。
レンタルサーバーは何をするもの？
レンタルサーバーは、Webサイトのデータをインターネット上へ公開するための場所です。WordPressを使う場合は、基本的にレンタルサーバーが必要になります。
サーバー会社によって料金、速度、バックアップ、サポート、WordPressの導入しやすさなどが異なります。初心者の場合は、月額料金だけでなく「WordPress簡単セットアップ」「自動バックアップ」「SSL無料」といった機能を確認するとよいでしょう。
静的なHTMLサイトであれば、GitHub PagesやCloudflare Pagesなど無料のホスティングサービスを利用する方法もあります。
SSL対応は必須と考えたほうがよい
現在のWebサイトでは、URLがhttps://で始まるSSL対応がほぼ必須です。SSLを利用するとブラウザとWebサイト間の通信が暗号化されます。
問い合わせフォームやログイン機能があるサイトでは特に重要です。またGoogleなどの検索エンジンやブラウザもHTTPSを前提としたWeb環境を推奨しています。
現在の主要なレンタルサーバーでは無料SSLを簡単に設定できるため、サイト公開時には必ず有効化しておきましょう。
サイトを作る前に「何のためのサイトか」を決める
技術より先に決めたいのが、サイトの目的です。「何となくサイトを作りたい」だけだと、必要な機能やページ構成を決めにくくなります。
例えば会社サイトなら会社概要、サービス、実績、お問い合わせが必要になります。ブログならトップページ、記事一覧、カテゴリ、プロフィールなどが中心になります。
ネットショップなら商品ページ、カート、決済機能が必要になるため、WordPressよりShopifyやBASEなどEC専用サービスのほうが適している場合もあります。
初心者向けの基本的なページ構成
一般的なサイトなら、最初はページ数を増やしすぎる必要はありません。まずは必要最低限のページを作り、あとから追加していく方法が管理しやすいです。
- トップページ
- サービス・商品紹介
- プロフィール・会社概要
- お問い合わせ
- プライバシーポリシー
- ブログやお知らせ
例えば個人のポートフォリオなら「トップ」「自己紹介」「制作実績」「お問い合わせ」の4ページ程度でも十分にサイトとして成立します。
スマホ対応も忘れない
現在はスマートフォンからWebサイトを見る人が非常に多いため、PCだけで見やすいサイトでは不十分です。画面幅に応じてレイアウトが変わる「レスポンシブデザイン」に対応させることが重要です。
WordPressの最近のテーマや主要なホームページ作成サービスは、多くの場合最初からスマートフォン表示に対応しています。
HTML・CSSを自分で作る場合は、CSSのメディアクエリなどを使ってスマホ表示を調整します。公開前には実際のスマートフォンでも文字の大きさやボタンの押しやすさを確認してください。
検索から人に来てもらうならSEOも考える
サイトを公開しただけでは、すぐにGoogle検索から多くの人が訪れるとは限りません。検索からアクセスを集めたい場合はSEO、つまり検索エンジン最適化を考える必要があります。
基本的には、ユーザーが知りたい内容を分かりやすく書くこと、ページタイトルや見出しを整理すること、ページ表示を速くすること、スマートフォンで使いやすくすることなどが重要です。
例えば「東京 カフェ おすすめ」で検索されたいサイトなら、単に店舗一覧を並べるだけではなく、エリア、価格帯、営業時間、実際の利用シーンなど検索者が知りたい情報を充実させます。
サイト制作にかかる費用の目安
自分でサイトを作る場合、最小限ならかなり安く運営できます。無料サービスなら0円から始められます。
| 項目 | 費用の目安 |
|---|---|
| 無料ホームページサービス | 0円～ |
| 独自ドメイン | 年間数百円～数千円程度 |
| レンタルサーバー | 月数百円～1,500円程度が一般的 |
| WordPress本体 | 無料 |
| 有料テーマ | 0円～数万円程度 |
企業サイトを制作会社へ依頼すると数十万円以上になることもありますが、個人ブログや小規模サイトなら自分で作ればドメイン代とサーバー代だけで運営できます。
サイト公開後も更新と管理が必要
サイトは一度公開して終わりではありません。情報が古くなれば更新し、WordPressなら本体、テーマ、プラグインなどもアップデートする必要があります。
また、バックアップを取る、不要なプラグインを削除する、強いパスワードを使うなど、セキュリティ対策も重要です。
会社の営業時間が変わったのに古い情報を載せ続けると、利用者に迷惑をかけることもあります。公開後の管理まで含めて「サイト運営」と考えるとよいでしょう。
初心者ならどの方法を選べばよい？
迷った場合は目的で決めるのが最も簡単です。プログラミングを覚えることが目的でなければ、最初からHTMLを勉強しなければならないわけではありません。
簡単な個人サイトならホームページ作成サービス、ブログや長期運営する情報サイトならWordPress、Web制作を勉強したいならHTML・CSSという分け方が分かりやすいでしょう。
例えば「自分のお店の営業時間と地図だけ載せたい」ならホームページ作成サービスで十分です。「毎週記事を書いて検索から読者を集めたい」ならWordPressが向いています。
まとめ：サイト作りは「目的を決める→作る方法を選ぶ→公開する」の3段階
Webサイトを作る基本的な流れは、「何のためのサイトかを決める」「目的に合った制作方法を選ぶ」「インターネットへ公開する」という3段階で考えると分かりやすくなります。
最も簡単なのはWixやSTUDIOなどのホームページ作成サービスです。ブログや企業サイトを長く運営したいならWordPressが有力で、Web制作そのものを学びたいならHTML・CSSから作る方法があります。
WordPressの場合は、レンタルサーバーと独自ドメインを用意し、WordPressをインストールしてテーマやページを設定すれば公開できます。現在はサーバー側の簡単セットアップが充実しているため、プログラミング経験がなくても始められます。
最初から完璧なサイトを作ろうとせず、まずトップページやプロフィールなど最低限のページを公開し、必要に応じて記事や機能を追加していくと進めやすいでしょう。
コメント