「ホームページを作りたいけど、何から手をつければいいか分からない」——多くの方が最初にぶつかる悩みです。結論から言うと、ホームページの作り方は大きく3つ。①作成ツールで自作する、②AIで作る、③制作会社に依頼する、です。

私たち Techt は、ChatGPT と並ぶ対話型 AI「Claude（クロード）」に指示して、HTML / CSS のコードごと生成させる方式で、お客様の本番サイトを実際に制作しています。だからこそ、現場の実感としてはっきり言えることがあります。名刺代わりのサイトなら自作で十分です。でも「事業で問い合わせを増やしたい」なら、作り方そのものが変わります。

この記事では、まず3つの作り方を費用・難易度・向き不向きで丁寧に整理します。そのうえで、初心者の方にも分かる言葉で「成果が出るホームページは、なぜ作り方が違うのか」まで正直にお伝えします。

この記事で分かること

  • ホームページの作り方3つ（作成ツール／AI／制作会社）の違い
  • 費用・難易度・向き不向きで見た、自分に合う作り方
  • 目的別（名刺代わり／成果が欲しい）の選び方
  • 「成果が出るホームページ」の作り方がなぜ違うのか
  • 自分で作るときに、つまずきやすいポイント

ホームページの作り方は大きく3つ

まずは全体像です。作り方は次の3つに分かれ、費用・かかる手間・仕上がりの自由度がそれぞれ違います。自分の目的に合うものを選ぶのが最初の一歩です。

① 作成ツールで自作する（Wix・STUDIO など）

Wix・STUDIO・Jimdo・ペライチといった「ホームページ作成ツール」を使う方法です。テンプレートを選び、文字や写真を差し替えていくだけで、専門知識がなくても見た目の整ったサイトが作れます。

  • 費用：無料プランあり。独自ドメインや広告非表示を使うなら月数千円程度の有料プランが一般的。
  • 難易度：低め。マウス操作中心で、コードを書く必要はありません。
  • 向いている人：名刺代わりのサイト、お店の基本情報、趣味のページを自分の手で作りたい人。
  • 注意点：テンプレートをそのまま使うと「よくある見た目」になりがちで、独自性は出しにくいです。

② AIで作る（ChatGPT・Claude など）

ChatGPT や Claude などの AI に「こういうサイトを作って」と指示すると、HTML / CSS のコードごと出力してくれます。文章・デザイン・レイアウトの叩き台を一度に作れるので、ゼロから手で組むより圧倒的に速いのが魅力です。

  • 費用：AI の利用料は無料〜月数千円。ただし独自ドメインやサーバー代は別途必要です。
  • 難易度：中くらい。コードは AI が書きますが、そのコードを公開できる形にする知識は別途要ります。
  • 向いている人：自分の手を動かしながら、ある程度こだわって作りたい人。
  • 大事な前提：AI は「速い手」ですが「何を作るかの頭」ではありません。どんな構成にするかの設計は、人が先に決める必要があります。

AI で作る方法の詳しい手順とプロンプトの型はAIでホームページ制作は本当にできる？、ツールごとの違いはAIホームページ作成ツールの比較で詳しく解説しています。

③ 制作会社に依頼する

プロの制作会社に丸ごとお願いする方法です。ヒアリングから設計・デザイン・制作・公開までを任せられるので、自分の手間は最小限で、仕上がりの品質も安定します。

  • 費用：依頼先によって幅が大きく、数十万円〜数百万円が一般的です。AI を活用する会社なら、品質を保ったまま費用を抑えられる場合もあります。
  • 難易度：自分で作る部分はほぼありません（情報提供と確認が中心）。
  • 向いている人：本業に集中したい人、事業で成果を出したい人、デザインや構成に妥協したくない人。
  • 選び方のコツ：「きれいに作れる」だけでなく「検索される設計まで考えてくれるか」で選ぶと失敗しにくいです（理由は後述します）。

費用の相場や見積もりの内訳はホームページ制作の費用相場で整理しています。

目的別：どの方法を選ぶか

3つの作り方のうち、どれが正解かは「ホームページに何を期待するか」で決まります。判断の軸はシンプルです。

  • 名刺代わり・趣味のサイトが欲しい → ①作成ツールで自作、または②AIで自作。費用も手間も最小限で、十分役目を果たします。「存在を示す」「基本情報を載せる」が目的なら、ここで完結します。
  • 事業で問い合わせ・集客を増やしたい → 設計込みでプロ寄りに。見た目を作るだけでは成果は出ません。「どう検索されるか」を設計してから作る必要があり、ここは独学だとつまずきやすい領域です。③制作会社への依頼か、設計を理解したうえでの②AI制作が現実的です。

この「名刺代わりか／成果が欲しいか」の線引きが、作り方選びで一番大事なところです。そして、後者を選んだ瞬間に「作り方そのもの」が変わります。次の章で、その中身を説明します。

