メインコンテンツへスキップ

COLUMN

AIでホームページ作成はどこまでできる?任せてよい作業と足りない5つの部分

自分で作る・ツール公開日
AIでホームページ作成を進めながら、自分のノートで内容を確かめるカフェの店主のイラスト

この記事でわかること

  • AIでホームページ作成をして任せられる作業と、自分で決める作業の分け方
  • AIだけでは足りない5つの部分と、それぞれの補い方
  • 無料で試せるAIのホームページ作成ツールを選ぶときの確認項目
  • AIを使ったホームページの作り方の手順と、公開前に確かめること
  • AIで自分で作る場合と頼む場合の比較と、頼んだ方がよい条件

AIでホームページ作成をすると、ページの構成案、文章のたたき台、デザインの見本までは短い時間で形になります。一方で、自分の仕事ならではの強み、料金や営業時間などの正しい情報、実際の写真、公開後の更新と管理は、AIに任せきりにできません。AIは下書きを速く出す道具で、何を載せるかを決めて確かめるのは事業者自身です。この記事では、AIで作れる範囲と足りない部分、無料で試せるツールの選び方、AIを使った作り方の手順、公開前に確かめること、人に頼んだ方がよい条件を順にまとめます。

AIでホームページ作成はどこまでできるのか

AIを使ったホームページ作成で速くなるのは、白紙から最初の形を作るところです。業種やお店の特徴を入力すると、ページの並び、見出し、紹介文、色の組み合わせまでを数分で出してくれるツールもあります。何もない状態から考え始めるより、たたき台があった方が手は動きやすくなります。

AIでホームページ作成をして、画面に出てきたページの形を確かめるカフェの店主のイラスト
AIが出してくれるのは最初の形です。その中身が自分のお店に合っているかを見るのは、作る人の仕事です。

ただし、AIが出すのはあくまで「よくある形」です。どの作業をAIに任せ、どこを自分で決めるのかを分けておくと、AIの良いところを使いながら失敗を避けられます。

AIに任せられる作業と、自分で決める作業
作業AIに任せられること自分で決めること
ページの構成業種に合う項目と並び順の案実際に載せる項目の取捨選択
文章紹介文や説明文のたたき台事実の確認と、自分の言葉への直し
デザイン色や配置の見本、テンプレートの提案お店の雰囲気と合っているかの判断
画像イメージ画像の作成店内、人、商品、仕事の様子の実際の写真
公開と管理設定の手順の説明ドメインの契約、更新、問い合わせへの対応

表の左側はAIで速くなる作業、右側は誰が作っても事業者自身が関わる作業です。AIで作るか人に頼むかを考えるときも、この右側を誰が受け持つのかが判断の分かれ目になります。

ホームページの作り方にAIを使う3つの方法

AIの使い方は、大きく3つに分かれます。どれを選ぶかで、必要な知識と公開後の手間が変わります。

作成サービスに付いているAI機能で作る

Wix や STUDIO などの作成サービスには、質問に答えるとページの土台を作ってくれるAI機能を備えたものがあります。公開やサーバーの管理もサービスの中で済むので、3つの中では始めやすい方法です。サービスごとの特徴はWixでホームページを作る前に知っておきたいこととSTUDIOのホームページ作成とジンドゥーの違いで説明しています。デザインツールから作る方法はCanvaでのホームページ作成にまとめています。

対話型のAIで原稿と構成を作り、作成サービスに入れる

ChatGPT のような対話型のAIに、ページの構成や紹介文の下書きを頼み、それを作成サービスやWordPressに入れていく方法です。文章を考える部分だけAIに手伝ってもらう形なので、ツールは使い慣れたものを選べます。仕事の中での対話型AIの使い方はChatGPTの業務活用でも紹介しています。

AIにコードを書かせて自分で公開する

AIにHTMLやCSSのコードを書かせ、自分でサーバーに置く方法です。見た目を自由に作れる反面、エラーが出たときに直す知識と、サーバーやドメインの設定が必要になります。HTMLの基本はHTMLでのホームページの作り方にまとめています。

AIを使った3つの作り方の違い
方法向いている人気をつけること
作成サービスのAI機能早く形にしたい、ページが少ないテンプレートの枠の外のことはしにくい。他のサービスへの引っ越しが難しい
対話型AIで原稿づくり文章で止まりやすい、使いたいツールが決まっている形にする作業は自分で行う。出てきた文章は必ず読み直す
AIにコードを書かせるWeb制作に少し慣れている不具合を直す知識、サーバーとドメインの管理が自分に残る

