AIホームページ制作で人が確認する5項目
スマホ表示で見つけた失敗例

AI導入サポートでは、情報整理、文章・見出しの案出し、デザイン・実装案の比較、チェックの補助にAIを使い、事業の事実、掲載可否、写真・表現の権利、実際の画面と操作、公開判断は人が確認します。この記事では、自社サイトと受託制作サイトの工程で実際に確認した5項目を、うまくいかなかった例も含めて紹介します。

この記事が向いている人

• AIを使うホームページ制作の品質が気になっている
• AIにどこまで任せ、人が何を確認するのか知りたい
• AIで自作したページを公開する前に、確認項目を整理したい
• 見た目だけでなく、事実・権利・動作まで確かめてくれる依頼先を探している

AIと人の役割を先に分ける

AI導入サポートでは、AIと人の役割を次のように分けています。

AIを使う目的は、人の判断をなくすことではありません。案を作る作業と、事業者にしか決められない内容を分け、確認しやすくするために使っています。

1. 事実と「今も正しいか」を確認する

文章として自然でも、内容が現在の事実と合っているとは限りません。

自社サイトの過去の料金ページには、「残り3社」という募集数がありました。しかし、2026年9月の改善時点では、当時の残数を確認できませんでした。そこで、当時の募集数を示す表示としては不採用にし、条件そのものを勝手に変更せず、「モニター価格の適用可否は、ご相談時にご案内します」という表示へ変更しました。

これは2026年9月時点の表示改善の記録で、現在の料金体系とは異なります。最新の料金・提供条件は制作内容・料金をご確認ください。

この確認で見ているのは、誤字や読みやすさだけではありません。

• 料金・対象・期間・対応範囲が現在も正しいか
• 数字の基準日や算定条件を説明できるか
• 「残り」「限定」「最短」など、急がせる表現の根拠があるか
• 実績と、これから目指すことを混同していないか
• 顧客の発言や感情を、確認せずに代弁していないか

AIは与えられた情報から文章を整えられますが、その情報が最新か、そもそも公開してよいかは判断できません。公開前には、事業者が持つ正本と照らし合わせます。

2. 写真・個人情報・掲載範囲を確認する

制作実例では、実際の画面を見せるほど、完成像が伝わりやすくなります。一方で、スクリーンショットには、屋号、電話番号、所在地、顔、管理画面の情報などが一緒に写ることがあります。

自社サイトへ2件の制作実例を載せる際、初回の掲載候補画像にはブランド名や、市名・電話番号を含む画面がありました。公開前監査で確認し、屋号・市名・電話番号を含まない部分画面へ差し替えました。実サイトへのリンクは、掲載許可のある2件だけを残しています。

ここで必要だったのは、画像をきれいに見せる作業よりも、「自社の掲載面で、何を直接見せるか」という範囲の判断でした。

公開前には、次を確認します。

• 文章だけでなく、画像内にも個人情報や固有情報がないか
• 顧客名、屋号、URL、画面を紹介する許可の範囲はどこまでか
• 写真、ロゴ、素材を使用できる根拠があるか
• 実例の紹介と、問い合わせ・売上などの成果主張を分けているか
• AIで作った画像や文章に、第三者の権利を侵害する要素がないか

今回の実例ページでは、制作した画面・構成を紹介しています。問い合わせ数や売上への効果を示すものではないことも明記しました。

3. 数値検査だけでなく、実際の文字を画面で見る

自社サイトの制作工程では、320px幅のブラウザ表示で、見出しの2行目が11pxはみ出して切れていたことがありました。

厄介だったのは、見出しを囲む箱自体は画面幅に収まっていたことです。ページ全体の横幅を測る機械検査は通過しており、横スクロールも検出されませんでした。それでも、文字量と改行禁止、はみ出しを隠す指定が重なり、読者が見る文字だけが途中で切れていました。

この問題は、320px幅で実際の掲載面を見て分かりました。見出しの文字サイズを調整し、1280px幅で起きていた文言の重なりも併せて直しています。

2026年9月16日の自社サイト公開前確認では、ブラウザのCSS表示幅を320px・375px・1280px・1440pxにして主要画面を確認しました。4種類の実機で確認したという意味ではありません。320pxでは、ヘッダーの文字とメニューが折り返す問題が追加で見つかり、文字を小さくして読みにくくするのではなく、配置を調整して修正しました。

機械検査は必要です。ただし、次のような問題は数値だけで見落とす場合があります。

• 文字の一部だけが切れている
• 見出しと別の要素が重なっている
• 重要な情報へたどり着くまでが長い
• ボタンは押せても、意味が分かりにくい
• メニューを開くと、背面の要素が操作できてしまう

