複数ページのHTMLサイトを共有する方法

複数ページのHTMLを共有するときのつまずきポイント

1ページだけのHTMLなら、ファイルを相手に渡すだけで完結します。ところがトップページから別ページへ移動するような複数ページ構成になると、話は急に複雑になります。HTMLファイル単体を送っても、リンク先のページや読み込んでいるCSS・画像がついてこないため、相手の手元では「リンクを押しても開かない」「デザインが崩れる」といった状態になりがちです。

原因の多くは、サイトが複数のファイルの集まりとして動いている点にあります。HTMLは互いをリンクで参照し合い、見た目はCSS、動きはJavaScript、写真は画像ファイルと、役割が分かれています。これらを一式そろえて、しかも元のフォルダ構成のまま届けないと、サイトとして成立しません。

メールに何枚も添付したり、ファイル転送サービスでバラバラに渡したりすると、相手は受け取った後にフォルダを組み立て直す手間が生じます。複数ページを共有する鍵は、サイト一式をひとかたまりにして、URLを開くだけで全ページを行き来できる状態にすることです。

おすすめは「ZIPでまとめて公開」する方法

複数ページのサイトを共有する最もシンプルな手段は、サイトのフォルダごとZIPに圧縮し、そのまま公開できるサービスにアップロードすることです。HTML・CSS・JavaScript・画像をひとつのZIPにまとめれば、ファイルの取りこぼしがなくなり、フォルダ構成も保たれます。

ギガサイト便は、こうしたZIP（HTML/CSS/JS/画像一式）をアップロードするだけで、認証付きの共有URLとして公開できます。サーバーを借りたり、デプロイの設定をしたりする必要はありません。公開後はトップページのURLを相手に伝えるだけで、サイト内のページ移動もそのまま機能します。

注意したいのは、公開されるのはあくまで静的なHTMLである点です。ブラウザで動くページはそのまま見られますが、PHPのようなサーバー側で処理するプログラムは動きません。お問い合わせフォームの送信内容を保存するといった処理は対象外なので、見せたいのが「閲覧できるページ」であることを前提に準備しましょう。

• HTML・CSS・JS・画像をすべて1つのZIPに含める
• フォルダの階層は元のサイトと同じ構成のまま圧縮する
• 表示確認用ではなく、サーバー処理を伴うページは静的化を検討する

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

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

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

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

アップロード前に整えておきたいファイル構成

ZIPにまとめる前に、サイト内のリンクの書き方を確認しておくと失敗が減ります。複数ページのサイトで起きやすいのは、「about.html」へのリンクを「C:\Users\...」のような自分のパソコン内の場所で指定してしまうケースです。これは相手の環境では開けません。

リンクや画像の指定は、サイトのフォルダ内を基準にした相対的な書き方にしておくのが安全です。たとえば同じフォルダ内のページなら「about.html」、サブフォルダ内の画像なら「images/logo.png」のように、サイトの中だけで完結する書き方にそろえます。

入口になるページのファイル名にも気を配りましょう。多くの場合「index.html」が最初に表示されるページとして扱われます。トップにしたいページをindex.htmlにしておくと、URLを開いたときに意図したページから始まり、そこから各ページへ自然に移動できます。

• ページ間リンクは相対パスで書く
• 画像やCSSの読み込みもサイト内フォルダ基準にする
• 入口にしたいページを「index.html」にする

ギガサイト便で複数ページを公開する手順

準備が整ったら、実際に共有URLを発行します。ここではアカウントを作って管理する流れで説明しますが、まず試したいだけなら、トップページにZIPをドロップして登録なしでその場で共有URLを発行することもできます。

なお、登録なしの匿名公開は、検索結果に出ないようnoindexが付き、公開期限は7日間に制限されるなどの条件があります。継続して見せたい場合や、見せる相手を絞りたい場合は、無料アカウントを作って公開設定を細かく整えるのがおすすめです。

1. サイト一式をZIPに圧縮する（index.htmlを忘れずに含める）
2. ギガサイト便にZIPをアップロードする
3. アップロード時のセキュリティスキャンの警告を確認する
4. 認証方式（URLのみ・パスワード・メール・会社ドメイン）を選ぶ
5. 公開期限を設定する
6. 発行された共有URLを相手に伝える

見せる相手に合わせて安全に共有する

複数ページのサイトには、社内資料や公開前の内容が含まれることもあります。誰でも見られる状態は避けたいときは、認証方式を選んで閲覧できる人を絞り込めます。リンクを知っている人だけに見せる「URLのみ」のほか、合言葉を設定する「パスワード認証」、指定したメール宛の本人確認を挟む「メール認証」、特定の会社のメールドメインを持つ人だけに限定する「会社ドメイン認証」から選べます。

公開後に内容を直したくなっても、同じURLのままファイルを差し替えられるため、リンクを送り直す必要はありません。公開期限を設定しておけば、期限が切れた後は自動的に閲覧できなくなり、消し忘れのリスクも抑えられます。誰がいつ見たかはアクセスログで確認でき、URL末尾のスラッグも編集できます。

アップロード時にはセキュリティスキャンが走り、APIキーらしき文字列や外部スクリプトへの依存、静的公開には不要なファイルなどの兆候を検出して警告します。これは公開を止めるものではなく、内容を理解したうえで判断するための手がかりです。なお、noindexは検索結果に出さないための設定であって、アクセス制御ではない点は覚えておきましょう。見せたくない相手を確実に締め出したいなら、認証を併用するのが安心です。