AIを使わない作り方も含めた全体の流れはホームページの作り方で説明しています。AIはどの方法でも「途中の作業を速くする道具」で、作り方の順番そのものは変わりません。

AIのホームページ作成で足りない5つの部分

AIで作ったページは、一見すると整って見えます。けれども、そのまま公開すると困ることがある部分が5つあります。どれも、作った後に事業者が手を入れることで補えます。

AIで作ったホームページの下書きを、自分のメモと見比べて確かめる店主のイラスト
AIの下書きは整って見えても、強みや事実が自分のお店と合っているかは、手元の情報と見比べないと分かりません。

自分の仕事ならではの強み

AIは、たくさんの文章から「よくある言い方」を組み立てるのが得意です。そのため、何も指示しないと「地域に根ざした」「お客様一人ひとりに寄り添う」といった、同業者のどのページにも書いてありそうな文章になりがちです。お客さんに選ばれている理由、よく言われる言葉、ほかと違うやり方は、自分で書き足さないと出てきません。

料金、営業時間、資格などの正しい情報

AIは、もっともらしい文章の中に事実と違うことを混ぜる場合があります。料金、営業時間、住所、資格、取り扱っているメニューなどは、AIに考えさせず、自分で書いた正しい情報を渡してください。出てきた文章に、自分が渡していない数字や実績が入っていたら消します。

実際の写真

AIで作った画像はきれいでも、実際のお店や人とは違います。来店したお客さんが「写真と違う」と感じると、それだけで信頼を損ねます。店内、人、商品、仕事の様子は、自分で撮った写真を使ってください。撮り方はホームページの写真の撮り方と注意点で説明しています。

権利と表現のルール

AIで作った文章や画像でも、既存の作品と似ていて、それをもとにしたと認められる場合は、通常の著作権侵害と同じように扱われうると整理されています(出典: 文化庁「AIと著作権について」)。また、医療や士業など、業種によっては広告の表現に決まりがあります。AIはこうした事情を知らずに書くことがあるので、公開前に自分で確かめる必要があります。

公開後の更新と管理

AIで速く作れても、独自ドメインの契約、問い合わせフォームのメールの届き先、情報の更新は、公開後もずっと続きます。ここはAIが代わりに続けてはくれません。ドメインはホームページのドメインの取り方と費用、フォームは問い合わせフォームの作り方で確かめ方をまとめています。

無料で試せるAIホームページ作成ツールの選び方とおすすめの使い方

AI機能の付いた作成サービスの多くは、無料で試せる範囲を用意しています。ただ、無料で使える機能やAIで作れる回数はサービスごとに違い、内容が変わることもあります。ツールの名前で選ぶ前に、次の点を各サービスの公式サイトの料金ページで確かめてください。

無料のAIツールを選ぶ前に確かめること

  • 無料のプランで独自ドメイン(○○.com など)が使えるか
  • 無料のプランで、サービスの広告やロゴがページに表示されないか
  • AIで作り直せる回数や、使える機能に制限がないか
  • お店や会社の宣伝に使ってよいか(利用規約の商用利用の扱い)
  • スマホで見たときの表示を、自分で確かめて直せるか
  • 問い合わせフォームを置けるか、届いたメールをどこで受け取るか
  • サービスをやめるとき、文章や画像を持ち出せるか

おすすめの使い方は、無料のうちに構成と文章の下書きをAIで作ってみて、自分のお店に合うかを見ることです。名刺やチラシにURLを載せるのは、使うプランとドメインを決めてからにしてください。無料プランのまま公開し、後でURLが変わって印刷物を作り直す例はよくあります。無料で作れるサービスの比べ方と、無料の限界はホームページを無料で作成できるサービスにまとめています。

AIに入力する情報に気をつける

お客さんの名前や連絡先、相談の中身など、外に出してはいけない情報はAIに入力しないでください。入力した内容がどう扱われるかはツールごとに違うので、使う前に利用規約やプライバシーの説明を確かめておくと安心です。

AIでホームページ作成する場合と制作を頼む場合の比較

AIで自分で作る方法にも、人に頼む方法にも、それぞれ良いところがあります。出ていくお金だけでなく、かかる時間と、公開後に誰が手を動かすかまで並べると違いが見えてきます。

図解・比較AIのホームページ作成と、制作を頼む場合の違い

AIで自分で作る

  • 出ていくお金は作成サービスの利用料とドメイン代が中心
  • たたき台がすぐ出て、思い立ったら自分で直せる
  • 事実の確認、写真、公開後の管理は自分に残る

