このページでは、webサイト機能のAIでデザイン(新エディタ)において、AIサイト生成でイメージ通りのwebサイトが生成されない場合のチェックポイントついて説明しています。
生成にはトークンを消費するので、やみくもに生成を繰り返す前にひとつひとつ情報を見直してみましょう。
PDFの内容が反映されない
✅ PDFにパスワード保護が設定されていませんか?
パスワードが設定されたPDFはAIが内容を読み取ることができません。
PDFを添付する際は、パスワード保護を解除した状態でご利用ください。
✅ PDFが画像だけで構成されていませんか?
スキャンした資料など、テキスト情報を持たない画像のみのPDFの場合、内容を正確に読み取れないことがあります。
可能な限りテキスト情報を含むPDFをご利用ください。
✅ PDFの内容が多すぎませんか?
ページ数が非常に多い資料や、複数のテーマが混在した資料の場合、重要な情報が適切に抽出されないことがあります。
特に反映したい内容がある場合は、該当部分のみを抜粋したPDFを添付することをおすすめします。
画像の内容が反映されない
✅ 画像の解像度が低すぎませんか?
文字やデザインを判別できないほど解像度が低い画像は、AIが正しく認識できない場合があります。
できるだけ鮮明で高解像度の画像をご利用ください。
✅ サイズが極端に小さい画像を使用していませんか?
小さな画像では、細かなデザインやテキストを認識できないことがあります。
参考資料として利用する場合は、十分なサイズの画像を添付してください。
✅ 画像内の文字が小さすぎませんか?
画像内に記載された文章や説明文は、文字サイズによっては正確に読み取れないことがあります。
重要な内容は画像だけでなく、プロンプトにも記載することをおすすめします。
✅ デザインの参考画像だけでは意図が伝わらない場合があります
AIは画像から色合いやレイアウトの傾向を把握できますが、「どの部分を参考にしてほしいのか」までは正確に判断できないことがあります。
例:
- この画像の配色を参考にしたい
- この画像の高級感を再現したい
- この画像のレイアウト構成を参考にしたい
など、細かい指示が必要な場合はプロンプトにも具体的に指示してください。
URLの内容が反映されない
✅ ログインが必要なページではありませんか?
AIはログイン認証が必要なページの内容を取得できません。
公開状態で閲覧可能なページのURLをご利用ください。
✅ 動的コンテンツは再現できません
以下のような要素は取得・再現できない場合があります。
- スライダー
- アニメーション
- ポップアップ
- タブ切り替え
- 動画プレイヤー
- JavaScriptで生成されるコンテンツ
AIは主にページのテキストやレイアウトを参考にサイトを生成します。
✅ URL先の情報量が少なくありませんか?
URL先に十分な情報が掲載されていない場合、AIが参考にできる情報も限られます。
特に企業サイトの場合は、
- サービス内容
- 会社概要
- 特徴
- 実績
などが掲載されたページを指定することをおすすめします。
✅ サイト全体を完全にコピーすることはできません
URLを指定した場合でも、元サイトをそのまま複製することはできません。
AIは内容やデザインの特徴を参考にしながら、新しいWebサイトとして生成を行います。
プロンプトの内容が反映されない
✅ 指示が抽象的ではありませんか?
❌以下のような抽象的な指示は、解釈の幅が広くなります。
例:
- おしゃれなサイト
- かっこいいデザイン
- 今風なホームページ
-
高級感のある感じ
⭕以下のような、より具体的な指示を記載してください。
例:
- 黒とゴールドを基調とした高級感のあるデザイン
- 30代〜50代向けの落ち着いた雰囲気
- 写真を大きく使ったコーポレートサイト
✅ 指示内容が多すぎませんか?
一度に大量の要望を記載すると、重要な指示が埋もれてしまう場合があります。
特に優先したい内容は、
- 必ず掲載したい内容
- デザインの方向性
- ターゲット層
を中心に整理して記載してください。
✅ 指示内容に矛盾がありませんか?
相反する指示が含まれている場合、AIが最適な判断を行えないことがあります。
❌例:
- シンプルなデザインにしたい
- できるだけ情報量を多く掲載したい
❌例:
- 高級感を出したい
- ポップで親しみやすい雰囲気にしたい
✅ AIが推測できない情報は明記してください
AIは業界知識をもとに推測できますが、会社独自の情報までは把握できません。
以下の情報はできるだけ具体的に記載してください。
- 事業内容
- 提供サービス
- ターゲット顧客
- 強みや特徴
- 希望する掲載内容
-
複数の資料を添付する場合
✅ 添付資料同士で内容が矛盾していませんか?
例えば、
- PDFでは青を基調としている
- 参考画像では赤を基調としている
といった場合、AIがどちらを優先すべきか判断できないことがあります。
複数資料を添付する場合は、
- 画像は見た目やイメージの参考
- PDFは掲載内容参考
- URLは全体のデザイン参考
など、それぞれの役割を分けて入力することをおすすめします。
🔰よりイメージに近づけるコツ
AIサイト生成は、一度で理想の結果になるとは限りません。
以下のように情報を整理して入力すると、より期待に近いサイトが生成されやすくなります。
- プロンプトで目的やターゲットを明確にする
- 参考画像の何を参考にしてほしいか記載する
- PDFには掲載したい情報をまとめる
- URLは情報量の多いページを指定する
-
重要な要望は箇条書きで整理する
AIは添付資料とプロンプトを総合的に判断してサイトを生成します。
期待した結果にならない場合は、添付資料や指示内容を見直したうえで再生成をお試しください。