---
title: "QRコードで開くと404になるときに共有前に確認するチェックリスト"
description: "QRコードで404が発生するのを事前に防ぎたい担当者向けに、URL設定・ページ公開状態・スマホ複数台確認の手順をまとめた配布前チェックリスト記事。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/qr-404-checklist"
markdown: "https://giga-site.com/articles/qr-404-checklist/index.md"
category: "トラブルシュート"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# QRコードで開くと404になるときに共有前に確認するチェックリスト

QRコードを使った共有は手軽ですが、「読み取ると404になる」という問題は配布後に気づくことが多く、修正コストが高くなります。配布・印刷・展示前にこのチェックリストを使えば、URL設定・公開状態・スマホ表示の3点を5分以内に確認できます。

> Source HTML: https://giga-site.com/articles/qr-404-checklist
> Article index: https://giga-site.com/articles/index.md

## よくある原因

QRコード404の主要因は3つに集約されます。①QRに埋め込んだURLが最終的な公開URLと異なる、②ページが限定公開・認証付きで外部から開けない、③スマホのQRリーダーがURLを正しくデコードできていない。チェックリストはこの3つを順番に検証する流れで構成されています。

意外と多いのが「テスト環境のURLをそのままQRにした」というケースです。`localhost:3000` や `staging.example.com` を含むURLが本番配布物に混入し、外部からアクセスできない状態でQRコードが配布されてしまいます。QRコードを生成する前に、URLが本番（公開）環境のものであることをアドレスバーで確認するステップをチェックリストの第1項目に入れてください。

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

## 自分側で確認すること

チェック①：QRコードを生成するツール上に表示されているURLをコピーし、PCの別ブラウザのシークレットウィンドウに貼り付けてアクセスする。正しいページが表示されれば「URL自体は正しい」と確定。404が出た場合はURL生成時のミスか、ページが削除・移動されている。

チェック②：iPhoneとAndroidの両方の標準カメラでQRコードを読み取り、実際にページが開くかテストする。読み取り確認はQRコードの印刷物または画面表示で行い、スクリーンショットからの読み取りは避ける（解像度不足でデコードエラーが起きる場合がある）。ページが開いたら、表示内容が意図したHTMLであることを確認する。

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

## 相手側で確認すること

チェック③：ページに認証（パスワード・メール認証）が設定されている場合、QRコード経由でアクセスした相手が認証を通過できるか確認する。ギガサイト便でパスワード保護を設定している場合は、パスワードをQRコードと一緒に案内する方法（QRの下に印刷など）を検討する。

チェック④：相手が読み取りに使うQRコードリーダーアプリが信頼できるものかを確認する。サードパーティの古いアプリはURLを短縮したり変換したりすることがあり、意図しないURLにリダイレクトされる場合がある。案内文に「標準カメラアプリのQRコード読み取り機能をお使いください」と明記することで、アプリの互換性問題を回避できる。

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

## 再発防止の運用

このチェックリストをデザインデータ（illustratorやFigmaファイル）と同じフォルダに保存し、「QRコードを含む制作物の配布前に必ず確認」と記載したREADMEを添付するとチーム全体の習慣として定着しやすくなります。

QRコードが指すURLは原則として短縮URLやカスタムドメインのリダイレクトを使い、転送先を差し替え可能な設計にしておきます。こうすれば公開URLが変わっても印刷物を刷り直す必要がなく、チェックリストの④でURLを確認するだけでリカバリが完了します。

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

## よくある質問

### QRコードの読み取りは成功するのにページが表示されず真っ白になります。404との違いは何ですか？

真っ白は「URLは正しいがページコンテンツが読み込めない」状態で、JavaScriptエラーやCSSの読み込み失敗が原因のことが多いです。404は「指定URLにページが存在しない」サーバーエラーで、原因が異なります。DevToolsのコンソールタブでエラーメッセージを確認してください。

### 会場の照明が暗くてQRコードが読み取れないことがありました。チェックリストに含めるべきですか？

はい、推奨します。チェック項目に「印刷物の場合は照明を落とした状態でも読み取れるか確認する」を追加し、コントラストが低い場所での動作を事前に確認してください。QRコードのサイズを2cm以上にし、背景と前景の色差を高くすると読み取り率が上がります。

### チェックリストをパスしたのに当日404が発生した場合の即時対応を教えてください。

短縮URLを使っている場合は管理画面から転送先を即変更します。静的URLの場合は正しいURLをアナウンスし、参加者にテキストでURL送付を実施してください。再発防止として次回からは必ず短縮URL経由の構成にしてください。

## 関連記事

- [QRコードで開くと404になるときの原因と直し方](https://giga-site.com/articles/qr-404-fix/index.md)
- [QRコードで開くと404になる問題をAI生成HTMLで防ぐプロンプト](https://giga-site.com/articles/qr-404-ai-prompt/index.md)
- [QRコードで開くと404になるときに相手へ伝える確認依頼の書き方](https://giga-site.com/articles/qr-404-request-message/index.md)
- [OGP画像が更新されないときに共有前に確認するチェックリスト](https://giga-site.com/articles/ogp-image-not-updating-checklist/index.md)
- [ファビコンが更新されないときに共有前に確認するチェックリスト](https://giga-site.com/articles/favicon-cache-checklist/index.md)
- [iPhoneだけ横スクロールするときに共有前に確認するチェックリスト](https://giga-site.com/articles/iphone-horizontal-scroll-checklist/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "QRコードで開くと404になるときに共有前に確認するチェックリスト",
  "description": "QRコードで404が発生するのを事前に防ぎたい担当者向けに、URL設定・ページ公開状態・スマホ複数台確認の手順をまとめた配布前チェックリスト記事。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/qr-404-checklist",
  "url": "https://giga-site.com/articles/qr-404-checklist",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "トラブルシュート",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "QRコードの読み取りは成功するのにページが表示されず真っ白になります。404との違いは何ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "真っ白は「URLは正しいがページコンテンツが読み込めない」状態で、JavaScriptエラーやCSSの読み込み失敗が原因のことが多いです。404は「指定URLにページが存在しない」サーバーエラーで、原因が異なります。DevToolsのコンソールタブでエラーメッセージを確認してください。"
      }
    },
    {
      "@type": "Question",
      "name": "会場の照明が暗くてQRコードが読み取れないことがありました。チェックリストに含めるべきですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい、推奨します。チェック項目に「印刷物の場合は照明を落とした状態でも読み取れるか確認する」を追加し、コントラストが低い場所での動作を事前に確認してください。QRコードのサイズを2cm以上にし、背景と前景の色差を高くすると読み取り率が上がります。"
      }
    },
    {
      "@type": "Question",
      "name": "チェックリストをパスしたのに当日404が発生した場合の即時対応を教えてください。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "短縮URLを使っている場合は管理画面から転送先を即変更します。静的URLの場合は正しいURLをアナウンスし、参加者にテキストでURL送付を実施してください。再発防止として次回からは必ず短縮URL経由の構成にしてください。"
      }
    }
  ]
}
```