"成果が出るホームページ"は作り方が違う

ここがこの記事の核心です。「きれいなサイトを作ること」と「問い合わせが増えるサイトを作ること」は、まったく別の作業です。見た目を整えるだけなら作成ツールでも AI でもできます。でも、それだけで作ったサイトは、たいてい問い合わせが来ません。

理由はシンプルです。ホームページは「作って終わり」ではなく「検索から見つけてもらって、問い合わせにつなげる」ためのものだからです。なのに多くの人は、いきなり「トップページはこうしたい」「この写真を載せたい」と"作りたいページ"から考え始めます。これが、成果が出ない最大の原因です。

プロは「検索される言葉」から逆算して作る

私たち Techt がお客様のサイトを作るときは、デザインより先に「検索される設計」をやります。簡単に言うと、「作りたいページ」ではなく「実際に検索されている言葉」から逆算して、ページ構成と見出しを決めるということです。具体的には、こう進めます。

  • 実際に検索されている言葉を調べる：見込み客がどんな言葉で・どれくらいの回数検索しているかを、専用の検索データ分析ツールで把握します。「自分が言いたい言葉」ではなく「お客様が打ち込む言葉」を起点にするのがポイントです。
  • 狙う言葉を絞る：「自社の事業に合うか」「検索される回数」「競合の強さ」の3点で見て、勝てて・かつ問い合わせにつながる言葉に絞ります。
  • その言葉から逆算して見出しを決める：絞った言葉を起点に、トップページと各ページの見出し（h1 / h2）を設計します。「お客様が探していること」に、ページの中身が答える形になります。

ここが素人の作り方と決定的に違う部分です。AI に「構成も考えて」と丸投げすると、AI は「世の中の平均的な構成」しか出せません。検索データから逆算した設計は、AI ではなく人とデータでしか作れない——これが、成果を分ける一番の差です。

Techtが実際に回している作り方の流れ

参考までに、私たちが本番サイトを作るときの流れを公開します。AI が登場するのは、実は3 番目です。

  • ① 検索される設計（人）：実際に検索されている言葉から、ページ構成と見出しを決める。
  • ② Googleに正しく読ませる設計（人）：決めた見出しを、title・h1・h2 の構造、意味のある URL、構造化データ、内部リンクとして Google に伝わる形に落とし込む。
  • ③ AIで実装（Claude）：①②で作った設計図を AI に渡して、コードを書かせる。ゼロから考えさせるのではなく「設計図どおりに実装させる」から質が安定します。
  • ④ 成果を測る設計（人）：公開前に「何をもって成果とするか（問い合わせ・予約など）」を決め、GA4 などの計測を仕込む。
  • ⑤ 公開後、数字を見て改善（人）：狙った言葉で見つかり始めたか、想定外の言葉で流入していないかを見て、次の打ち手を決める。

AIは速い"手"であって、"頭"ではない

AI が活躍するのは ③の「実装」だけです。成果を分けるのは、その前の「検索される設計」と、後の「数字を見た改善」——どちらも人の仕事です。AI でコードは速く出せても、「何を・誰に・どう届けるか」の設計は人が持つ。ここを取り違えると、きれいなだけで誰にも届かないサイトになります。

自分で作るときのつまずきポイント

作成ツールや AI で自分で作る場合に、引っかかりやすいポイントを先にお伝えします。「作る」とは別の知識が必要になる場面が、いくつかあります。

  • 公開の方法：AI が書いた HTML / CSS は、そのままではネット上に表示されません。独自ドメインを取得し、サーバー（レンタルサーバーや Netlify・Vercel 等）に設置して初めて公開されます。作成ツールなら公開ボタンで済みますが、AI 制作ではここでつまずく方が多いです。
  • 独自ドメイン：無料プランのままだと、サービス名の入った長い URL になります。事業で使うなら、自社名の独自ドメイン（年間千円〜数千円）を取得しましょう。信頼感が大きく変わります。
  • 画像の準備：AI はテキストとコードは出しますが、写真は用意してくれません。自社の写真や、ライセンス上問題のない素材を別途準備します。
  • 事実確認（ハルシネーション）：AI は「お客様満足度98%」「施工実績5,000件」のような実在しない数字をそれらしく書くことがあります。掲載前に実態と照合してください。誤情報は信頼を一気に失います。
  • 機密情報をAIに入力しない：未公開の顧客情報・社外秘の事業計画・パスワードなどは、外部の AI に入力しないこと。入力内容が学習に使われる可能性があります。AI に渡すのは「公開予定の情報」だけにとどめてください。

自作は「作る」までは簡単になりました。難しくなったのは、その前の「何を載せるかの設計」と、後の「公開・運用」です。名刺代わりなら気にしすぎる必要はありませんが、事業で使うならこの2つを軽視しないことが大切です。

参考：Techtの作り方

