Webサイトの作り方:基本、プラットフォーム、目的設定
初めてサイトを作る人向けに、目的に合ったプラットフォーム、ホスティング、サイト構成を選ぶ手順を解説します。
Webサイト制作は、手順に分ければ難しくありません。つまずきやすいのは最初の一歩です。なぜサイトが必要なのかを考える前に、プラットフォームを選んでしまいます。その結果、見た目は美しくても、ビジネスの課題を解決しないランディングページができあがります。
ここでは、ゼロからSEOの土台を備えた公開サイトまでを7つのステップで説明します。余計な話や不要なコードはありません。
ステップ1:サイトの目的を決める
目的は、プラットフォーム、構成、コンテンツ、予算のすべてを左右します。次の3点に答えてください。
- 訪問者に何をしてほしいか。購入、フォーム送信、記事を読む、住所を調べる、など。
- ターゲットは誰か。 B2BかB2Cか、年齢、利用デバイス(モバイルかデスクトップか)。
- どうやって集客するか。 SEO、広告、SNS、直接訪問。
| 目的 | サイトの種類 | 優先事項 |
|---|---|---|
| 商品を販売する | ECサイト | カタログ、カート、決済 |
| 見込み客を獲得する | ランディングページ/コーポレートサイト | フォーム、CTA、信頼を示す要素 |
| コンテンツを公開する | ブログ/メディア | SEO、表示速度、読みやすさ |
| 実績を見せる | 名刺代わりのサイト/ポートフォリオ | デザイン、ギャラリー、連絡先 |
| SaaS/アプリ | プロダクトサイト | オンボーディング、ドキュメント、料金 |
ステップ2:サイトの種類を選ぶ
サイトの種類で、プロジェクトの難易度と必要なリソースが決まります。欲張らないことが大切です。シンプルでも丁寧に作ったサイトは、複雑で出来の悪いサイトに勝ります。
ランディングページ/名刺代わりのサイト
1~5ページ。スタートや仮説の検証、地域密着のビジネスに向いています。表示が速く、低コストで、更新も簡単です。
ブログ/コンテンツサイト
数十~数百ページ。継続して公開すれば、SEOで大きな効果が見込めます。編集計画が必要です。
ECサイト
カタログ、カート、決済、物流が必要です。最も複雑な種類なので、WooCommerceやShopifyなど既製のプラットフォームを選びます。
ステップ3:プラットフォームとCMS
プラットフォームはサイトのエンジンです。選ぶ基準は、パフォーマンス、SEO機能、総保有コスト、始めやすさの4つです。
| プラットフォーム | 向いている用途 | SEO | 難易度 | 価格 |
|---|---|---|---|---|
| WordPress | ブログ、コーポレートサイト | ★★★★★ | 中 | $0~(ホスティング代は別) |
| Tilda | ランディングページ、名刺代わりのサイト | ★★★☆☆ | 低 | 月額$12~ |
| Shopify | EC | ★★★★☆ | 低 | 月額$29~ |
| Next.js | SaaS、メディア、オーダーメイド開発 | ★★★★★ | 高 | $0~(開発費は高額) |
| Webflow | デザイン重視のサイト | ★★★★☆ | 中 | 月額$14~ |
ステップ4:ドメインとホスティング
ドメインはインターネット上の住所で、ホスティングはサイトを置くサーバーです。両者は別のサービスですが、セットで販売されることが多くあります。
ドメインの選び方
- 短くて覚えやすく、できればハイフンを含まないものにします。
.comはどの用途にも使えます。地域向けSEOでは国別ドメインを選びます。- 購入前にWayback Machineでドメインの過去の履歴を確認します。
- SEO目的でドメインにキーワードを入れる手法は、すでに古くなっています。
ホスティングの選び方
| 種類 | 向いている用途 | 月額 |
|---|---|---|
| 共有ホスティング | 月間訪問者1万人までの新規サイト | $3~10 |
| VPS | 成長中でサーバーを自分で管理したいサイト | $10~50 |
| マネージドWordPress | 技術的な手間なくWordPressを使いたい場合 | $15~30 |
| クラウド(AWS、GCP) | アクセス数の多いプロジェクト | $20~ |
ステップ5:サイト構成とページ
サイト構成とは、ナビゲーションとURLの階層のことです。よい構成は、ユーザーにも検索エンジンにも役立ちます。
「何のサイトで、誰のためのものか」に答えます。主要セクションへリンクし、明確なCTAを1つ置きます。
サービス/商品、会社概要、ブログ、お問い合わせ。メインナビゲーションは最大5~7項目にします。
個別のサービス、商品カテゴリ、ブログ記事。トップページから3クリックを超えない深さにします。
404ページ、sitemap.xml、robots.txt、プライバシーポリシー。どのサイトにも必須です。
ステップ6:初日から整えるSEOの土台
制作時のSEOのミスは、あとで直すと高くつきます。最初から正しい土台を作っておきます。
- HTTPSは必須です。 SSL証明書(Let's Encryptなら無料)を取得します。GoogleはHTTPのサイトを安全でないものとして表示します。
- ページごとに固有のtitleとメタディスクリプションを設定します。 titleは60文字以内、ディスクリプションは140~160文字が目安です。
- H1は1ページに1つ。キーワードを含む、わかりやすい見出しにします。
- URLはシンプルに。
/services/seo-audit/は/page?id=42より優れています。 - 表示速度: LCPは2.5秒未満を目標にします。画像はWebPにし、JSは最小限にします。
- robots.txtとsitemap.xmlは、公開後すぐに設定します。
- Google Search Consoleには、初日にサイトを登録します。
直帰率
モバイルで読み込みが3秒を超えた場合
ランキング要因
Googleのランキング要因のうち、表示速度は主要なものの1つ
全Webサイト
がWordPressで動いています
トラフィック
がモバイルデバイスからです
ステップ7:公開と最初の一歩
完璧なサイトは存在しません。あるのは、少しずつ改善していく、動いているサイトです。必要最小限のページ構成で公開します。
HTTPS、フォーム、リンクを確認します。Google Search ConsoleとBing Webmaster Toolsに登録します。
sitemap.xmlをGSCに送信します。Googleが全ページを認識しているか確認します。
GA4を設定します。最初のユーザー行動データを見ます。
GSCの表示回数に現れ始めます。クエリを分析し、コンテンツを広げます。
よくある質問
開発者なしでWebサイトを作れますか?
ゼロからサイトを作るといくらかかりますか?
最初はWordPressとサイトビルダーのどちらがよいですか?
SSL証明書は初日から必要ですか?
公開時には何ページ必要ですか?
Check it with SpiderHead
Free and local: run the audit on your own machine.



