ホームページの作り方|初心者がAIを活用して自分で作る方法と手順

  • 最終更新日:

ホームページの作り方は4つあり、初心者がAIを活用して自分で作るなら、WordPressを使い、AIに作業を任せる方法がおすすめです。WordPressの設定からページづくり、公開後の更新まで、AIにチャットで指示しながら進められます。

ほかの作り方には、作成ツール、AIにHTMLを書いてもらう方法、制作会社への依頼があります。広告の受け皿になる1ページだけなら、作成ツールも向いています。一方、検索やAI検索からお客様を集めたいなら、WordPressが合います。

本記事では、4つの作り方の比較、AIに任せられることと人が決めること、準備と費用の目安、AIを活用した6つの手順を解説します。

この記事の要約

  1. 初心者がAIを活用して作るなら、WordPressを使い、AIに操作や設定を任せる方法がおすすめ
  2. 作成ツールは広告の受け皿になる1ページ向きで、検索からの集客にはサイト自体が弱い
  3. 設定やページづくり、デザインの直しはAIに任せ、何を載せてどう直すかは人が決める
  4. かかる費用は、サーバーとドメイン、テーマ、AIの有料プランが中心

AtoZ Designが岡山市東区の中古車販売・買取店のホームページをAIで作ったとき、人の作業は10時間未満でした。その経験をもとに、手順と気をつけるところを解説します。

※本記事の内容は2026年11月時点のものです。

目次
  1. ホームページの作り方は4つ|AIを活用するならどれを選ぶか
  2. 初心者にWordPress+AIをすすめる4つの理由
  3. AIに任せられること・人が決めること
  4. 作る前に準備するもの|費用の目安
  5. AIを活用したホームページの作り方|6つの手順
  6. 自分で作るか、制作会社に頼むか|頼んだほうがいい4つの場合
  7. ホームページの作り方に関するFAQ
  8. まとめ|ホームページは、WordPressとAIで自分で作れる
  9. ホームページを自分で作るなら、設計からAtoZ Designにご相談ください

ホームページの作り方は4つ|AIを活用するならどれを選ぶか

ホームページの作り方は4つ|どれを選ぶか

ホームページの作り方は、作成ツール、AIにHTMLを書いてもらう、WordPress+AI、制作会社に頼むの4つです。どれを選ぶかは、何のためのサイトか、どこからお客様を集めたいかで決まります。

作成ツール AIにHTMLを書いてもらう WordPress+AI(おすすめ) 制作会社に頼む
難しさ やさしい 公開と更新に手間がかかる 最初の準備だけ少し手間 任せられる
費用の目安 無料〜月数千円 サーバー・ドメイン代など 月数千円+テーマ代 数十万円〜
デザインの自由度 テンプレートの範囲 高い 高い 高い
検索・AI検索での集客 弱い ページを増やしにくい 強い土台を作れる 設計しだい
向いている人 広告の受け皿になる1ページを早く作りたい人 1〜数ページで、更新が少ないサイトを作りたい人 検索やAI検索から集客し、自分で育てたい人 作業の時間が取れない人、特別な機能が必要な人

※執筆時点の情報です。

広告の受け皿になる1ページなら、作成ツールで足ります。検索やAI検索から集客したいなら、WordPress+AIが向いています。

作成ツールで作る(AIで自動で作るツールを含む)

作成ツールは、用意されたテンプレートに文章や写真を入れて、ホームページを作るサービスです。最近は、業種や店名を入れるだけで、AIがページのたたき台を作る機能も増えています。サーバーやドメインを準備しなくても、すぐに公開できます。

AtoZ Designでは、作成ツールはリスティング広告やYouTube広告の受け皿になる1ページのサイトに向いていると考えています。一方で、検索から集客するサイトとしては、サイト自体が弱く、きびしいのが実情です。

AIにHTMLを書いてもらう

チャットで質問できる生成AIに頼むと、ホームページのもとになるHTMLやCSSのコードを書いてくれます。見た目の整ったページが、短い時間でできるのが利点です。

ただし、AIが作るのはファイルなので、公開や更新には次のような手間がかかります。

  • 公開するには、サーバーを借りてファイルを置く作業が必要
  • 文章や写真を変えるたびに、AIにコードを直してもらい、ファイルを差し替える
  • ページが増えるほど、メニューや共通の部分をそろえるのが大変になる

1〜数ページで、あまり更新しないサイトなら選択肢になります。

