写真アルバムをHTMLで作る理由
写真を共有するだけならクラウドストレージでも事足りますが、HTMLでアルバムページを作れば、表紙、章立て、キャプション、グリッドやスライド表示など、見せ方を自由にデザインできます。撮影者やイベント主催者が「作品」として渡したいときに向いています。
結婚式の記録、運動会やイベントのスナップ、家族の節目の写真集など、ひとまとまりのストーリーとして見てほしい写真に適しています。1ページにまとまっているので、受け取り手はスクロールするだけで全体を楽しめます。
写真アルバムHTMLを共有URLにする手順
写真アルバムは画像が主役なので、HTMLと画像をまとめたZIPで公開するのが基本です。手順は次のとおりです。
- アルバムのHTMLと写真画像、CSSを1つのフォルダにまとめる
- フォルダをZIPに圧縮する
- ギガサイト便のトップページにそのZIPをドロップする
- 発行された 〇〇.giga-site.com 形式の共有URLを確認する
- 認証方式と公開期限を設定し、URLまたはQRコードを参加者に送る
共有前チェックリスト
写真アルバムHTMLを共有は、共有する中身によって確認観点が変わります。見た目、操作、個人情報、外部送信、スマホ表示のどれが重要かを先に決めてからURL化します。
チェックリスト化しておくと、毎回同じ品質で共有できます。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。
- 見た目: PC/スマホ、余白、画像、フォント、折り返しを確認する
- 操作: ボタン、リンク、フォーム、遷移先を確認する
- 情報: 顧客名、社内URL、価格、未公開文言が残っていないか見る
- 共有: 認証、期限、差し替え、レビュー依頼文をセットで決める
多数の画像はZIPでまとめて公開する
写真集は画像点数が多く、HTML単体では画像がまったく表示されません。CSS/JS/画像を含むZIPをドロップすれば、相対パスを保ったまままるごと公開でき、フォルダ構成のままアルバムが再現されます。
公開URLはHTTPSが自動で付き、CDNのエッジ配信で表示が速いので、画像が多いアルバムでも快適に閲覧してもらえます。スマホからスクロールして見る場面でも、待ち時間を抑えられます。
親族・参加者だけに限定公開する
写真には写っている人のプライバシーが関わるため、不特定多数に見られるのは避けたいものです。一時公開ページにはnoindexが付いて検索結果には出ませんが、noindexはアクセス制御ではないため、URLを知った人は誰でも開けてしまいます。親族や参加者だけに見せたい場合は、必ず認証を併用してください。
認証方式はURLのみ、パスワード、メール認証（ワンタイムコード）、会社ドメイン認証から選べます。家族や参加者に配るならパスワードが手軽で、共通の合言葉を伝えるだけで開いてもらえます。アクセスログで誰がいつ見たかも確認できます。
公開期限と写真の差し替え
イベント写真の共有は期間を区切りたいことが多いものです。公開期限を設定しておけば、期限が切れると自動的に閲覧できなくなり、古いアルバムURLがいつまでも残りません（無料プランの公開期限は最長7日）。長く見てほしい場合はプランに応じて期限を調整できます。
あとから選りすぐりの写真を追加したり、不要なカットを差し替えたりしたいときも、同じURLのままファイルを差し替えられます。参加者には同じリンクを再読み込みしてもらうだけで、更新版のアルバムを見てもらえます。
よくある質問
写真が多くてHTMLだけだと表示されません。どうすればよいですか？
アルバムのHTMLと画像・CSSをまとめてZIPにしてドロップしてください。相対パスを保ったまま公開でき、フォルダ構成どおりに写真が表示されます。
親族だけにアルバムを見せたいのですが可能ですか？
認証方式をパスワードやメール認証にすれば、URLを知っているだけでは開けないよう制限できます。一時公開ページのnoindexはアクセス制御ではないため、限定公開には認証の併用が必要です。
一定期間だけアルバムを公開することはできますか？
公開期限を設定できます。期限が切れると自動的に閲覧できなくなるので、古いアルバムURLが残りません。無料プランの公開期限は最長7日です。
あとから写真を追加・差し替えできますか？
同じURLのままファイルを差し替えられます。参加者は同じリンクを再読み込みするだけで、更新後のアルバムを見られます。リンクの送り直しは不要です。
改善後の記事では何を確認できますか？
共有前の確認点、認証と期限の考え方、差し替えやレビュー回収の流れを、実務でそのまま使える形で確認できます。