制作を頼む

  • 制作費や月額の費用がかかる
  • 何を載せるかを相談しながら決められる
  • 保守を含めれば公開後の管理も任せられる

AIで速くなるのは形にする作業です。中身を決めることと公開後の管理を誰が受け持つかで、向いている方が変わります。

AIで自分で作る場合と頼む場合の比較
比べることAIで自分で作る頼む
かかる時間下書きは速い。直しと確認に自分の時間がかかる打ち合わせと素材の準備の時間で済む
文章AIの下書きを自分で直す聞き取りをもとに書いてもらえる場合がある。範囲は依頼先による
見た目テンプレートやAIの提案の範囲業種や目的に合わせて調整できる
公開後更新、ドメイン、フォームの管理はすべて自分保守を頼めば任せられる

AIで作る方法が向いているのは、伝えたいことがはっきりしていて、文章を直す時間と、公開後の更新を続ける時間を取れる人です。反対に、何を載せるか自体がまだ決まっていない場合は、AIに聞いても一般的な答えしか返ってこず、作り直しをくり返すことになりがちです。自分で作るときにつまずきやすい場面はホームページを自分で作るのが難しい理由でも詳しく説明しています。

AIでホームページ作成を進める手順

AIで作ると決めたら、いきなりツールを開くより、AIに渡す材料を先にそろえる方が早く仕上がります。AIの答えは、渡した情報の量と正しさで変わるからです。

図解・流れAIを使ったホームページの作り方の流れ
  1. 1目的を1文で決める見た人に最後にしてほしいことを書く
  2. 2材料をそろえる料金、営業時間、強み、よく聞かれる質問、写真
  3. 3AIで構成と下書きを作る材料を渡して、ページの並びと文章の案を出す
  4. 4事実と言葉を直す数字や実績を確かめ、自分の言葉に書き直す
  5. 5ツールで形にして公開するスマホで全ページを見て、フォームを送って確かめる
  6. 6公開後に見直す見直す日を決めて、古い情報を直す

AIの出番は真ん中の下書きの段です。その前に材料をそろえ、その後に事実と言葉を直す段を必ず入れます。

AIに渡す材料と頼み方の例

AIへの頼み方は、短い一言よりも、条件を並べて渡した方が使える下書きになります。たとえば次のような項目を書いて渡します。

  • 業種と、お店や事務所のある地域
  • 来てほしいお客さん(年代、困りごと、よく相談される内容)
  • ほかと違うところ(やり方、こだわり、お客さんによく言われること)
  • メニューと料金、営業時間などの正しい情報
  • 「書いていない数字や実績は足さないでください」という一文

最後の一文を入れておくと、AIが勝手に実績や数字を足すのを防ぎやすくなります。必要なページと並べ方の考え方はホームページの構成、出てきた下書きの直し方はホームページの文章の書き方にまとめています。

AIが作った文章と画像を公開する前に確かめること

AIで作ったページを公開する前に、次の項目を1つずつ確かめてください。自分で作ったページでも同じですが、AIの下書きは整って見えるぶん、見落としが起きやすくなります。

公開前のチェックリスト

  • 料金、営業時間、住所、電話番号が、今の正しい情報になっている
  • 自分が渡していない数字、実績、お客様の声が入っていない
  • 同業者のページで見たような言い回しばかりになっていない
  • AIで作った画像を、実際のお店や人の写真のように見せていない
  • 既存の作品やほかのお店のロゴに似た画像を使っていない
  • 業種ごとの広告の決まりに外れる表現がない
  • スマホで全ページを開き、文字や画像が崩れていない
  • 問い合わせフォームから自分あてに送り、メールが届く

検索での扱いについて、Google は、コンテンツがどのように作られたかよりも、その品質と役に立つかどうかを重視すると説明しています。あわせて、検索順位を操作することを主な目的に自動生成したコンテンツは、スパムに関するポリシーに反するとしています(出典: Google 検索セントラル「AI 生成コンテンツに関する Google 検索のガイダンス」Google 検索セントラル)。AIで作ったかどうかより、見た人の疑問に答える中身になっているかを確かめてください。

著作権の考え方は公式の資料で確かめる

生成AIと著作権の考え方は、文化庁がまとめて公開しています(文化庁「AIと著作権について」)。判断に迷う画像や文章は使わず、自分で撮った写真や、使ってよいと確かめられた素材に置き換えるのが安全です。

AIでは手が回らないときに頼む目安と費用

AIで下書きまでは進んだものの、直しと確認が終わらない、公開後の管理まで手が回らない、という段階で頼む人も少なくありません。AIで作った構成や文章は、頼むときにもそのまま材料になるので無駄にはなりません。

