公開前に表示をプレビュー確認する方法

なぜ公開前のプレビューが必要か

手元のファイルを直接ダブルクリックして開いた見え方と、共有URLで配信されたあとの見え方は一致しないことがあります。画像やCSSのパス、外部読み込みの挙動が、配信環境では変わる場合があるためです。

相手にリンクを送ったあとで崩れに気づくと、もう一度連絡して直す手間が発生します。先にURLそのものを開いて確認しておけば、初回から正しい状態を見てもらえます。

公開前にプレビューする手順

ギガサイト便はドロップした時点で共有URLが発行されるので、まずは自分でそのURLを開いて、配信後の見え方をそのまま確認できます。

公開してすぐに相手へ送るのではなく、間に自分での確認を一段はさむのがポイントです。次の流れでプレビューしてから共有します。

1. HTML(またはZIP)をギガサイト便にドロップして共有URLを発行する
2. まず認証なしか自分だけが分かる状態で、発行されたURLを自分のブラウザで開く
3. PCとスマホの両方でURLを開き、表示崩れがないか見る
4. ページ内のリンクや画像が正しく表示・遷移するか確認する
5. 問題があればファイルを差し替え、同じURLで再確認する
6. 見え方に問題がなければ、相手向けの認証と公開期限を設定して共有する

最短手順：まずこの3ステップで完了

公開前に表示をプレビュー確認は、最初に全体像を押さえると迷いません。細かな設定に入る前に、ファイルを準備し、共有条件を決め、公開後に相手と同じURLで確認する流れを作ります。

手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

• 1. 共有するHTML/ZIPを整理し、不要ファイルや秘密情報を除く
• 2. 認証方式、公開期限、差し替え有無を決めてURLを発行する
• 3. シークレットウィンドウとスマホで開き、相手への依頼文を添えて送る

チェックすべき表示のポイント

崩れは細かいところに出やすいので、観点を決めて見ると見落としにくくなります。特に画像とリンク、文字サイズは確認しておきたい項目です。

次の観点をひととおり見ておくと、相手に送ったあとで気づくような事故を減らせます。

• 画像がすべて表示されているか(リンク切れの代替表示が出ていないか)
• ボタンや文中リンクが意図したページへ遷移するか
• スマホ幅で文字が小さすぎたり横にはみ出したりしていないか
• CSSが効いていて、想定どおりの配色・レイアウトになっているか

ZIPでまとめるときの注意

CSSやJS、画像を含むサイトはZIPでまとめてドロップします。このとき、HTMLから参照しているファイルのパスがZIP内の構成と合っているかが、表示崩れの起きやすいポイントです。

プレビューで画像やスタイルが反映されていない場合は、参照パスの不一致を疑い、フォルダ構成を見直してから差し替えると直しやすくなります。

確認用と本番共有を分けて考える

公開前のプレビューはまだ自分の確認段階なので、この時点では認証を最小限にして自分が開ければ十分です。表示に問題がないと確認できてから、相手に見せる範囲に合わせて認証方式を選びます。

一時公開ページにはnoindexが付くため検索結果には出ませんが、noindexはアクセス制御ではありません。関係者だけに見せたい場合は、パスワードやメール認証(ワンタイムコード)、会社ドメイン認証を併用してください。確認が終わる時期に合わせて公開期限を設定しておくと、古いURLが残りません。