WordPressを使い、AIに操作や設定を任せる

WordPressは、ホームページを作って更新するための仕組み(CMS)で、世界中で広く使われています。これまでは、設定やデザインの調整に専門の知識が必要でした。今は、ブラウザを操作できるAIに指示すれば、管理画面の設定からページづくりまでAIが進めてくれます。

AtoZ Designが中古車販売・買取店のホームページを作ったときは、WordPressを直接触らず、すべてチャットで指示して作りました。そのときの流れやかかった時間は、AIでWordPressのホームページを作った記録にまとめています。

制作会社に頼む

制作会社に頼むと、設計からデザイン、公開までを任せられます。費用は自分で作るより大きくなる一方、作業に時間を取られないのが利点です。予約や決済など特別な機能が必要なサイトも、相談しながら作れます。

どんな場合に頼んだほうがいいかは、後半の「自分で作るか、制作会社に頼むか」で紹介します。

初心者にWordPress+AIをすすめる4つの理由

初心者にWordPress+AIをすすめる4つの理由

4つの作り方のなかで、AtoZ DesignがWordPress+AIをすすめる理由は4つあります。検索に強い土台を作り、公開後も自分で育てられるのが、いちばんの強みです。

検索エンジンとAI検索に強い土台が作れる

WordPressは、ページごとにタイトルや説明文を設定でき、ページや記事が増えても整理しやすい仕組みです。検索エンジンに内容が伝わりやすい作りのテーマ(デザインのひな形)も多く、土台から整えられます。

AI検索に引用されるには、誰のためのどんなサービスなのかが、ページから読み取れることが大切です。WordPressなら、質問に答えるようなページや記事を、必要なだけ増やせます。AIに選ばれるための考え方は、AIに引用されるための対策(LLMO)で解説しています。

デザインや構成を、型にしばられず作れる

作成ツールは、用意された型の範囲でしかデザインや構成を変えられないことが多くあります。WordPressなら、ページの数や並び、デザインを自由に決められます。AtoZ Designが作ったときも、セクションごとにデザインを変えたり、大きく開くメニュー(メガメニュー)を足したりしました。

これまでは、テーマのデザインが細部まで決まっていて、それを打ち消してオリジナルにするのが大変でした。AIなら、元のスタイルを指示だけで打ち消して、思いどおりのデザインに変えてくれます。

ある程度のデザインなら、なんでも作れそうだと感じています。

AtoZ Design 大西

公開後に自分で更新して育てられる

WordPressは、管理画面からお知らせや記事を追加でき、ページも自由に増やせます。文章づくりはAIが得意なので、公開後の更新も続けやすくなります。育て方は、手順6で紹介します。

サイトが自分のものになる(ツールをやめても移せる)

WordPressは、無料で使えるオープンソースのソフトで、借りたサーバーに入れて使います。サーバーを変えるときも、サイトごと引っ越せます。作成ツールは、そのサービスの中でしか使えないものが多く、やめるとサイトを移しにくい場合があります。

AIに任せられること・人が決めること

AIに任せられること|人が決めること

AIを使えば、ホームページづくりの作業の多くを任せられます。ただし、何を載せるか、どこをどう直すかを決めるのは人です。

作業 AIに任せられること 人が決めること
最初の準備 WordPressやテーマの設定 サーバー・ドメインの契約と支払い、ログイン
設計 構成を一緒に考え、整理する 一番の強み、どのページに何を載せるか
ページづくり 設計にそってページと文章を作る 内容が事実と合っているか
デザインの仕上げ 色や余白、見やすさ、導線を直す どこをどう直すか(参考のデザインを用意する)
記事・お知らせ 文章のたたき台を作る 何を書くか、実績や写真などの素材
公開後の管理 更新、セキュリティ対策、バックアップ 作業の結果を確かめる

表のとおり、直す作業はAIに任せ、どこをどう直すかは人が決めます。特に、見た人が迷わずお問い合わせまで進めるかどうかは、人の目で判断するところです。

直す作業はAIができます。どこをどう直すかは、人が見て判断して指示します。

人が見て直感的にお問い合わせまでつながるデザインや導線は、まだAIには難しいところです。

AtoZ Design 大西

作る前に準備するもの|費用の目安

作る前に準備するもの|費用の目安

AIに作業を任せる前に、人が決めて用意するものは3つです。

目的と、誰に向けたサイトかを決める

