何が共有しづらいのか
Claude CodeはLPのHTMLを生成する際に、プロンプトで指定した製品名・キャッチコピー・価格などを本文に反映する。まだ非公開の料金プランや発表前のサービス名が含まれている場合、URLを広く共有すると意図せず情報が漏れるリスクがある。レビュー前にテキスト内容を一通り読み、公開できないワードが含まれていないかを確認することが必要だ。
LPドラフトにはアニメーションやパララックス効果のJavaScriptが組み込まれることが多く、Safariと ChromeでCSSの解釈が異なりレイアウトが崩れる場合がある。URLを発行したらWindowsのEdge・macのSafari・スマートフォンのChromeの3環境で最低限表示確認してから共有する。ブラウザ差異の問題を先に潰しておくと、レビュアーからの「私の環境では壊れています」報告を防げる。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
URL化する前の確認点
Claude CodeがLPに組み込む外部フォント（Google Fontsなど）や画像CDNへのリクエストは、アクセスログに残りうる。社外レビュアーのIPアドレスを外部サービスに渡したくない場合、外部フォントをBase64でインライン化するかシステムフォントにフォールバックする設定に切り替えてからURLを発行する。
LP内のCTAボタンが`<a href="mailto:sales@example.com">`のような実際のメールアドレスにリンクしている場合、レビュアーが誤クリックで実際にメールを送ってしまうことがある。レビュー用URLではリンクを`href="#"`に変更し、ボタンのラベルに「(サンプル)」を追記しておくと誤送信を防げる。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
認証と期限の決め方
外部のコピーライターやデザイナーにLP案のフィードバックを求める場合、相手に会員登録を求めるのはハードルが高い。ギガサイト便のパスワード認証なら、6〜8文字のパスワードをSlackで一行送るだけで済み、レビュアーがアカウントを持っていなくても即座にアクセスできる。
LP案は公開前のコンテンツのため、検索エンジンにインデックスされることを避けたい。ギガサイト便はデフォルトで`robots: noindex`が設定されているが、独自ドメインで公開する場合は自分でmeta noindexタグを追加する必要がある。本番公開前に必ず確認し、テスト用URLがGoogle検索に出ないよう保証する。
- 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
- 特定の相手だけ: パスワードまたはメール認証を使う
- 会社内だけ: 会社ドメイン認証を検討する
- 短期レビュー: 期限を設定して古いURLを残さない
共有後のフィードバック回収
LP案のレビュー依頼メッセージには「ファーストビューで何をするサービスか伝わりますか？」「CTAボタンを押したいと思えますか？」の2点を最初に挙げると、デザインの議論より先にコピーの有効性を評価してもらえる。LP改善で最もROIが高いのはファーストビューとCTAへの修正であることが多いため、フィードバックの優先順位が自然と揃う。
修正版のURLを連絡する際は「v1からv2への変更点」を箇条書きで3行以内にまとめて添付する。変更点が不明だとレビュアーがv1と一から見比べる手間が発生する。変更箇所が視覚的に分かるようにHTMLにコメント`<!-- 修正: キャッチコピーを変更 -->`を入れておくとさらに親切だ。
- 確認してほしい観点を3つ以内に絞る
- 期限と返信先を明記する
- 修正後も同じURLで見られるか伝える
- 最終版と途中版が混ざらないようタイトルを付ける
よくある質問
LP案のURLをXやFacebookで拡散されないようにするにはどうすれば？
パスワード認証またはメール認証を設定すると、URLを知っていても認証なしではコンテンツを見られない。OGP画像もサービス名が入らないプレースホルダにしておくとSNSカード経由でのコンテンツ流出を防げる。
外部のコピーライターとデザイナーの両方に同時にレビューしてもらいたい場合は？
同一URLを共有し、フィードバックをNotionページやGoogle Docsにまとめてもらう方法が効率的だ。コメント欄を「コピー担当」「デザイン担当」でタグ分けしてもらうと、修正優先度の判断が楽になる。
Claude Codeで生成したLPのHTMLが重く、URLを開くのに時間がかかる場合は？
HTMLに埋め込まれたBase64画像や未圧縮のインラインSVGがファイルサイズを膨らませていることが多い。画像は外部CDNのURLに差し替えるか、TinyPNGで圧縮してからzipにまとめてアップロードするとページ表示が速くなる。