Techt は、ここで書いた流れ——検索される設計（人）→ Google に正しく読ませる設計（人）→ AI で実装（Claude）→ 成果を測る設計 → 公開後の改善——をそのまま業務として回しています。だから、こう言い切れます。「作る手」は AI で速くする。でも「検索される設計」と「戦略」は人が持つ。

  • 検索される設計を標準実装：実際に検索される言葉から、ページ構成と見出しを設計します。後付けの SEO ではなく、最初から検索に向けて作ります。
  • 戦略は人が担当：「何を・誰に・どう届けるか」をプロのコンサルタントと言語化。効果が見込めないと判断したら「このまま作っても成果は出ません」と正直にお伝えします。
  • 制作は AI で高速化：実装を AI で効率化し、買い切り 5 万円〜・最短 1 週間を実現しています。

「自分で作ってみたけど成果につながらない」「検索される設計から相談したい」という方は、HP 制作代行サービスのご案内をご覧ください。検索される設計の考え方は検索される設計で、AI 制作の全体像はAIでホームページ制作は本当にできる？、ツールごとの比較はAIホームページ作成ツールの比較、費用感はホームページ制作の費用相場で詳しく説明しています。

よくある質問

ホームページは自分で作れますか？

はい、作れます。WixやSTUDIOといった作成ツールを使えば、専門知識がなくてもテンプレートを選んで文字や写真を差し替えるだけで、見た目の整ったホームページを公開できます。ChatGPTやClaudeなどのAIにHTML/CSSのコードごと書かせる方法もあります。名刺代わりや趣味のサイトなら、自作で十分なレベルに達しています。ただし「事業で問い合わせを増やしたい」場合は、見た目を作るだけでなく「どう検索されるか」を先に設計する必要があり、ここは独学だとつまずきやすいポイントです。

無料でホームページは作れますか？

作れます。Wix・Jimdo・STUDIOなどの作成ツールには無料プランがあり、費用をかけずに公開まで進められます。ただし無料プランには「サービス名の入った広告やバナーが表示される」「独自ドメイン（自社名のURL）が使えない」「機能やページ数に制限がある」といった条件が付くのが一般的です。趣味や試作なら無料で十分ですが、事業で信頼感を出したいなら、独自ドメインが使える有料プラン（月数千円程度）への切り替えをおすすめします。

ホームページの作り方の手順は？

基本の手順は「①目的と載せる情報を決める → ②作り方を選ぶ（作成ツール／AI／制作会社） → ③ページ構成と見出しを決める → ④文章・写真を用意して作る → ⑤独自ドメインを取得して公開する → ⑥公開後に数字を見て改善する」です。初心者がつまずきやすいのは③と⑤です。とくに事業用なら、③で「作りたいページ」から考えるのではなく「実際に検索されている言葉」から逆算して構成を決めると、公開後に見つけてもらいやすいサイトになります。

会社のホームページはどう作る？

会社のホームページは「名刺代わり」か「集客の入口」かで作り方が変わります。取引先に存在を示すだけなら作成ツールで自作しても問題ありません。一方、新規の問い合わせを増やしたいなら、会社概要・サービス・実績・問い合わせ導線をそろえたうえで「どんなキーワードで検索されたいか」を設計し、その言葉から逆算してページ構成と見出しを決めます。私たちTechtも、実際に検索されているキーワードからページ構成を設計してから、AIで実装する流れで会社のサイトを制作しています。見た目より先に「検索される設計」を固めるのが、成果につながる会社サイトの作り方です。

ホームページ作成にどれくらい時間がかかる？

作り方によって大きく変わります。作成ツールやAIで自作する場合、シンプルなページなら数時間〜数日で公開できます。文章や写真の準備、独自ドメインの設定まで含めると1〜2週間ほど見ておくと安全です。制作会社に依頼する場合は、ヒアリング・設計・制作・確認を経て1〜2ヶ月が一般的です。私たちTechtはAIで実装を高速化しており、検索される設計込みでも最短1週間で公開できる体制で進めています。

まとめ

  • ホームページの作り方は大きく3つ：①作成ツールで自作 ②AIで作る ③制作会社に依頼
  • 名刺代わり・趣味なら自作で十分。費用も手間も最小限で役目を果たす
  • 事業で問い合わせを増やすなら、作り方そのものが変わる。見た目を作るだけでは問い合わせは来ない
  • カギは「検索される設計」。"作りたいページ"でなく"実際に検索される言葉"から逆算して構成・見出しを決める
  • AI が活躍するのは「実装」だけ。設計と改善は人の仕事。事実確認と機密情報の線引きは必ず守る

AI の登場で、ホームページのコードは「誰でも出せる」時代になりました。だからこそ差がつくのは、作る前の「検索される設計」です。名刺代わりなら自作で十分。でも事業で成果を出したいなら、設計から考える作り方をおすすめします。まずは無料相談で、貴社に合う進め方を整理するところから始めてみてください。