AI活用

Durable AIで生成したLP案をレビュー用URLにして共有する方法

Durable AIが数秒で生成するランディングページの草案は、そのままではクライアントや上長に見せにくい。ローカルのHTMLを送付しても表示崩れが起きやすく、またそのまま公開するとSEOに影響が出ることもある。ギガサイト便でプレビューURLを発行すれば、認証と期限付きで安全にデザイン確認の場を設けられる。

何が共有しづらいのか

Durable AIが生成するLPはCDNから読み込む外部フォントやアニメーションライブラリに依存していることが多い。ローカルで開いた場合はネットワーク経由でそれらが取得されるが、ファイルをZIPで渡すと相手の環境によってはフォントが崩れ、意図したデザインに見えない状態で評価されてしまう。

もうひとつの問題は検索流入だ。草案段階のLPをそのまま公開URLにすると、Googlebotがインデックスするまでのタイムラグはあるとはいえ、未完成のページが検索結果に表示されるリスクがある。競合他社に施策の方向性が漏れるおそれもあるため、レビュー専用の認証付きURLを使い分けることが重要だ。

  • 相手がログインなしで開ける状態か確認する
  • PCとスマホで最低1回ずつ表示を確認する
  • 内部情報・個人情報・不要な外部送信が残っていないか見る
  • レビュー期限と修正時の差し替え方を決めておく

URL化する前の確認点

Durable AIのエクスポートHTMLを開き、`<script>`タグに`https://`で始まる外部URLが含まれているか確認する。Google Analytics・Meta Pixel・HotjarなどのトラッキングスクリプトがLP草案に埋め込まれていると、レビュアーのブラウザにトラッキングが走ってしまう。レビュー用途ではこれらのスクリプトをコメントアウトするか削除する。

また`<meta name="robots" content="noindex">`がHTMLに含まれているかも確認する。Durable AIのエクスポートにこのタグが入っていない場合は、レビュー用URL発行ツール側でnoindexを付与する設定があるか確認するか、自分でhead要素に追記する。ギガサイト便は認証付きURLにはデフォルトでクローラーがアクセスできない構造になっている。

  • HTML内の外部script・form action・iframeを確認する
  • APIキーやトークンらしき文字列がないか検索する
  • 画像・CSS・JSのパスが公開後も解決できるか見る
  • noindexと認証を混同せず、必要なら両方設定する

認証と期限の決め方

クライアントへのLP草案提示なら、パスワード認証で十分なケースが多い。「仮のデザイン案です。パスワードは○○です」とメールに一文添えるだけでアクセス管理できる。メール認証を使う場合はクライアント担当者のアドレスを招待リストに追加するが、先方が複数名のときは全員のアドレスをまとめて登録する手間を忘れずに。

期限の設定では「提案日から3〜5営業日後」が現実的な目安だ。クライアントが長期間アクセスできる状態だと、古い草案を最新版と混同して参照し続けるリスクがある。確認が完了したら「このURLは〇月〇日で閉鎖します」と明記したフォローメールを送ると、クライアント側での保存・引き継ぎも促しやすい。

  • 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
  • 特定の相手だけ: パスワードまたはメール認証を使う
  • 会社内だけ: 会社ドメイン認証を検討する
  • 短期レビュー: 期限を設定して古いURLを残さない

共有後のフィードバック回収

LPのレビュー依頼では「どこか気になる部分はありますか」という開放的な質問より、「①ファーストビューでサービス内容が伝わるか、②CTAボタンの位置が見やすいか、③競合他社のサイトと比べて差別化が感じられるか」の3点に絞った質問が効果的だ。回答をそのまま修正優先度に変換できるため、次のイテレーションが速くなる。

修正後はURLを差し替えるか新規発行し、「前回からの変更点はキャッチコピーをAからBに変えた点と、CTAボタンの色を変えた点の2箇所です」と差分を明示する。全体を見直してもらうより変更箇所だけ確認してもらう方がレビューサイクルが短縮でき、最終承認までのラウンド数を減らせる。

  • 確認してほしい観点を3つ以内に絞る
  • 期限と返信先を明記する
  • 修正後も同じURLで見られるか伝える
  • 最終版と途中版が混ざらないようタイトルを付ける

よくある質問

Durable AIのLP草案にGoogleアナリティクスのコードが入っていた場合、そのまま共有してよいですか?

レビュー用途では不要なトラッキングが走るため、共有前にscriptタグをコメントアウトするか削除してください。計測は本番公開後に改めて設置することを推奨します。

クライアントがスマホとPCの両方で確認したいと言っています。どう伝えればよいですか?

同じURLをそのままスマホのブラウザで開くよう案内するだけで問題ありません。事前に自分でもiPhoneとAndroidで表示崩れがないか確認してから共有すると、余計な差し戻しを防げます。

クライアントから「URLを保存しておきたい」と言われましたが、期限後はどうなりますか?

設定した期限が切れるとURLにアクセスできなくなります。最終承認後の納品物はHTMLファイルを別途お渡しするか、本番サーバーへのデプロイ後の正規URLをご案内ください。

関連記事

AI活用

Durable AIで生成したHTMLスライドをレビュー用URLにして共有する方法

相手のPCでHTMLが正しく開かない、という問題はプレゼン前に何度も遭遇する。Durable AIが出力するブラウザ動作型スライドは、URLで共有するのが最も確実で、ギガサイト便を使えばデザインチェックや上長確認を発表直前までスムーズに回せる。

4分で読める
AI活用

Google Stitchで生成したLP案をレビュー用URLにして共有する方法

Google StitchでLP案を生成したデザイナー・マーケター向け。生成したHTMLをレビュー用URLとして安全に共有するための前処理・認証設定・フィードバック回収の手順を具体的に解説し、どの認証方式が適切か判断できるようにする。

4分で読める
「AI活用」の記事をもっと見る →