AIで作ったホームページの下書きを見せながら、制作者に続きを相談するサロンの店主のイラスト
AIで作った下書きは、頼むときにも「こういうことを伝えたい」という材料になります。

頼んだ方がよい条件

  • AIの下書きを直す時間と、公開後に更新を続ける時間が取れない
  • 問い合わせや予約を受けることが、いちばんの目的になっている
  • 何を載せればよいか、AIに聞いても決めきれない
  • 医療や士業など、表現に気をつける業種である
  • 予約やネット販売など、機能を足したい
  • ドメインやメールの設定を、自分で管理し続ける自信がない

頼む場合の費用は、ページ数、デザイン、機能、文章や写真を誰が用意するかで決まります。決まり方と内訳、依頼先ごとの違いはホームページ制作の費用相場で詳しく説明しています。ここでは目安として、uparia の料金表を例に挙げます(税込)。

uparia の料金表(例として掲載。税込)
プラン料金含まれるもの
月額プラン月額2,980円〜制作費0円、最低契約期間12か月。ライト2,980円(1ページ)、スタンダード4,980円(10ページまで)、プレミアム14,800円(30ページまで)。保守込み
スタートプラン(買い切り)3万円〜最初から自分のものにしたい方へ。1ページ構成〜
しっかりプラン(買い切り)30万円〜複数ページ、オリジナルデザイン

月額制と買い切りの違いはホームページの月額制のデメリットで比べています。依頼先の見極め方はホームページ制作会社の選び方、相談から公開までの段取りはホームページ制作の流れと期間にまとめています。

AIは下書き係、決めて確かめるのは自分という分け方

AIを使ったホームページ作成は、白紙から形にするまでの時間を短くしてくれます。けれども、何を載せるか、その情報が正しいか、公開後に誰が更新するかは、AIで作っても人に頼んでも事業者自身が決めることです。AIを下書き係として使い、決めることと確かめることは自分の手に残す、という分け方で考えると迷いにくくなります。

AIで作る場合も頼む場合も役に立つ準備

  • ホームページを見た人に最後にしてほしいことを1文で書く
  • 料金、営業時間、住所などの正しい情報を1か所にまとめる
  • お客さんからよく聞かれる質問を10個書き出す
  • お店や仕事の様子の写真を、明るい時間に撮りためる

この4つがそろっていれば、AIに渡す材料にもなり、人に頼むときの打ち合わせも短く済みます。書き出そうとして手が止まるなら、AIの使い方より前に、中身を決めるところで止まっているという合図です。

uparia では、AIで作りかけたページの続きからでもご相談を受けています。料金と進め方は小さな事業者向けのホームページ制作と資料請求の資料にまとめています。

よくある質問

AIで作ったホームページは、検索で不利になりますか?

Google は、作り方よりも内容の品質と役に立つかどうかを重視すると説明しています。AIで作ったこと自体で不利になるとはされていませんが、検索順位を操作する目的で大量に自動生成したページはポリシー違反になります。見た人の疑問に答える中身に直してから公開してください。

ChatGPTだけでホームページは作れますか?

構成や文章、HTMLのコードの下書きは作れます。ただ、ページをインターネットに公開するには、作成サービスやサーバー、独自ドメインの契約と設定が別に必要です。文章づくりにChatGPTを使い、形にするのは作成サービスで行う、という組み合わせが進めやすい方法です。

スマホだけでAIを使ってホームページを作れますか?

スマホのアプリやブラウザで使える作成サービスもあり、下書きを作るところまではスマホでも進められます。ただ、文章の直しや全ページの確認は画面が大きい方が楽です。公開前にはスマホとパソコンの両方で表示を確かめてください。

AIで作ったホームページを、後から制作会社に直してもらえますか?

多くの場合、使っている作成サービスの上で手直しを頼めます。別の仕組みに引っ越す場合は、文章や写真は使えても、デザインや設定は作り直しになることがあります。頼む前に、使っているサービスの名前とログインできる状態かを確かめておくと話が早く進みます。

AIで作った画像をホームページに使ってもよいですか?

使えるかどうかは、そのツールの利用規約と、画像が既存の作品に似ていないかで変わります。お店の雰囲気を伝える飾りの画像に使うのはよいとしても、実際の店内やスタッフの写真のように見せるのは避けてください。来店したお客さんとの間で行き違いが起きるもとになります。

CONTACT

まず資料で確かめるか、相談して決めるか。

料金プランと制作の流れは資料にまとめています。
自分の場合はどうなるかを知りたいときは、無料相談でお聞かせください。

contact@uparia.com