ホームページを無料で作る方法：選択肢、手順、注意点

ホームページを無料で作るには、サイトビルダーやAIウェブサイトビルダーの無料プランで作り、プランに付いてくる無料のアドレスに公開する方法と、簡単なページを自分で書いて無料の静的ホスティングに置く方法があります。トレードオフは予想どおりです。サイトは自分の .com ではなく他社のアドレス上に置かれ、無料プランは容量、ページ数、機能に制限があります。ポートフォリオ、イベントページ、サークルのサイト、ビジネスアイデアの検証なら、それで十分なことが多いでしょう。このガイドでは無料の選択肢を比較し、作り方を順に説明します。

AIに作ってもらうことを前提にするなら、プロンプトや修正のコツをさらに詳しく扱ったAIでホームページを作る方法をご覧ください。

ホームページを無料で作る4つの方法

1. サイトビルダーの無料プラン

WixやGoogleサイトのような従来のドラッグ＆ドロップ型ビルダーでは、テンプレートを選んでビジュアルに編集できます。Googleサイトは、Googleアカウントがあれば無料で、簡単な社内ページや学校のページに向いています。商用ビルダーの無料プランは、通常は自社のブランド表示が入り、独自ドメインは有料プランのみです。最新の規約は各社でご確認ください。

向いている人： ビジュアルに編集したい人、見慣れたテンプレートから始めたい人。

2. AIウェブサイトビルダーの無料プラン

普通の言葉でサイトを説明すると、AIがレイアウト、文章、画像を含めて作ります。変更は頼むだけです。たとえばMythexの Free プランは、1日5クレジット（初日は10、月30まで）、プロジェクト数無制限、ライブプレビュー、mythex.app アドレスへのワンクリック公開が使えます。クレジットカードは不要です。

向いている人： テンプレートっぽくないサイトにしたい人、ページ以上のもの（予約フォーム、データベースに保存するメニュー、会員エリア）が必要な人。

3. 自分のコードを無料の静的ホスティングに置く

HTMLとCSSが書ける、または学ぶ意欲があるなら、GitHub Pagesのようなサービスで簡単なサイトを無料でホスティングできます。ファイルを書いてアップロードすれば、公開アドレスが得られます。

向いている人： 開発者、ウェブの基本を学ぶ学生、ごく簡単なサイト。

4. 無料のブログプラットフォーム

ブログプラットフォームでは、無料のアドレスと文章エディタが手に入ります。サイトがほぼ記事なら十分ですが、それ以外をやりたいなら物足りません。

早見表

無料のホームページを作る手順

ここでは例として、週末のランニングクラブのサイトを、AIビルダーの無料プランで作ります。どのツールでも同じ手順が使えます。

ステップ1：サイトの目的を決める

1文で書きます：「新しいランナーに、いつどこで集まるかを見せ、土曜のランに申し込めるようにする」。この1文で必要なページが決まり、誰も見ないページを作らずに済みます。

ステップ2：ページとセクションを書き出す

短くまとめます。

• ホーム： クラブの紹介、次回のラン、申し込みボタン。
• ラン： 毎週のスケジュールと集合場所。
• 参加： 名前、メールアドレス、ペースグループを入力するフォーム。
• お問い合わせ： 運営者への連絡方法。

これらをセクションにした1ページのサイトでも構いませんし、そのほうが更新も楽です。

ステップ3：本物のコンテンツを集める

集合時間、使用権のある写真を数枚、短い「私たちについて」の文章を用意します。AIは文章の下書きを作れますが、クラブの実際の情報は知りません。作り話の情報が入ったサイトはありきたりに見え、訪問者を誤解させるおそれがあります。

ステップ4：最初のバージョンを作る

AIビルダーなら、一度に説明します。

リーズにある週末ランニングクラブのウェブサイトを作ってください。ホームには写真バナー、短い歓迎の言葉、次回のランの日付、時間、集合場所。ランのページには毎週のスケジュール（土曜午前8時、3つのペースグループ）。参加のページには名前、メールアドレス、ペースグループのフォームがあり、運営者が見られるよう申し込みを保存します。お問い合わせのセクションにはメールアドレス。元気でありながらすっきりしたデザインで、スマホで使いやすく。

これをMythexのウェブサイトビルダーに貼り付ければ、数分でプレビューにサイトが表示されます。ドラッグ＆ドロップ型のビルダーなら、この構成に近いテンプレートを選んで中身を入れ替えます。

ステップ5：自分らしくする

文章を自分の言葉に変え、自分の写真に差し替え、ロゴがあれば色が合っているか確認します。変更は1つずつ頼みましょう：「参加ボタンをオレンジにして、写真の上に移動して」。

ステップ6：スマホで確認する

訪問者の多くはスマホで来ます。プレビューをスマホサイズで開き、文字が読みやすいか、ボタンがタップしやすいか、フォームが動くかを確認します。見るべき点はホームページをモバイル対応にする方法をご覧ください。

ステップ7：検索エンジンに必要な基本を追加する

各ページに明確なタイトルと1行の説明文をつけ、本物の見出しを使い、画像には短いaltテキストを加えます。何を頼むべきかはAI製ウェブサイトのSEOのガイドにまとめています。

ステップ8：公開する

Mythexでは**公開（Publish）**をクリックして名前を選ぶと、Freeプランでサイトが mythex.app のアドレスで公開されます。リンクをクラブのSNSや地元のランニンググループで共有しましょう。

無料のホームページでできないこと

チラシにアドレスを印刷する前に、制限をはっきり把握しておきましょう。

• 独自ドメインなし。 アドレスにサービス提供側の名前が含まれます。後で独自ドメインに移すときは、古いリンクをリダイレクトする必要があります。
• 容量とアクセス数の制限。 小規模な利用者なら問題ありませんが、訪問者が多い、または大きなファイルを扱う見込みなら、プランを確認してください。
• ブランド表示。 無料プランの中には、提供元のバッジや広告が表示されるものがあります。
• 機能が少ない。 オンライン決済、会員エリア、大きめのデータベースは有料プランが必要なことがあります。
• 専任のサポートなし。 無料プランはヘルプページとコミュニティフォーラムが頼りです。

有料にするタイミングと対象

すべてを一度に有料にする必要はありません。価値の高い順に、おおよそ次のとおりです。

1. ドメイン名。 信頼性と恒久的なアドレスのために、たいていは最初に払う価値があります。ドメイン名の選び方をご覧ください。
2. ドメインを接続できるプラン。 Mythexでは月25 USDのProで、コード編集、エクスポート、GitHub同期、より多くのビルドクレジットも付きます。DNSの手順は独自ドメインの接続のガイドで説明しています。
3. ドメインに合ったメールアドレス。 ドメインのレジストラかメールサービスで取得します。
4. 有料機能（決済など）は、必要になったときだけ。

無料サイトを役立つ状態に保つ

更新されていない無料サイトは、サイトがないより悪い印象を与えます。毎月カレンダーにリマインダーを入れて、スケジュールを更新し、古いイベントを削除しましょう。AIビルダーなら、「次回のランを今週土曜の午前8時、Roundhay Parkの門前集合に変更して」のように1通メッセージを送るだけで済みます。

次に読むもの

チャットでAIにコードを書いてもらいたいなら、ChatGPTでホームページを作る方法をお読みください。始める前にツールを比べたい方は、おすすめのAIウェブサイトビルダーをご覧ください。

よくある質問