最終確認では「はみ出していないか」だけでなく、実際の文章が読めるか、次に押す場所が分かるかまで見ます。

4. リンク・フォーム・計測を別々に確認する

画面が表示されても、ホームページの目的を果たせるとは限りません。

公開前には、次の動作を分けて確認します。

1. ページが開く
2. メニューやFAQが操作できる
3. 相談ボタンが正しい場所へ進む
4. フォームの必須項目とエラー表示が働く
5. 送信成功を判定できる
6. GA4などの計測が、意図した行動で発火する

自社サイトの2026年9月16日の改善では、公開対象12ページと非公開を続ける4ページの配信先を確認し、自社で定めた回帰確認32項目を通しました。これは全環境での不具合ゼロや品質を保証する数字ではありません。さらに、スマホメニュー、FAQ、相談導線、フォームの必須設定などを実画面で確認しています。

ただし、このときは実際のフォーム送信までは行っていません。「必須設定を確認した」と「本番で送信・受信まで確認した」は、同じ完了ではありません。確認していないことを、確認済みとしてまとめないようにします。

5. 公開する範囲と、公開後に測ることを決める

AIが案を作り、検査を通過しても、それだけで公開してよいとは限りません。

公開前に決めることは、少なくとも次の5点です。

• どのページを公開するか
• どのページを非公開のまま残すか
• 事業者が最終確認した版はどれか
• 公開後に問題があった場合、誰が確認するか
• 検索表示、閲覧、相談クリック、送信成功のどれを測るか

自社サイトでは、一般的なAIO解説など4本の記事候補を、内容があるという理由だけで公開しませんでした。今回の方針と重複する記事、一次体験が弱い記事、現時点で公開する優先度が低い記事は、検索対象から外したままにしています。

ページ数を増やすことより、誰のどの疑問に答えるのか、公開情報に責任を持てるかを優先しています。

実際に行ったこと・まだ分からないこと

実際に行ったこと

• AIと人の役割を公開ページで明示した
• 未確認だった募集残数の表現を変更した
• 実例画像の掲載範囲を見直した
• ブラウザのCSS表示幅320px・375px・1280px・1440pxで主要画面を確認した
• 公開対象・非公開対象・リンク・FAQ・フォーム設定・計測条件を分けて確認した

まだ分からないこと

• AIを使ったことで制作時間が何％短くなったか
• AIを使う制作が、使わない制作より検索順位で有利か
• 今回の確認によって問い合わせ率がどれだけ変わるか
• 記事がGoogleのAI機能や他のAIサービスで引用されるか

これらは未計測です。AIを使うだけでSEOに強くなる、問い合わせが増える、制作品質が自動で上がるとは言えません。

公開前に使える5項目チェックリスト

• □ 料金・条件・数字・対象は、現在の事実と合っている
• □ 文章と画像の掲載許可、個人情報、素材の権利を確認した
• □ 320〜375px程度のスマホ幅とPC幅で、実際の文字・ボタンを見た
• □ リンク、メニュー、FAQ、フォーム、送信、計測を別々に確認した
• □ 公開範囲、最終版、公開後に測る指標を決めた

よくある質問

AIだけでホームページを完成させられますか？

文章や画面の案を作ることはできますが、事業の事実、公開可否、写真や表現の権利、実画面の確認、公開判断は人が行う必要があります。AI導入サポートでも、AIが作った案を未確認のまま公開しません。

AIで作ればSEOに強くなりますか？

AIを使うこと自体が、検索順位を上げる条件ではありません。Googleは、AI検索でもクロール・インデックス、内部リンク、分かりやすい内容などの基本が重要で、独自情報や一次体験を含む、人に役立つ内容を案内しています。

機械検査が合格なら、目視確認は不要ですか？

不要とは言えません。実際に、ページ幅の検査を通過したまま、320px幅のブラウザ表示で見出しの文字だけが切れたことがありました。機械検査と実画面確認は、役割が異なります。

原稿や写真がそろっていなくても相談できますか？

相談できます。事業内容、料金・条件、手元にある写真、相談方法、よくある質問を確認し、足りない情報と公開しない情報を整理します。

AIを使うと、何日でホームページが完成しますか？

AIを使うことだけを理由に、完成までの一律の日数は約束していません。AI導入サポートでは、相談後3営業日以内に事業名・仕事内容を入れた1ページのたたき台を提示します。相談時点で難しいと分かった場合は、その場で必要な日数を伝えます。完成・公開予定は、ページ数、素材の準備、既存サイトの有無などを確認し、個別に書面で提示します。