ブログ記事
- GSC
- Google Search Console
- SEO
- OGP
- og:image
- Next.js
- インデックス
- 404
- tips
GSCで画像URLだけ404になる理由と対処法【記事ページは別問題】
"Google Search Consoleで画像パスのみ404が出る原因と確認手順を解説。記事ページのインデックスとは切り分けて考えることで、SNSシェアやリッチリザルトへの影響を最小化できます。"
Google Search Console(GSC)のカバレッジレポートを開いたとき、/images/ 配下のURLが404で並んでいると「記事が壊れた?」と焦りがちです。しかし多くの場合、記事ページ本体のインデックスとは別の問題です。
この記事の結論
- Google は記事HTML内の画像参照(
og:image/ JSON-LD /imgタグ)を独立したURLとしてクロールする- GSCの404が
/images/配下のみなら、記事ページ自体はインデックスされている可能性が高い- 影響はSNSシェア時のサムネイルやリッチリザルトの品質面に出やすい(執筆時点では程度は要確認)
- 記事パスと画像パスを別々に確認することが切り分けの第一歩
なぜ画像URLが独立して404になるのか
Googleのクローラーは、HTMLページを取得したあと、ページ内で参照されている画像URLも個別にクロールします。具体的には次の3箇所が対象になります。
| 参照箇所 | 例 |
|---|---|
<meta property="og:image"> | SNSシェア時のサムネイル用 |
JSON-LD(構造化データ)の image フィールド | リッチリザルト用 |
本文中の <img> タグ | ページコンテンツの一部 |
これらのURLにファイルが存在しない場合、GSCは記事ページのクロールとは別に「画像URLが404」と記録します。記事ページ自体は200で返っていても、画像URLが404であればカバレッジレポートに両方が混在することになります。
確認手順:5ステップで切り分ける
1. GSCで404 URLのパスを確認する
カバレッジレポートの404一覧を開き、URLが /images/・/public/ などの画像パスか、/blog/ などの記事パスかを区別します。混在している場合はそれぞれ別の問題として対処します。
2. 記事ページのインデックス状況を別画面で確認する
GSCの「URL検査」ツールで記事URLを入力し、インデックス済みかどうかを確認します。画像URLだけが404で、記事URLがインデックス済みであれば、記事の到達性に問題はないと判断できます。
3. HTMLソースで画像の出力元を突合する
該当ページのHTMLをブラウザで表示し、ページのソースを確認します(Ctrl+U / Cmd+U)。og:image・JSON-LD・本文 <img> それぞれがどのURLを参照しているかをメモします。
# 確認するHTML内の箇所
<meta property="og:image" content="https://example.com/images/blog/foo.png">
<script type="application/ld+json">{ "image": "..." }</script>
<img src="/images/blog/foo.png" alt="...">
4. imageBasePath と実ファイルの有無をローカル・本番で確認する
コードベースで imageBasePath やOG画像のパス設定を確認し、public/images/blog/ 配下に実ファイルが存在するかを照合します。ローカルで存在してもデプロイ漏れがあれば本番では404になります。
# ローカルで画像ファイルの有無を確認する例
ls public/images/blog/
Vercel などのホスティングでは、デプロイ時に public/ 配下が正しくコピーされているかも確認してください。
5. 修正後はGSCで画像URLの消滅を確認する
ファイルを補完・パスを修正してデプロイした後は、GSCのカバレッジレポートで画像URLの404が解消されているかを数日後に再確認します。GSCへの反映には数日〜数週間かかることがあります。
影響の大きさは「使われ方」次第
画像URLが404の場合、直接的なインデックス順位への影響よりも、次の品質面に出やすいとされています(執筆時点では影響の程度は要確認)。
- SNSシェア時のサムネイル:
og:imageが404だとサムネイルが表示されない - リッチリザルト: 構造化データ内の
imageが404だとリッチリザルトが表示されない可能性がある - 画像検索: 画像自体が存在しないため当然インデックスされない
記事ページが検索結果に表示されること自体は妨げられない場合が多いですが、SNSや検索結果での見え方の品質には影響するため、早めに対処する価値があります。
まとめ
GSCで画像URLだけが404になっている場合、まず記事ページのインデックス状況と切り分けて確認することが重要です。手順をまとめると次のとおりです。
- 404 URLが画像パスか記事パスかを区別する
- 記事URLを「URL検査」で個別に確認する
- HTMLソースで
og:image/ JSON-LD /<img>の参照先を突合する imageBasePathと実ファイルをローカル・本番で照合する- 修正・デプロイ後にGSCで解消を確認する(OG画像404修正後のGSC確認手順)
関連する内容として、OG画像のfallback設定や、imageBasePathと実ファイルのデプロイ前確認については別の記事で解説しています。
- 関連: OG画像404修正後のGSC確認手順
- 関連: Next.jsのOG画像fallback設定
- 関連: 画像404のGSCエラーは記事URLでインデックスリクエストする
- 関連: og:imageとJSON-LD imageをページソースで確認する方法
- Hub: 新規ドメインSEOの4段階(シリーズ入口)
免責・執筆時点の注記
本記事は2026年6月4日時点の情報をもとに執筆しています。Google Search Consoleの仕様や表示項目は変更されることがあります。重要な判断はGSC公式ヘルプでご確認ください。