---
title: "AIに作らせた2案のHTMLを別々のURLで配って意見を分けて集める方法"
description: "AIに作らせた2案をまとめて見せると感想が混ざってしまう。案ごとにURLを分けて配れば意見も閲覧データも案単位で整理できる。2案を別URLで出して反応差を見ながら判断するまでの流れを解説します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/ai-html-ab-feedback-two-urls"
markdown: "https://giga-site.com/articles/ai-html-ab-feedback-two-urls/index.md"
category: "AI活用"
publishedAt: "2026-06-24"
updatedAt: "2026-06-26"
readingMinutes: 6
---
# AIに作らせた2案のHTMLを別々のURLで配って意見を分けて集める方法
AIに2案のランディングページを作らせたものの、まとめて見せると「どっちの話?」と感想が混ざってしまう。案ごとにURLを分けて配れば、意見も閲覧データも案単位できれいに分かれます。この記事では2案を別URLで出し、反応差を見て判断するまでの流れを整理します。外部サービスの仕様は変わるため、本文ではレビュー共有で変わりにくい判断軸を中心に整理します。
> Source HTML: https://giga-site.com/articles/ai-html-ab-feedback-two-urls
> Article index: https://giga-site.com/articles/index.md
## 1つのページに2案を並べると意見が混ざる理由
AIに複数案を作らせると、つい1枚のページに両方を並べて見せたくなります。しかしそれをやると、見る人は無意識に「左右を比べる」モードに入り、純粋な第一印象が取りにくくなります。本来は別々に出会うはずの体験なのに、並列で見せた時点で評価が歪むのです。
また、感想を口頭やチャットでまとめて集めると「上のやつのボタンが」「いや下のほうが」と指示語が飛び交い、後から読み返しても、どの発言がどちらの案を指すのか判別できなくなります。
案ごとにURLを分け、それぞれ単独で見てもらえば、第一印象も感想も案単位で切り分けられます。これがABで意見を取るときの基本姿勢です。
## 案ごとに別URLを発行する具体的な手順
やることはシンプルで、A案とB案のHTMLをそれぞれ別の共有URLとして発行し、回答者を2グループに分けて配るだけです。1人に両方見せず、片方ずつ渡すのがコツです。
1. A案のHTMLファイル(画像やCSSがあればZIP)を用意し、トップページにドロップして共有URLを発行する
2. 同じ要領でB案も別の共有URLとして発行する
3. URL末尾のスラッグを plan-a / plan-b のように分かりやすく変更しておく
4. 回答者リストを2つに分け、片方にはA案のURL、もう片方にはB案のURLだけを送る
5. 見てほしい観点(第一印象・申し込みボタンの分かりやすさなど)を1〜2点添えて依頼する
## 案名と配布先を固定して混線を防ぐ
A案/B案を別URLにしても、配布メモが曖昧だと後から混線します。URL、案名、配布先グループ、公開期限、依頼文を1行ずつ残しておくと、どの感想がどちらに紐づくか確認しやすくなります。
案名は「A」「B」だけでもよいですが、送る側の管理用には「短い訴求」「価格訴求」など中身がわかるメモを付けておくと、修正時に迷いません。受け手には中立な名前だけを見せ、先入観を与えないようにします。
- 管理表には案名・URL・配布先・期限を残す
- 受け手には片方のURLだけを送る
- URL末尾はplan-a/plan-bなど短く揃える
- 公開期限を同じ日にして集計タイミングをそろえる
## AI生成HTMLを共有する前の安全チェック
AIに作らせた2案のHTMLを別々のURLで配って意見を分けて集める方法では、AIツールの画面上で完成して見えても、共有用HTMLとして安全とは限りません。外部script、form送信先、APIキーらしき文字列、画像パス、ダミーデータではない個人情報を分けて確認します。
ツールの書き出し形式や共有機能は時期・プラン・作り方で変わります。この記事では特定機能の有無を断定せず、静的HTMLやZIPとして取り出せた成果物を安全に見せる前提で進めます。安全チェックが終わったら、HTMLまたはZIPをアップロードし、必要に応じて認証と期限を付けたURLとして共有します。
- 外部送信: form action、fetch、script src、iframeの向き先を確認する
- 秘密情報: APIキー、トークン、社内URL、顧客名が残っていないか検索する
- 表示再現: 画像・CSS・フォントが公開URLでも読み込めるか見る
- 共有設定: 相手、期限、認証方式、差し替え時の連絡方法を決める
## アクセスログで案ごとの反応差を見る
URLを分ける最大の利点は、誰がいつ見たかというアクセスログが案単位で残ることです。配ったのに開かれていない、特定の人だけ何度も見直している、といった行動が案ごとに把握できます。
たとえばA案は配布者の大半が開いているのにB案は半数しか開いていない、という差が出れば、それ自体が一次情報になります。アンケートの言葉だけでなく、実際に見られたかどうかの事実で判断材料を補強できます。
ただしログは閲覧の有無や回数を示すものであって、良し悪しそのものではありません。数字は会話のきっかけと割り切り、最終判断は感想とあわせて行いましょう。
## 感想が混ざらない依頼文の書き方
依頼文で「他の案と比べてどう?」と聞いてしまうと、回答者は見ていないはずの案を想像で評価し始めます。1案ずつ渡している意味が薄れるので、比較を促す言葉は避けます。
代わりに「このページを初めて見た人として、何のサービスか伝わりますか」「申し込みたいと思える要素はどこですか」など、その案単体への質問に絞ります。回答が案ごとに揃い、後で集計するときに比較しやすくなります。
結果を見て「A案のほうが伝わりやすい」と分かったら、勝った案だけをさらに磨けばよく、負けた案は静かに公開期限を迎えさせれば片付きます。
## 回収後にやること
両グループから感想とログが集まったら、案ごとに「伝わった点」「迷った点」を箇条書きにして並べます。票数の多寡だけでなく、コメントの具体性に注目すると、改善の手がかりが見えてきます。
勝ち案を採用したあとも、URLはそのままにHTMLだけ差し替えれば、リンクを送り直さずに改善版を同じ相手に再確認してもらえます。意見収集から修正、再確認までを同じ導線で回せるのがこの進め方の強みです。
## よくある質問
### 回答者に両方の案を見せてはいけませんか
禁止ではありませんが、純粋な第一印象を取りたい目的では片方ずつ渡すほうが向きます。両方見せると比較バイアスがかかり、単独で見たときの分かりやすさが測りにくくなります。
### 案を3つ以上に増やしても同じやり方でできますか
できます。案の数だけ別URLを発行し、回答者をその数のグループに分けて配れば、同じようにアクセスログと感想を案ごとに切り分けられます。ただしグループが小さくなりすぎないよう人数配分には注意してください。
### 関係者以外にURLが漏れて意見が混ざるのが心配です
公開ページにはnoindexが付き検索結果には出ませんが、noindexはアクセス制御ではありません。社外秘の案ならパスワードやメール認証を併用し、想定した相手だけが開ける状態にしてから配ってください。
### 勝った案だけ残して負けた案を消すには
公開期限を設定しておけば、期限が切れた案は自動的に閲覧できなくなります。手動で止めなくても見せっぱなしを防げるので、不採用案の片付けが楽になります。
### AIツールで作ったHTMLはそのまま共有しても安全ですか？
そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。
## 関連記事
- [AI生成HTMLをフィードバックで改善しながら共有する方法](https://giga-site.com/articles/iterate-ai-html-with-feedback/index.md)
- [AIモックアップを非エンジニアに見せて具体的なフィードバックを引き出すコツ](https://giga-site.com/articles/collect-feedback-on-ai-mockup-from-non-tech/index.md)
- [AI生成HTMLのアクセシビリティを確認してから共有する方法](https://giga-site.com/articles/check-ai-html-accessibility/index.md)
- [AIで作ったHTMLを「生成→共有→レビュー→差し替え」まで一気通貫で回すワークフロー](https://giga-site.com/articles/ai-html-review-workflow-end-to-end/index.md)
- [AI生成HTMLを関係者に見せる前の最終チェックリスト10項目](https://giga-site.com/articles/ai-html-stakeholder-checklist-before-share/index.md)
- [Lovableで作ったアプリをURLで共有する方法](https://giga-site.com/articles/share-lovable-app/index.md)
```json
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "AIに作らせた2案のHTMLを別々のURLで配って意見を分けて集める方法",
"description": "AIに作らせた2案をまとめて見せると感想が混ざってしまう。案ごとにURLを分けて配れば意見も閲覧データも案単位で整理できる。2案を別URLで出して反応差を見ながら判断するまでの流れを解説します。",
"datePublished": "2026-06-24",
"dateModified": "2026-06-26",
"mainEntityOfPage": "https://giga-site.com/articles/ai-html-ab-feedback-two-urls",
"url": "https://giga-site.com/articles/ai-html-ab-feedback-two-urls",
"inLanguage": "ja",
"image": "https://giga-site.com/og-image.png",
"articleSection": "AI活用",
"author": {
"@type": "Organization",
"name": "ギガサイト便"
},
"publisher": {
"@type": "Organization",
"name": "ギガサイト便"
},
"mainEntity": [
{
"@type": "Question",
"name": "回答者に両方の案を見せてはいけませんか",
"acceptedAnswer": {
"@type": "Answer",
"text": "禁止ではありませんが、純粋な第一印象を取りたい目的では片方ずつ渡すほうが向きます。両方見せると比較バイアスがかかり、単独で見たときの分かりやすさが測りにくくなります。"
}
},
{
"@type": "Question",
"name": "案を3つ以上に増やしても同じやり方でできますか",
"acceptedAnswer": {
"@type": "Answer",
"text": "できます。案の数だけ別URLを発行し、回答者をその数のグループに分けて配れば、同じようにアクセスログと感想を案ごとに切り分けられます。ただしグループが小さくなりすぎないよう人数配分には注意してください。"
}
},
{
"@type": "Question",
"name": "関係者以外にURLが漏れて意見が混ざるのが心配です",
"acceptedAnswer": {
"@type": "Answer",
"text": "公開ページにはnoindexが付き検索結果には出ませんが、noindexはアクセス制御ではありません。社外秘の案ならパスワードやメール認証を併用し、想定した相手だけが開ける状態にしてから配ってください。"
}
},
{
"@type": "Question",
"name": "勝った案だけ残して負けた案を消すには",
"acceptedAnswer": {
"@type": "Answer",
"text": "公開期限を設定しておけば、期限が切れた案は自動的に閲覧できなくなります。手動で止めなくても見せっぱなしを防げるので、不採用案の片付けが楽になります。"
}
},
{
"@type": "Question",
"name": "AIツールで作ったHTMLはそのまま共有しても安全ですか？",
"acceptedAnswer": {
"@type": "Answer",
"text": "そのまま共有せず、外部送信先、フォーム、APIキー、社内URL、画像パスを確認してからURL化します。ツールの共有機能や書き出し仕様は変わるため、最新画面も確認してください。"
}
}
]
}
```