問い合わせを増やしたいのか、来店につなげたいのか、求人に使いたいのかで、載せる内容は変わります。誰に向けたサイトかもあわせて決めておくと、あとの設計で迷いません。中古車販売・買取店のサイトでは、最初に「買取で地域一番のサイトにする」と決めてから作りました。

文章や写真などの素材を集める

お店や商品の写真、代表やスタッフの写真、実績、お客様の声、料金や営業時間などを集めます。写真やイラストが足りないときは、画像を作るAIでも補えます。

AtoZ Designでは、先にAIでたたき台のサイトを作り、足りない情報や確かめたいところを洗い出してから、お店に聞く順番にしています。どこの何を聞かれているかが画面で見えるので、答える側もわかりやすくなります。

サーバー・ドメイン・テーマ・AIの有料プランを用意する

WordPressで作るには、次の道具を用意します。ブラウザを操作できるAIは、有料プランで使えるものが多くあります。

項目 内容 費用の目安
サーバー ホームページのデータを置く場所 月1,000円前後
ドメイン ホームページの住所(〇〇.comなど) サーバーの特典で無料になることが多い
有料テーマ デザインのひな形 1〜2万円前後(買い切りが多い)
AIの有料プラン ブラウザを操作できるAIを使うため 月20ドル前後
画像を作るAI 写真やイラストが足りないとき 無料の範囲で足りることが多い

※執筆時点の情報です。

毎月かかるのはサーバーとAIの有料プランで、ほかは最初の一度で済みます。

AIを活用したホームページの作り方|6つの手順

AIを活用したホームページの作り方|6つの手順

準備ができたら、次の6つの手順で進めます。

  1. サーバーとドメインを用意し、WordPressとテーマを入れる
  2. 設計をつくる(どのページに何を載せるか)
  3. AIにページを作ってもらう
  4. 人が見て、直すところを指示する
  5. 公開する前に確かめる
  6. 公開して、実績・お客様の声・記事で育てる

手順1 サーバーとドメインを用意し、WordPressとテーマを入れる

サーバーを契約し、ドメインを取ります。多くのサーバーには、管理画面からWordPressを入れられる機能があります。契約と支払いは人が行い、そのあとのWordPressやテーマの設定はAIに任せられます。

初めての方がつまずきやすいのは、この最初の準備です。ただ、実際にやってみると難しい作業ではなく、わからないところはAIに聞きながら進められます。パスワードの入力やログインは、AIに任せず自分で行います。

手順2 設計をつくる(どのページに何を載せるか)

手順の中でいちばん難しいのは、どのページに何を載せるかを決める設計です。AIはまだこの判断が苦手なので、人が中心になって決めます。設計で決めるのは、次の3つです。

  • 一番の強み(何を売りたいか、どこが他のお店と違うか)
  • 必要なページ
  • 各ページに載せる内容と順番

AtoZ Designでは、表計算のシートでサイトの構成をAIと一緒に考え、設計を作り込んでからWordPressで形にしました。構成の決め方は、ホームページの構成の決め方と考え方で手順にまとめています。

手順3 AIにページを作ってもらう

設計ができたら、AIにページを作ってもらいます。WordPressの管理画面をAIが操作し、設計にそってページや文章を作っていきます。人はチャットで指示を出し、AIが許可を求めたときに確認します。

AtoZ Designが作ったときは、AIの作業を待つ時間が長くありました。人は別のパソコンでほかの仕事をしながら、許可を出すときと相談するときだけ入力しています。

WordPressもそうですが、基本的にAIとチャットしているだけで全部できます。

AtoZ Design 大西

手順4 人が見て、直すところを指示する

できあがったページを人が見て、直すところをAIに伝えます。見るのは、次のようなところです。

  • お問い合わせまで、迷わずたどり着けるか
  • 文字ばかりで、読みにくくなっていないか
  • 余白や色、ボタンの見え方

直したいイメージがあるときは、参考にしたいデザインを用意してAIに見せると伝わりやすくなります。AtoZ Designでは、文字の多いページをカードの形にしたり、写真やアイコンを増やしたりして、読まなくても伝わるデザインにしました。

手順5 公開する前に確かめる

AIは、わからないところも文章を補って書くことがあります。公開する前に、料金や営業時間、実績の数字などが事実と合っているかを、人が確かめます。AtoZ Designでは、年や番号などの数字はAIに推測させず「○○○」にしておき、お店に確かめてから入れました。

