---
title: "公開前に表示をプレビュー確認する方法"
description: "共有リンクを送ったあとに表示崩れや画像抜けに気づくと相手に余計な手間をかけます。配信後の見え方を事前に自分の目で確かめておけばこうした事故を防げます。公開前プレビューの考え方と確認すべきポイントをまとめます。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/preview-before-publish"
markdown: "https://giga-site.com/articles/preview-before-publish/index.md"
category: "ハウツー"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# 公開前に表示をプレビュー確認する方法

共有リンクを送ったあとに表示崩れや画像の抜けに気づくと、相手に余計な手間をかけてしまいます。公開前に自分の目で配信後の見え方を確かめておけば、こうした事故を防げます。この記事では公開前プレビューの考え方と、確認すべきポイントを手順にまとめて紹介します。

> Source HTML: https://giga-site.com/articles/preview-before-publish
> Article index: https://giga-site.com/articles/index.md

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

手元のファイルを直接ダブルクリックして開いた見え方と、共有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が残りません。

## よくある質問

### 手元で開いて問題なければ公開して大丈夫ですか

手元でファイルを直接開いた状態と、配信後の見え方は一致しないことがあります。ギガサイト便では発行されたURLをそのまま自分で開いて確認できるので、配信後の状態でプレビューしてから共有するのが安全です。

### スマホでの見え方も確認できますか

できます。発行された共有URLをスマホのブラウザで開けば、相手がスマホで見るときと同じ状態を確認できます。PCとスマホの両方で開いておくと崩れに気づきやすくなります。

### プレビューで崩れを見つけたらどう直しますか

ファイルを修正して差し替えれば、同じURLの中身が更新されます。URLは変わらないので、何度でも直しては同じURLで再確認できます。リンクを送り直す必要はありません。

### 確認段階のURLが外部に見られないか心配です

一時公開ページにはnoindexが付くため検索結果には出ません。ただしnoindexはアクセス制御ではないので、確実に他者に見せたくない段階ではパスワードやメール認証を設定しておくと安心です。

### 最短で進める場合でも省略しないほうがよい確認は何ですか？

不要ファイルや秘密情報の除去、スマホ表示確認、共有相手と期限の明記は省略しないほうが安全です。URLを作る速さより、誤共有を防ぐことを優先します。

## 関連記事

- [PC・スマホ・タブレットで表示を見比べてから共有する方法](https://giga-site.com/articles/preview-on-multiple-devices/index.md)
- [公開期限が切れる前に相手が見たかを確認する方法](https://giga-site.com/articles/verify-reviewed-before-deadline/index.md)
- [公開を一時停止して後で再開する方法](https://giga-site.com/articles/pause-and-resume-publish/index.md)
- [ZIPでまとめたサイトをアップロードして共有URLを発行する方法](https://giga-site.com/articles/publish-zip-uploaded-site/index.md)
- [公開を始める日と終わる日を指定して共有する方法](https://giga-site.com/articles/set-publish-start-and-end/index.md)
- [公開期限を後から短くして早めに閉じる方法](https://giga-site.com/articles/shorten-public-period-after-publish/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "公開前に表示をプレビュー確認する方法",
  "description": "共有リンクを送ったあとに表示崩れや画像抜けに気づくと相手に余計な手間をかけます。配信後の見え方を事前に自分の目で確かめておけばこうした事故を防げます。公開前プレビューの考え方と確認すべきポイントをまとめます。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/preview-before-publish",
  "url": "https://giga-site.com/articles/preview-before-publish",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "ハウツー",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "手元で開いて問題なければ公開して大丈夫ですか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "手元でファイルを直接開いた状態と、配信後の見え方は一致しないことがあります。ギガサイト便では発行されたURLをそのまま自分で開いて確認できるので、配信後の状態でプレビューしてから共有するのが安全です。"
      }
    },
    {
      "@type": "Question",
      "name": "スマホでの見え方も確認できますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "できます。発行された共有URLをスマホのブラウザで開けば、相手がスマホで見るときと同じ状態を確認できます。PCとスマホの両方で開いておくと崩れに気づきやすくなります。"
      }
    },
    {
      "@type": "Question",
      "name": "プレビューで崩れを見つけたらどう直しますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ファイルを修正して差し替えれば、同じURLの中身が更新されます。URLは変わらないので、何度でも直しては同じURLで再確認できます。リンクを送り直す必要はありません。"
      }
    },
    {
      "@type": "Question",
      "name": "確認段階のURLが外部に見られないか心配です",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "一時公開ページにはnoindexが付くため検索結果には出ません。ただしnoindexはアクセス制御ではないので、確実に他者に見せたくない段階ではパスワードやメール認証を設定しておくと安心です。"
      }
    },
    {
      "@type": "Question",
      "name": "最短で進める場合でも省略しないほうがよい確認は何ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "不要ファイルや秘密情報の除去、スマホ表示確認、共有相手と期限の明記は省略しないほうが安全です。URLを作る速さより、誤共有を防ぐことを優先します。"
      }
    }
  ]
}
```