AI活用

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

WebSimのAIでLP案を生成すると、WebSim上の独自URLでそのまま公開される状態になる。Webブラウザで開いて見た目を確認できるのは便利だが、WebSimのプラットフォーム外にいる人に共有する場合、ログイン不要で開けるか・検索エンジンにインデックスされないかという点を事前に確認する必要がある。

何が共有しづらいのか

WebSimで生成したLP案はWebSimプラットフォーム上でホストされ、URLが`websim.ai/`ドメインになっている。そのURLを送ると相手がWebSimへのログインを求められたり、WebSimのUIが周囲に表示されてLP案だけを確認できない状態になることがある。クライアントに「このページのデザインを見てください」と伝えたいときに、周囲のWebSimナビゲーションが邪魔をして純粋なLP評価ができないという問題が起きやすい。

WebSimのプロジェクト設定によっては、生成したLP案がWebSimのコミュニティページやSNSシェアで外部公開される設定になっている場合がある。競合他社がWebSimを使っていれば、公開設定のLPが検索やコミュニティフィードで発見される可能性がある。レビュー前にWebSimのプロジェクト設定を開き、公開範囲が「リンクを知っている人のみ」または「非公開」になっているかを確認する。

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

URL化する前の確認点

WebSimで生成したLPのHTMLをエクスポートした場合、WebSimのスタイルシステムに依存したクラス名やカスタム属性が含まれていることがある。それらのスタイルはWebSim外でホストすると機能しないため、インライン`style`属性かビルトインCSSに変換が必要だ。エクスポートしたHTMLをローカルでブラウザで開いて、WebSim上での表示と一致しているかを確認してからアップロードする。

WebSimのLPにはAI生成コンテンツのwatermarkやフッターが自動で付与されていることがある。クライアントへの提案物にそのwatermarkが入っているとプロが作ったデザインとして見てもらえない場合がある。HTMLエクスポート後に`watermark`や`powered by`という文字列を検索して、不要な帰属表示があれば削除してからアップロードする。

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

認証と期限の決め方

WebSimで生成したLPをクライアントに見せるのは提案フェーズであることが多く、まだ正式発注前の状態だ。この段階でLPの内容が競合他社に見られると提案の独自性が失われる。パスワード認証を設定し、URLとパスワードを別々の手段で届ける(URLはメール、パスワードは電話かLINE)のが手軽なセキュリティ対策になる。

提案フェーズのLP案は「承認されれば本制作に進む」「不採用なら廃棄する」どちらかで決着がつくため、意思決定の期限に合わせてURLの有効期限を設定する。提案期限が1週間なら7日、2週間なら14日に設定し、決着がついた時点でURLを手動で失効させる。

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

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

WebSimで生成したLPはAI出力であるため、コピーライティングが日本語として自然でない箇所が含まれることがある。フィードバックのポイントを「ビジュアルの印象」と「テキストの自然さ」に分けて依頼すると、修正作業で手を入れるべき領域が明確になる。「読んで意味が理解できるか」という視点でテキストを評価してもらうだけでも、AI生成特有の不自然さを効率よく発見できる。

WebSimのLP案はWebSim上でプロンプトを修正すれば数秒で別バージョンを生成できる。フィードバック対応が速い反面、バージョン管理が追いつかなくなりがちだ。バージョンごとにHTMLをエクスポートしてファイル名に日付を付けてローカル保存しておき、クライアントに送るURLには「v1(2026/06/25)」のようにバージョンと日付を明記してどのバージョンへのフィードバックか分かるようにする。

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

よくある質問

WebSimの共有URLとHTMLエクスポート後のURLは、どちらをレビューに使うべきですか?

クライアントにWebSimのナビゲーションなしでLPだけを見てもらいたい場合はHTMLエクスポート後に別サービスでホストする方が適切。社内メンバーへの簡易確認ならWebSimの共有URLで十分なケースが多い。

WebSimのLP案をエクスポートしたHTMLが重くて表示に時間がかかる場合、どこから最適化しますか?

WebSimはAI生成時にインラインbase64画像や大量のCSSを埋め込むことがある。ブラウザのNetworkタブで最もサイズが大きいリソースを特定し、画像はWebP形式に変換、不要なCSS宣言を削除するだけで大きく改善できる場合が多い。

LP案が採用されなかった場合、URLを公開したままにしておいても問題ありますか?

不採用になったLP案が検索に引っかかると、競合に将来の方向性が伝わるリスクがある。決着がついたら速やかにURLを無効化するか、パスワードを変更してアクセスをブロックする。不採用コンテンツを残しておく意義はほとんどない。

関連記事

AI活用

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

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

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