ホームページ作成にAIを使う前に！見落としがちな間違い5つと確認手順
もう公開してしまったから、どこを見直せばいいのか教えてほしい。
全部作り直しになったらどうしよう…。
このような悩みを解決します。
本記事の内容
- AIでホームページを作る流れとデメリット
- AIで作ったページによくある間違い5つ
- 公開前に確かめる順番
- 自分で直せるところと頼むところ
16業種のデザインサンプルもAIを使って作り、約150ページを1文ずつ確かめたので、その時の間違いを隠さずに出しながら解説していきますね。
数分でそれらしいページができると感動する一方で、「本当にこれでいいのかな」と少し怖くなること、ありますよね。
AIで作ること自体は悪くないので、連絡先、料金、約束の言葉の3つから人の目で確かめていけば、かなりの部分は自分で直せます。
まずはスマホで自分のページを開いて、電話番号を押してみてください。
ホームページ作成にAIを使う流れと一番のデメリット
それでは、AIでホームページを作るデメリットの正体から見ていきましょう。
AIは見た目の整ったページをすぐに作ってくれますし、文章もそれらしく読めるものが出てきます。
これが便利なところで、同時に一番難しいところ。
というのも、全体がきれいに整っているので、間違いに気づきにくいからです。
人が作った下書きなら荒いところが目に入るのに、AIの下書きは最初から完成品の顔をしています。
例えるなら、字がとても上手な人が書いた手紙のようなもの。
AIを使っても手間は消えず、確かめる手間に場所が変わる、と僕は考えています。
費用を抑えたくてAIを選ぶのは自然な判断ですが、検索で見つけてもらう設計、スマホでの見え方、問い合わせまでの道筋は、頼む時に指示しないと入らないことがあります。
AIに任せるところと人が決めるところ
AIと人の役割を先に分けておくと、確かめる場所も見えてきます。
AIに任せやすいことと人が決めること
| AIに任せやすいこと | 人が決めること |
|---|---|
| 文章の下書き、言い回しの案 | 料金、営業時間、できること |
| 見出しやページの組み立ての案 | 実績、お客様の声、約束の言葉 |
| 色や並びのたたき台 | 公開してよいかの判断 |
右の列は、どれもお店や会社の本当の情報。
AIは知らないことでも書けてしまうので、ここだけは人の手で入れて、人の目で見るようにしましょう。
僕は、AIは腕の代わりというより、腕を何倍にもするものだと感じています。
だから、作ること自体は誰でもできるようになっても、何を確かめるかで差が出るわけです。
AIでホームページを作成する流れ
AIで作る流れは、大きく分けると次の4段階。
AIでホームページを作る4つの段階
- 何のページで、誰に向けるのかを文章で伝える
- AIが出した見た目と文章のたたき台から選ぶ
- 料金や連絡先など、本当の情報を人が入れる
- スマホで開いて、押して、読んで確かめる
使うツールは、大きく分けて2種類。
作成サービスについているAIの機能なら、見た目から公開までを1つの画面で進められます。
文章を作るAIは、文章や見出しの下書き向きで、載せる場所は別に用意する形ですね。
どちらを選んでも、時間がかかるのは3と4で、ここを省くと次の節の間違いがそのまま残ってしまいます。
僕も16業種分のデザインサンプルをAIを使って作りました。
もちろん全部が架空のサンプルです。
それでも、できあがったあとに読み直すと、きれいな見た目からは想像できないほど間違いが見つかりました。
誰がやっても起きることなので、見る場所を知っていれば追いつけます！
AIで作ったホームページによくある間違い5つ
AIの文章には、もっともらしい間違いが混ざりやすいと言われています。
総務省と経済産業省の「AI事業者ガイドライン」も、生成AIが本当らしく見える誤った情報を作るリスクに触れています。
ここでは、その弱点が出やすい間違いを5つ、僕のサンプルの例と合わせて見ていきましょう。
どれも専門の知識は要らなくて、押す、数える、見比べるだけで見つけられますよ。
逆に言えば、画面を眺めているだけでは気づきにくい間違いばかりです。
よくある間違い5つ
- 数や日付が合わない
- 押した先が違う
- 作る側のメモが画面に出る
- 実在しそうな情報が混ざる
- 「確実に」「必ず」と言い切る
数や日付が合わない
1つ目は、同じサイトの中で数や日付が合わない間違いです。
AIが一度に覚えておける量には限りがあり、ページを分けて作ると、前に書いた数と話が合わなくなることがあるんですね。
また、AIが知っているのは学習した時点までの情報なので、年号や日付が古いまま出てくることもあります。
僕のサンプルでも、「42講座」と「6講座」、「八室」と「四つ」のように、同じサイトの中で数が違っていました。
もう終わった日付でチケットを売っているページなんてものまで。
見つけ方は単純で、同じ言葉でサイトの中を探して、出てきた数字を並べて見比べるだけ。
押した先が違う
2つ目は、押した先が画面の表示と違う間違いです。
ホームページの電話番号やメールは、画面に出る文字と、押した時に使われる中身を別々に書く作り。
そのため、片方だけ直して、もう片方が古いままということが起きやすいんです。
リンクの先はパソコンの画面を眺めていても分からないので、見た目だけ確かめていると気づけません。
メールと地図のリンクも、同じように押しておきましょう。
作る側のメモが画面に出る
3つ目は、作る側のメモや仮の文が、そのまま画面に出てしまう間違いです。
「ここに説明文が入ります」のような仮の文の消し忘れは、AIを使わないホームページ作りでも昔からある間違い。
AIは作る人への説明も本文と同じ調子で書くので、どこまでがお客さん向けかが分かりにくくなります。
作っている時の画面では気にならない言葉でも、お客さんが読むと意味が分かりません。
「仮」「ダミー」「サンプル」「DB」のような言葉でサイトの中を探すと、見つけやすいですよ。
実在しそうな情報が混ざる
4つ目は、本物に見える情報が混ざる間違いです。
最初に書いたガイドラインが気にしているのも、まさにこの「本当らしく見える誤り」。
AIは、本物に見える電話番号や番地、賞の名前、実績らしい数字を作って入れることがあります。
架空のつもりでも、誰かの本物と重なるかもしれないのが困るところ。
AIが入れた連絡先や固有の名前は、自分のものに置き替えるか消すと決めておくと迷いません。
もちろん事実ではないので外しています。
「確実に」「必ず」と言い切る
5つ目は、できるかどうか分からないことまで言い切ってしまう間違いです。
AIは気持ちよく言い切る文章を書きがちで、宣伝の文を頼むと「確実に」「必ず」が入ってくることがあります。
ただ、お店の広告で効き目や成果を言い切ると、景品表示法の「優良誤認」にあたるおそれも。
僕のサンプルでも、「確実に」「必ず」といった約束の言葉が4件ありました。
読むと頼もしいのですが、自分のお店で約束できないことは、言い切らない形に直すのが安心です。
「No.1」も同じで、消費者庁も、合理的な根拠が無いNo.1の表示は問題になるという考え方を示しています。
間違いの多くは、文章のうまい下手より「事実かどうか」の問題です。
約150ページを1文ずつ読んで分かったAIの間違い方
ここからは、僕がデザインサンプルを確かめた時の話をします。
全部で約150ページあったサンプルを、AIを5つの役に分けて1文ずつ読ませ、最後は人が画面を見て確かめました。
約150ページを読んだ結果
| 項目 | 結果 |
|---|---|
| 読んだページ | 約150ページ |
| 出てきた指摘 | 約240件 |
| そのうち好みの問題 | 約45件 |
派手な失敗より、数や日付、言葉のずれのような地味なものが目立ちました。
見た目も、文字とボタンの色が近いところは色の差を測って直しました。
AIは書くツールとしてだけでなく、確かめるツールとしても使えるんです。
ただ、最後に画面を見て決めたのは人でした。
全部を同じ重さで直さなくていい
約240件と聞くと気が遠くなりますが、全部を同じ重さで見る必要はありません。
お客さんの判断に関わるところから直していけば十分です。
というのも、言い回しが少し硬いのと電話番号が違うのとでは、影響が全く違うからです。
見つけた間違いは、ページの名前、場所、直す前の文、直したあとの文を1行ずつ表にしておきましょう。
ただ、AIが直したところに別の間違いが混ざることもあるので、直したあとも人の目で一度見ておくと安心ですね。
AIに確認を頼む時は役を分ける
確認にAIを使う時は、確かめる役を分けて頼むのがおすすめです。
「間違いを探して」と頼むだけでも違いますが、役を分けたほうが見つかりやすいと僕は感じました。
AIへの頼み方の例
- 「お客さんになって読んで」
- 「数字だけ確かめて」
- 「約束の言葉を探して」
- 「見つからない時は『なし』と答えて」
最後の1行は、無理に指摘をひねり出させないための一言。
ただ、AIの指摘そのものが間違っていることもあるので、本当の情報と見比べてから直しましょう。
AIで作ったホームページを公開前に確認する手順
押す、読む、見る、設定の4つを、この順番で確かめるのが一番早いです。
もう公開している方も、同じ順番で見ていけば間に合いますよ。
Googleの案内にも、AIで作った内容は、公開の前に人の手で正確さを確かめることが大事とあります。
- 押す：電話番号、メール、フォーム、メニュー、地図を実際に押す
- 読む：店名、住所、営業時間、料金、日付、約束の言葉を見比べる
- 見る：全ページをスマホで開いて、切れや読みにくさを探す
- 設定：検索での出方、届くメール、法律の表記を確かめる
押すのが最初なのは、短い時間で済むのに、お客さんの連絡に直結するからです。
フォームからも1通送って、本当にメールが届くかまで見ておきましょう。
読んで確かめる5つのこと
- 店名、住所、営業時間、料金が全ページでそろっているか
- 実際に無いサービスや実績が書かれていないか
- 「必ず」「確実に」「No.1」のような言葉は事実か
- 日付が過去になっていないか
- 意味の分からないメモや英語が残っていないか
自分で読む時は、声に出すか紙に印刷すると、知っている内容として読み流さずに済みます。
「見る」では、スマホで切れていないかに加えて、文字と背景の色が近いところも探しましょう。
AIで作った写真風の画像は、文字が崩れていたり、指の数がおかしかったりすることがあります。
本物と違う店内や料理の画像を使う時は、実際の写真と混ざらないようにしておくと、「写真と違う」とがっかりされずに済みます。
「設定」は、お店や会社の名前で検索に出るか、法律で必要な表記が要る商売なら入っているか、人の権利に関わる写真や文章が無いかを見ていきましょう。
長く見ているページほど、目が慣れて読めなくなるものだと感じました。
作ったサービスの条件を読んでおく
AIのホームページ作成サービスを使った方は、公開の前に条件も読んでおきましょう。
サービスによっては、無料の範囲だと独自のドメイン（ホームページの住所）を使えないものがあります。
解約した時や別の場所へ移す時の動きも、サービスごとに違っています。
公式の案内で確かめた条件の例
| 場面 | 条件の例 |
|---|---|
| 解約した時 | ドメインが外れて、無料の住所と広告の表示に戻る |
| 解約した時 | 公開は続くが、新しいドメインの追加には有料の契約が要る |
| 別の場所へ移す時 | データのダウンロードは有料の契約だけ |
| 別の場所へ移す時 | 持ち出したあとに設定をやり直す部分が残る |
条件は変わることもあるので、使っているサービスの公式の案内で今の内容を見ておきましょう。
料金を変えたのに古い料金が別のページに残っていた、というのは、相談を受けたサイトでもよく見かけます。
AIのホームページで自分で直せるところと頼むところ
全部を自分でやる必要も、全部を人に頼む必要もありません。
僕の個人的な意見として、お店の情報は自分で直し、仕組みの困りごとは頼むと線を引くと、気持ちが楽になります。
自分で直しやすいことと頼んだほうが安心なこと
| 自分で直しやすいこと | 頼んだほうが安心なこと |
|---|---|
| 文章の間違い、料金、営業時間 | 検索に載らない、設定が分からない |
| 写真の入れ替え | フォームが届かない |
| 電話番号、住所 | 表示が崩れる、遅い |
| メニューの名前 | 乗っ取りや改ざんの心配がある |
右の列は原因を探すところから知識が要るので、お金をかけるなら右の列に絞るのがおすすめです。
AIで作ったからといって、作り直す必要はありません。
文章や設定を直すだけで十分に使えることも多いです。
頼む時は、次の4つが分かると、直せるかどうかの見当がつきやすくなります。
頼む時に伝えると早い4つのこと
- どのAIやツールで作ったか
- どこに公開しているか
- 直したいページと内容
- ログインできるかどうか
ログインの情報そのものは、問い合わせの最初のメールに書かなくて構いません。
作り直しのほうが早い場合
ただし、あとから直せない作りになっている時は、作り直しのほうが早いこともあります。
作り直しも考えたい4つの場合
- どのサービスに置いたのか分からず、誰も管理画面に入れない
- 1文字直すのにも、毎回AIに頼み直している
- 全ページのスマホの表示が崩れている
- 料金やサービスの内容が、今の仕事と大きく違っている
1つ当てはまるだけで決めずに、直す手間と作り直す手間を比べて決めるといいですね。
新しく作るか迷う時はホームページ制作のページで頼める内容を、料金のページで料金の一覧を確かめられます。
これから作る方は、AIに頼む前に本当の情報を1枚にまとめておくのがおすすめ。
店名、住所、営業時間、料金、できること、できないことの6つを渡しておくと、AIが「ありそうなこと」を書く場面が減るはずです。
最初から全部を人が作るより速かったところもあります。
ホームページのAIチャットも本番で動かしています。
むしろ頼りにしています。
文字の直しから始めてみましょう！
AIでのホームページ作成でよくある質問
AIで作ると検索に出ませんか？
ただ、読者への価値を足さずに大量のページを作ると、スパムの決まりに触れるおそれがあると案内しています。
なので、ページの数を増やすより、お店の情報や自分の経験を入れて中身を整えることに時間を使いましょう。
AIで書いた文章はそのまま使っていいですか？
事実かどうかと、自分の言葉になっているかを確かめてから使いましょう。
お店の言葉づかいに合わせて直すだけでも、読んだ時の印象はかなり変わります。
作ったサイトを一部だけ直してもらうことはできますか？
僕も、一部だけ・1回だけの直しをお受けしています。
どこに公開しているかと、ログインできるかどうかで変わるので、先にその2つを確かめておくと話が早いですよ。
AIで作ったことはサイトに書くべきですか？
Googleの案内では、自動で作った内容について、読者に合った形で説明することを勧めています。
大事なのは、最後に人が確かめていること。
今日やること：スマホで電話番号を押してみる
AIのデメリットは、間違いがそれらしく混ざることでした。
だからこそ、見る場所さえ知っていれば十分に使えるわけです。
今日やることは1つだけ。
間違いが見つかったら、それは直せるということ。
確かめる項目は、自分のサイト用に1枚のメモにしておくと、ページを足す時や料金を変える時に上から見るだけで済みますよ。
続けて読むなら、この2本もおすすめです。
「自分で見るのは難しそう」「見つけたけれど自分では直せない」という方は、うまくまとまっていなくても構わないので、今の状況をそのまま送ってください。
作り直す前提でなくても、1回だけの修正でも構いません。
お問い合わせの種別は「その他」で大丈夫で、お返事はメールで1〜3営業日ほどです。
毎月の確認や更新まで任せたい方には、運用サポートもあります。