AI活用

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

ReaddyでLP初稿を生成したあと、クライアントや社内の承認者に見せるまでの工程がボトルネックになっていないだろうか。Readdyが出力したHTMLをそのままメール添付すると、相手の環境でフォントが崩れたり、ヒーロー画像が表示されなかったりすることがある。ギガサイト便を使えばHTMLをアップロードするだけで認証付きのURLが即発行され、レビューを即座に開始できる。

何が共有しづらいのか

Readdyが生成するLPはTailwind CSSをCDNから読み込む構成になっていることが多い。このCDNリンクを含んだHTMLをメールで送って相手がローカルで開くと、CDNへのリクエストがファイアウォールでブロックされてレイアウトが完全に崩れる企業環境がある。URLとして配信することでこの問題を回避でき、CDNへのアクセスも通常のブラウジングと同じ経路で行われる。

ReaddyのLP出力に含まれるコンタクトフォームやメルマガ登録フォームは、Readdyのバックエンドに送信先が設定されていることがある。レビュアーが「テスト送信」として入力したデータが実際のメール受信ボックスや顧客リストに登録されるリスクがある。フォームのaction属性とsubmitイベントを必ず無効化してから共有する。

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

URL化する前の確認点

ReaddyのLP出力には外部ホスティングの画像URLが含まれることがある。この画像URLが `https://readdy.ai/assets/...` のようなReaddy独自のサーバーを指している場合、アカウントのプランや契約状況によってはURLが有効期限切れになるリスクがある。長期間共有するLPであれば、画像をダウンロードしてBase64化するか自社のクラウドストレージに移してURLを差し替えておく。

LPのHTMLにSNSのOGPタグ(og:title・og:image)が含まれている場合、SlackやLINEにURLを貼り付けるとリンクプレビューが展開されるため、レビュアー以外の人の目に内容が入る可能性がある。社内のSlackは全社員が閲覧できるチャンネルが多いため、OGPタグを削除するか認証ありのURLを使うよう意識する。

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

認証と期限の決め方

Readdy製LPの初稿レビューをクライアントと行う場合、パスワード認証が標準的な選択肢だ。パスワードはURLと異なるチャネルで送付し、レビュー期間(一般的には1〜2週間)が終わった時点で失効させる。修正版をアップロードするタイミングでパスワードを再設定する必要はなく、同じURLで内容だけ差し替えられるサービスを選ぶと運用がシンプルになる。

LPをA/Bテストに使うことを想定している場合、AパターンとBパターンで別々のURLを発行してそれぞれのレビューURLを管理する。有効期限はA/B決定の会議に合わせて設定し、採用されなかったパターンのURLは会議後に失効させる。期限管理を怠ると古いパターンのURLが残り続けて混乱の原因になる。

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

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

LPのレビューで「ちょっとイメージと違う」という漠然とした意見をもらうことがある。こういった意見を具体的な修正指示に変換するため、「キャッチコピー・ビジュアル・構成の順番・CTA」の4点をそれぞれ1〜5点で評価してもらうスコアシートを共有URLと一緒に渡すと、議論が焦点化されやすい。

LPのフィードバックに優先度をつけてもらうと修正の順序を決めやすい。「必ず直してほしい」「できれば直してほしい」「気になった程度」の3段階で意見を分類する依頼を最初から行うと、次のイテレーションで何に集中すべきかが明確になる。

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

よくある質問

Readdyが出力したLPのフォントがレビュアーの環境で違って見える場合、どう対処するか?

GoogleFontsのCSSリンクが読み込まれているかを確認する。ネットワーク環境によってはGoogleFontsがブロックされているため、フォントファイルをHTMLにBase64で埋め込むか、woff2ファイルをZIPに同梱してアップロードする形式にすると表示が安定する。

LP初稿の共有URLをSNS広告のプレビューとして使えるか?

認証付きURLはクローラーやSNSのリンクプレビュー生成ボットがアクセスできないため、プレビュー生成が行われない。SNS広告のプレビューとして使うには認証なしの公開URLが必要だが、その場合は情報漏洩リスクを許容するかどうかを事前に判断する必要がある。

Readdyで修正を加えるたびに再エクスポートしてアップロードする手間を減らすには?

Readdy側でHTMLを修正してエクスポートしたら、同じスラッグで再アップロードするだけで共有URLの内容が更新される。レビュアーは同じURLをリロードするだけで最新版を確認でき、URLの再送付が不要になる。

関連記事

AI活用

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

Readdyで作ったHTMLスライドをアニメーションを保ったまま関係者にレビューしてもらいたいデザイナーや企画担当者向け。外部フォントの安定化・認証設定の判断・フィードバック収集の進め方を解説し、スライドレビューを効率化する方法がわかる。

5分で読める
AI活用

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

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

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