この記事の要点

Web サイト作成は ① 目的・ペルソナ・KPI 設計 → ② ドメイン → ③ ホスティング → ④ 構築方式 → ⑤ HTTPS / SEO / 計測 の 5 段階 ドメイン: お名前.com / Cloudflare Registrar / Google Domains (現 Squarespace Domains) / Value Domain ホスティング: レンタル (Xserver / ConoHa WING / さくら) / VPS (AWS Lightsail / さくら VPS) / PaaS (Vercel / Netlify / Cloudflare Pages) 構築方式: CMS (WordPress / Ghost / Drupal) / 静的サイトジェネレータ (Hugo / Astro / Next.js / Nuxt) / ノーコード (Wix / Squarespace / STUDIO / Notion Sites) 必須セットアップ: HTTPS (Let's Encrypt) / GA4 / Search Console / sitemap.xml / robots.txt / OGP

Web サイト作成の全体像

2026 年の Web サイト作成は、選択肢が爆発的に増えています。個人ブログから企業コーポレートサイト、EC、メディアまで 目的・規模・運用体制・予算 によって最適解が変わるため、まず以下の 5 段階で設計します。

段階	決めること	典型選択肢
① 目的・KPI	誰に何を届け、何を測るか	PV / CVR / 問合せ数 / 滞在時間
② ドメイン	独自ドメイン取得	お名前.com / Cloudflare / Value Domain
③ ホスティング	サーバの種類	レンタル / VPS / PaaS / 静的ホスティング
④ 構築方式	CMS / SSG / ノーコード	WordPress / Astro / Wix
⑤ 計測・SEO	HTTPS / 計測 / サイトマップ	GA4 / Search Console / OGP

① 目的とペルソナ・KPI 設計

サイト構築前に必ず言語化しておくべき項目です:

• サイトの目的: 集客 / 問い合わせ / 販売 / 採用 / 情報発信 / ポートフォリオ
• ペルソナ: 年齢、職業、悩み、利用デバイス (モバイル比率)
• KPI: 月間 PV / 直帰率 / 滞在時間 / 問い合わせ件数 / 売上
• 更新頻度: 月数回 / 週次 / 日次 → CMS 要否の判断軸
• 運用体制: 一人 / 複数人 / エンジニア有無

② ドメイン取得

ドメインは年間 1,000〜2,000 円の 独自ドメイン を取得します。サブドメイン無料サービス (xxx.wixsite.com 等) は SEO とブランド面で不利。

レジストラ	特徴	向き
お名前.com	国内最大手、TLD 種類豊富、初年度激安	初心者 / 日本企業
Cloudflare Registrar	原価販売・更新料も安い、Whois 代行無料	コスト最重視 / エンジニア
Squarespace Domains (旧 Google Domains)	UI シンプル、Google ワークスペース連携	個人 / 海外
Value Domain	GMO 系、DNS 設定が柔軟	中級者
AWS Route 53	AWS と統合、API 操作	クラウド運用

TLD の選び方: 一般用途は .com / .net / .jp。個人ブログは .dev / .app / .me も人気。SEO 的に TLD 差はほぼ無い。日本企業の信頼性なら .co.jp。

③ ホスティング選び

方式	例	月額目安	得意
レンタルサーバ	Xserver / ConoHa WING / mixhost / さくら	500〜1,500 円	WordPress / 一般企業サイト
VPS	さくら VPS / ConoHa VPS / AWS Lightsail	700〜3,000 円	カスタムスタック / 自由度重視
クラウド (IaaS)	AWS EC2 / GCP / Azure	従量課金	大規模 / スケール要
PaaS	Vercel / Netlify / Cloudflare Pages / Render	無料〜	SSG / Next.js / Nuxt
マネージド WP	Kinsta / WP Engine	3,000 円〜	本格 WordPress

2026 年現在、静的サイト + CDN (Cloudflare Pages / Vercel) は無料枠が広く、個人〜中小規模ならまずこれで充分。WordPress を選ぶなら国産レンタル (Xserver / ConoHa WING) が安定。

④ 構築方式

CMS (Content Management System)

記事の追加・編集を管理画面から行えるシステム。エンジニア不在でも運用可能。

• WordPress: シェア世界 1 位、テーマ・プラグイン豊富、ブログ〜EC まで万能。プラグイン依存とセキュリティが課題
• Ghost: ブログ・ニュースレター特化、シンプル、Node.js 製
• Drupal: 大規模・多言語サイト向け、行政・教育機関で人気
• Movable Type: 国産、企業サイトで根強い需要
• Strapi / Sanity / Contentful: Headless CMS (API 配信)、フロントを別フレームワークで作る場合

静的サイトジェネレータ (SSG)

Markdown 等のファイルから HTML を事前生成。高速・高セキュリティ・低コスト。エンジニアが書くか、ヘッドレス CMS と組み合わせる。

• Hugo: Go 製、ビルド爆速、ブログ・ドキュメント向け
• Astro: 2026 年人気、コンテンツ系最強、Island Architecture
• Next.js: React、SSG / SSR 両対応、Vercel と相性抜群
• Nuxt: Vue 版 Next.js
• SvelteKit: Svelte 製、軽量で人気上昇中
• Gatsby: 老舗、メンテモード気味

ノーコード

コード不要、ブラウザだけで構築。デザイン自由度はテンプレ次第。

• Wix: テンプレ豊富、AI で初期生成、月 1,500 円〜
• Squarespace: デザイン重視、海外で人気
• STUDIO: 国産、Figma に近い操作感
• Notion Sites: Notion をそのまま公開、ドキュメントサイト向け
• Webflow: 自由度最高だが学習曲線あり
• ペライチ: LP 特化、国産

⑤ 必須セットアップ

HTTPS (SSL/TLS)

2026 年現在、HTTPS 化は SEO・セキュリティ・ブラウザ警告回避の 必須要件 です。多くのホスティングが Let's Encrypt 無料証明書を自動更新で提供。

# Let's Encrypt (certbot) で自前 VPS に証明書発行
sudo apt install certbot python3-certbot-nginx
sudo certbot --nginx -d example.com -d www.example.com

# 自動更新 (cron)
sudo certbot renew --dry-run

Search Console 登録

Google 検索でのインデックス状況・クエリ・順位を確認できる無料ツール。サイト公開直後に必ず登録します。

1. Search Console にアクセス
2. 「プロパティを追加」→ ドメインプロパティ推奨
3. DNS TXT レコードで所有権確認
4. sitemap.xml を送信

GA4 (Google Analytics 4)

2023 年に旧 UA から完全移行。イベントベース計測が標準。

<!-- GA4 タグ (Google tag) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

SEO の基本

• title / meta description: ページ固有・キーワード含める・60〜120 文字
• 見出し (h1〜h3): 構造的に
• sitemap.xml / robots.txt
• 構造化データ (JSON-LD): 記事・FAQ・パンくず
• OGP: og:title / og:image で SNS シェア時の見栄え
• Core Web Vitals: LCP / INP / CLS のスコア
• モバイルファースト: Google はモバイル版を主インデックス

UI / UX の基本

• ファーストビュー (FV) で 誰向け・何のサイトかを 3 秒で伝える
• レスポンシブでモバイル比率 60〜80% に対応
• CV (問合せ/購入) ボタンを 各セクション末に配置
• 読み込み 3 秒以内、画像は WebP / AVIF
• フォントは可読性 (16px+)、行間 1.6〜1.8
• カラーは 3 色程度に絞る

WordPress vs 静的サイト 早見表

観点	WordPress	静的 (Astro/Hugo + Vercel)
更新の手軽さ	◎ 管理画面	△ Git push 必要
表示速度	△〜○ (キャッシュ次第)	◎ CDN 配信
セキュリティ	△ 脆弱性多い	◎ サーバレス
ランニング	レンタル 1,000 円/月	無料〜
カスタマイズ	◎ プラグイン	○ コード次第
運用知識	低	Git / Node.js

FAQ

Q: 個人ブログを最安で始めたい
A: ドメイン (Cloudflare 約 1,200 円/年) + Cloudflare Pages 無料 + Hugo / Astro。年間 1,500 円で運用可能。

Q: WordPress と Wix どちらが SEO に強い？
A: 構造的には WordPress の方が SEO カスタマイズ余地が大きい。ただし Wix も近年改善され、月数千 PV 規模なら差は出にくい。記事品質の方が圧倒的に重要。

Q: 制作会社に依頼すべきか自作すべきか
A: 10 ページ以下のコーポレートサイトなら STUDIO / Wix で自作可能。20 ページ以上の本格サイトや EC は制作会社推奨。

Q: サーバを借りる前にデザインを確認したい
A: Figma でモックアップ → ステークホルダー確認 → 実装、の順序が業界標準。