あわせて、次の点も確かめます。

  • スマートフォンでの見え方
  • お問い合わせフォームが届くか
  • 作業中に検索エンジンに表示しない設定にしていた場合、外したか

手順6 公開して、実績・お客様の声・記事で育てる

ホームページは、公開してからが本番です。サイトを作っただけで広告の代わりになるわけではなく、きちんと運営しているかどうかも大きなポイントです。公開後にまず取り組みたいのは、次の2つです。

  • 実績やお客様の声を増やしていく
  • 記事(コラム・お知らせ)を書いていく

文章づくりはAIが得意なので、素材や伝えたいことを渡せば、記事のたたき台まで任せられます。更新やセキュリティ対策、バックアップといった管理もAIに任せられます。

自分で作るか、制作会社に頼むか|頼んだほうがいい4つの場合

制作会社に頼んだほうがいい4つの場合

AIを使えば自分で作れますが、制作会社に頼んだほうがいい場合もあります。次の4つに当てはまるときは、制作会社への依頼も選択肢に入ります。

作業の時間が取れない

AIが作業する間も、指示や確認には人の時間が必要です。作るところまで任せたいなら、制作会社が向いています。

強みや構成を、自分では決められない

手順2の設計は、AIを使っても人が決めるところです。設計だけをプロに頼み、作る作業は自分で進める方法もあります。

予約・決済・会員などの特別な機能が必要

予約や決済、会員登録などの仕組みは、設定や安全面の確認が増えます。こうした機能が必要なら、経験のある制作会社に相談するほうが安心です。

今のサイトが、すでに集客の柱になっている

今のホームページから問い合わせが来ているなら、作り直しで検索の順位を落とすわけにはいきません。ページの住所(URL)の引き継ぎなどにも気を配る必要があるため、プロに頼むほうが安全です。

設計だけを頼む方法と、作るところまで任せる方法は、記事の最後で紹介します。

ホームページの作り方に関するFAQ

Q. 初心者でも、自分でホームページを作れますか?

作れます。WordPressを使い、設定やページづくりをAIに任せれば、コードを書けなくても進められます。いちばん難しいのは、どのページに何を載せるかを決める設計で、ここは人が中心になって決めます。

Q. AIを使ってホームページを作ると、費用はいくらかかりますか?

月数千円から作れます。毎月かかるのは、サーバー代(月1,000円前後)とAIの有料プラン(月20ドル前後)が中心です。有料テーマを使う場合は最初にテーマ代がかかり、ドメインはサーバーの特典で無料になることが多くあります。

Q. AIだけで、ホームページは完成しますか?

人の判断が必要です。作業の多くはAIに任せられますが、どのページに何を載せるか、デザインのどこをどう直すか、内容が事実と合っているかは、人が見て決めます。

Q. AIでホームページを作るデメリットは何ですか?

おもに2つあります。1つは、わからないところも文章を補って書くため、事実と違う内容が入ることです。もう1つは、どのページに何を載せるかの設計や、お問い合わせまでの導線の判断が、まだ苦手なことです。

どちらも、料金や実績の数字などを人が確かめ、設計と直し方を人が決めれば防げます。

Q. 無料でホームページを作れますか?

作れます。作成ツールの無料プランなら、費用をかけずに公開できます。ただし、独自のドメインが使えない、広告が表示されるなどの制限があることが多くあります。

検索から集客したいなら、月数千円でWordPressを使う方法をおすすめします。

Q. HTMLやプログラミングの知識は必要ですか?

必要ありません。コードはAIが書いてくれるので、人はどう直したいかを言葉で伝えれば進められます。WordPressの設定やデザインの調整も、チャットで指示できます。

まとめ|ホームページは、WordPressとAIで自分で作れる

まとめ|ホームページは、WordPressとAIで自分で作れる

ホームページの作り方について、本記事で解説した要点を整理します。

  • ホームページの作り方は、作成ツール、AIにHTMLを書いてもらう、WordPress+AI、制作会社に頼むの4つ
  • 検索やAI検索から集客したいなら、WordPressを使いAIに任せる方法が向いている
  • 設定やページづくり、デザインの直しはAIに任せ、何を載せてどう直すかは人が決める
  • いちばん難しいのは設計で、一番の強みとページごとの内容を先に決める
  • 公開後は、実績・お客様の声・記事を増やして育てる

