ウェブサイトの構築方法（ウォークスルーで開始から終了まで）

用語と背景 — AI website builder / vibe coding / no-code website

「AI website builder」は、対話形式のプロンプトからサイト全体を自動生成するツールを指し、代表例として Wix ADI、Squarespace AI、Framer AI、Hostinger AI Website Builder、10Web などがあります。「vibe coding」は 2026年前後に定着した用語で、コードを書かず「こんな感じで」という自然言語指示だけでプロダクトを組み立てる開発スタイル。「no-code website」はより広義で、AI以前からある Webflow・Bubble のようなビジュアル構築ツール群も含みます。今回の記事は AI builder を軸にした「0からのローンチ手順」を扱っています。

数字で見る背景 — AI サイト構築の広がり

• Wix：2025年時点で全世界2.5億ユーザーを公称。ADI（AI Design Intelligence）は主力機能
• Squarespace：AI blog writer、AI image generator を標準搭載
• Framer AI：デザイナー支持が厚く、Landing Page 用途で高シェア
• Hostinger AI Website Builder：新興プレイヤーの中で価格競争力最強クラス
• AI生成コンテンツと検索順位の相関はほぼゼロ（seo_article/75参照。60万ページ調査）

「AIで作った」だけではペナルティを受けないというのは前記事の通りですが、独自性・E-E-A-T・体験価値の設計がなければ検索流入は積み上がりません。

他の選択肢との比較 — 主要ツールの適性マップ

• Wix ADI：オールインワン。中小事業・ローカルビジネス向け。SEO設定は標準的
• Squarespace AI：デザイン品質高、ポートフォリオ・ブランド系サイトに強い
• Framer AI：ランディングページ・スタートアップ公式サイトに強い。デザイン再現性最強クラス
• Hostinger AI：低予算・スピード優先の新規立ち上げ
• 10Web：既存サイトの AI 再生成（リプレース）に強み
• WordPress + AI プラグイン：柔軟性最大、長期運用向き。学習コスト高

実装手順 — AIウェブサイト構築の0からのステップバイステップ

1. 目標設定：BtoB リード獲得か、EC販売か、ブランドPRか。KGI・KPIを1〜3個に絞る
2. ターゲット定義：ペルソナ1〜2人分を明文化（年齢・職業・課題・情報接触経路）
3. 独自性の明確化：競合3社と比較し、自社の強み1点を短文で言語化
4. ドメイン取得：お名前.com / Xserverドメイン / Google Domains でブランド名+.jp/.com を確保
5. SNSハンドル同時確保：X / Instagram / LinkedIn / Threads で同名アカウントを取っておく
6. AIビルダー選定：Wix ADI（オールインワン）/ Framer AI（デザイン重視）/ Squarespace AI（ポートフォリオ）/ Hostinger AI（低予算）から用途に応じて選ぶ
7. プロンプト設計：目的・ターゲット・独自性を1〜2文にまとめ、AIビルダーに入力してドラフト生成
8. キーワードリサーチ：Google Keyword Planner / Ahrefs / Ubersuggest で主要KWの検索数を確認し、コアページ3〜5本の見出しに反映
9. コンテンツ手直し：AI生成の文面を人間の目でファクトチェック、実体験の一段落を差し込む（E-E-A-T の Experience 担保）
10. 公開・計測開始：Search Console 登録、GA4 導入、初期noindex解除、sitemap 送信

AI生成サイトとGoogleランキング — E-E-A-T との関係

AI生成コンテンツそのものはGoogleペナルティ対象ではありません（60万ページ調査 seo_article/75 参照）。ただし E-E-A-T（Experience / Expertise / Authoritativeness / Trustworthiness）のうち、AI生成だけで自動的に高得点になるのは Expertise（専門性）の下地部分だけで、Experience（実体験）は人間の手が入らないと満たせません。実務では「AIビルダーでベースを作り、実体験1段落＋著者プロフィール＋Personスキーマ」の3点セットで E-E-A-T の穴を埋めるのが現実的なパターンです。

Hostinger AIウェブサイトビルダーの評判・使ってみた感想

Hostinger AI Website Builder は、Hostinger（ホスティング大手）が提供する低予算志向のAIビルダーです。第三者レビューサイト・G2 / Trustpilot・Product Huntで公開されているユーザー評価では、①価格が業界最安帯（月額数百円〜）、②AI生成品質は Wix ADI / Squarespace AI に一歩譲るが基本的な用途には十分、③テンプレートの多様性・カスタマイズ性は Framer AI に及ばない、といった声が多く見られます。使ってみた感想レビューの多くが「小規模事業・個人ブランドの初期立ち上げ用途に適している」「本格運用に入ると WordPress 移行を検討したくなる」の2点に集約されており、Hostinger自体もWordPress統合機能を強化する方向性にあります。実運用でのメリット・デメリットを把握したうえで導入判断するのが安全です。

AIウェブサイトビルダーを使わずに無料でサイトを作る方法

AIビルダーは便利ですが、無料でサイトを作りたい場合の代替手段も豊富にあります。

• GitHub Pages：静的サイトホスティング完全無料。技術者向けだがカスタム性最高
• Notion：ページを公開設定にするだけで簡易サイト化。ドキュメント寄り
• Google Sites：Google アカウントがあれば無料で作成。カスタム性は低い
• WordPress.com 無料プラン：ブログ寄り、独自ドメイン非対応の制約あり
• Netlify + 静的サイトジェネレーター（Hugo・Astro・Next.js）：無料枠内で本格運用可能
• Framer 無料プラン：framer.website サブドメインで公開可能

「無料で作れる」と「無料で運用できる」は別軸で、独自ドメイン運用・広告非表示・SSL証明書・メール設定を全部無料で満たすのは難しく、月額数百円〜数千円の投資が現実的な落としどころです。

WEBディレクターのユースケース — 現場での使い分け

実務では次のパターンが多く見られます。①スタートアップの MVP フェーズは Framer AI で1〜2週間で仮公開、資金調達後に WordPress へ移行。②地方の中小事業者は Wix ADI で3日以内に公開まで持っていき、SEO記事だけ人間ライターに外注。③既存のリブランドは 10Web で色・レイアウトのみ AI 再生成、既存 URL 構造は温存。いずれも「AI で作れる部分」と「人間の判断が必要な部分」を明確に切り分けることが成功要因になります。

📌 関連コンテンツ

• [翻訳] AIに生成されたコンテンツは、Googleのランキングを傷つけません（60万ページ分析）
• AIクローラーに課金するPay Per CrawlをCloudflareが試験導入
• [翻訳] Googleの無料SEOツールは説明しました
• コアウェブバイタルのスコアは発リンクのクロールに関係する？
• Google検索が「作る場所」に進化、AI ModeのCanvasでツール作成が可能に
• WEBサイトサポートの無料ツール一覧