AIを使えば、作る作業の多くを任せられます。だからこそ、何を伝えるかを決める設計に時間をかけることが大切です。最新の機能や条件は、使う前に各公式サイトで確認してください。

ホームページを自分で作るなら、設計からAtoZ Designにご相談ください

AIに選ばれるホームページを、自分でつくる|AtoZ Designの伴走サポート

AtoZ Designは、LLMO・AI検索最適化とSEO・MEOを通じて、AI検索時代に選ばれるお店や会社をつくるWeb制作事務所です。クリニック、飲食店、美容室、建設会社など、地域の中小企業のホームページ制作と集客に携わってきました。

本記事でお伝えしたとおり、AIを活用したホームページづくりでいちばん難しいのは、どのページに何を載せるかを決める設計です。「AIに選ばれるホームページを、自分でつくる」は、その骨格づくりをAtoZ Designと一緒に進める伴走サポートです。

ページを形にする作業は、お店ご自身がAIを使って進めます。いちばん難しい設計は、プロと一緒に進められます。デザインにこだわりがある方ほど、ご自身で自由に形にできるほうが、納得のいくサイトになります。

AtoZ Designの伴走サポートには、次の4つの特長があります。

  • ヒアリングと設計から伴走:何を売りたいか、どこが強みかを一緒に整理し、どのページに何を載せるかの設計シートをお渡しします
  • SEOとAI検索に向けた設計:検索やAI検索に参照されやすいページの作りを、設計の段階から組み込みます
  • 店舗運営の経験:飲食店の運営に携わってきた経験から、お客様の行動につながる見せ方を一緒に考えます
  • 完成まで、公開後も:完成まで伴走し、公開後の更新や管理も続けて相談できます

完成の目安は約2か月で、今あるホームページのリニューアルにも使えます。途中で「やはり作ってほしい」となった場合は、制作プランに切り替えられます。

「何から始めればいいかわからない」「作成ツールのサイトを作り直したい」「構成に自信がない」といった段階のご相談も歓迎しています。お気軽にお問い合わせください。






    「ある」の方は、URLをご記入いただけますと幸いです(任意)



    作るところまで任せたい方は、ホームページ制作のページをご覧ください。

    ▶関連記事:Claudeでホームページ作成|プロが車屋のサイトで検証、人の作業は10時間未満
    ▶関連記事:ホームページの構成の決め方と考え方|必要なページと5つの手順

    参考文献

    大西 励治

    この記事を書いた人

    大西 励治おおにし れいじ

    LLMO・AIO対策に強いホームページ制作「AtoZ Design」代表

    自社サイトにおいてChatGPT・Perplexity・Gemini・Copilotなど主要AI検索で「LLMO対策に強い制作会社」として言及・推奨された実績を持ち、そのノウハウをクライアントのサイト制作に展開しています。飲食店、美容室、病院、建築業など多業種のクライアントにおいて、AI検索やGoogle検索での上位表示を多数実現。E-E-A-Tを土台にしたサイト設計を強みに、SEO・MEO・LLMO・AIOを一貫して支援。限られた予算でも成果につながる、現実的で価値ある提案を重視し、トータルなWebマーケティングを提供しています。

    CONTACT

    お問い合わせ|AI検索の無料診断・ホームページ制作の無料相談

    岡山を拠点に、全国からのご相談を受け付けています。AI検索での見え方の確認から、ホームページ制作、LLMO・AIO対策まで、内容に合わせて進め方をご提案します。

    FREE DIAGNOSIS

    AI検索の無料診断

    ChatGPTなどの対話AIと、GoogleのAIによる概要で、会社やお店がどう紹介されているかを診断します。結果はPDFのレポートにまとめ、オンラインでご説明します。

    • 7項目・100点満点で採点
    • レポートとご説明まで無料
    • 受付は月5社まで
    無料診断を申し込む

    FREE CONSULTATION

    無料相談

    ホームページ制作、LLMO・AIO対策、自分でつくるホームページ、MEO対策など、ご相談の内容に合わせて、課題と進め方をご提案します。

    • 打ち合わせはオンライン(Google Meet)
    • 岡山県内は対面での打ち合わせもできます
    • 北海道から沖縄まで全国対応
    無料で相談する

    お問い合わせフォームで入力が必須なのは、ご相談項目・お名前・メールアドレスの3つです。

    TOP
       【無料】中小企業向けLLMO診断・AIO診断 ×