---
title: "reCAPTCHAが表示されない・認証できないときの確認点"
description: "フォームにreCAPTCHAを設置したのに表示されない・認証が通らないと困っているサイト運営者向け。最も多い原因はサイトキーに登録したドメインと実際のURLの不一致で、仕組みを理解しながら確認ポイントを順番に潰せる手順を紹介します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/recaptcha-not-loading"
markdown: "https://giga-site.com/articles/recaptcha-not-loading/index.md"
category: "トラブルシュート"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# reCAPTCHAが表示されない・認証できないときの確認点

問い合わせフォームにreCAPTCHAを入れたのに表示されない、エラーで認証が通らない。原因の多くはサイトキーに登録したドメインと、実際に表示しているURLのドメインが一致していないことです。仕組みと確認手順を整理します。

> Source HTML: https://giga-site.com/articles/recaptcha-not-loading
> Article index: https://giga-site.com/articles/index.md

## reCAPTCHAの仕組みとドメイン制約

reCAPTCHAは、フォーム送信などが人間によるものか自動化されたものかを判定するボット対策の仕組みです。利用には管理コンソールで「サイトキー」を発行し、HTMLに組み込んで使います。

重要なのは、サイトキー発行時に「このキーを使うドメイン」を登録する点です。reCAPTCHAは、実際に読み込まれたページのドメインが登録ドメインと一致するかを検証します。

一致しないと、表示されなかったりエラーになったりします。つまり、同じHTMLでもどのドメインで開くかによって動いたり動かなかったりするのです。

## 表示されない・認証できない典型パターン

最も多いのは、サイトキーに登録したドメインと、ページを表示しているドメインが違うケースです。ローカルや別の共有環境で開くと、登録ドメインと食い違って動かないことがあります。

サイトキーの記述ミス(コピー漏れや別環境のキーの流用)、reCAPTCHAのスクリプト読み込み失敗も原因になります。コンソールにキー不正やドメイン不一致のエラーが出ていないか確認するのが近道です。

CSPで reCAPTCHA の配信元スクリプトやフレームの読み込みを許可していないと、ブロックされて表示されないこともあります。

## 症状別チェック表

reCAPTCHAが表示されない・認証できないときの確認点は、症状を分けずに直そうとすると原因探しが長引きます。まず「自分だけで起きるのか」「全員で起きるのか」「特定ブラウザだけか」「差し替え後だけか」を切り分けます。

確認順序を固定すると、相対パス、ファイル名、キャッシュ、認証、外部読み込みのどこで止まっているかが見えます。修正後はローカル確認だけで終わらせず、実際の共有URLで再表示して、相手と同じ条件で直ったことを確認します。

- 自分だけ表示されない: キャッシュ、ログイン状態、ブラウザ拡張、端末幅を確認する
- 全員で表示されない: ファイル構成、相対パス、大文字小文字、アップロード漏れを見る
- 一部だけ崩れる: CSS/画像/JSごとに読み込みエラーを分ける
- 差し替え後だけ古い: URL、キャッシュ、更新対象ファイルの取り違えを確認する

## 原因を切り分ける手順

ドメイン一致・キー・読み込みの三点を順に確認すると、原因にたどり着けます。

1. 開発者ツールのConsoleで、ドメイン不一致やキー不正のエラーが出ていないか確認する
2. 現在表示しているページのドメインを正確に把握する
3. reCAPTCHA管理コンソールで、そのドメインがサイトキーに登録されているか確認する
4. HTMLに埋め込んだサイトキーが正しい環境のものか確認する
5. Networkタブで reCAPTCHA のスクリプトとフレームが読み込めているか確認する
6. CSPで配信元のスクリプト・フレームが許可されているか確認する

## 共有URLのドメイン不一致という落とし穴

確認用にHTMLを別のドメインで共有すると、本番ドメイン向けに発行したサイトキーでは検証が通らないことがあります。これはreCAPTCHAの仕様どおりの挙動で、不具合ではありません。

対処としては、確認に使うドメインもサイトキーの登録ドメインに加える、または確認環境用に別のサイトキーを用意する方法があります。本番とは別のキーを使えば、本番設定を触らずに検証できます。

サブドメインの扱いは登録設定に依存するため、共有先のサブドメインが登録範囲に含まれるかを必ず確認します。

## 確認共有の場面での進め方

ギガサイト便の公開URLは 〇〇.giga-site.com 形式のサブドメインになります。reCAPTCHAを含むフォームを確認共有する場合は、このドメインをサイトキーの登録ドメインに加えるか、確認用の別キーを使うと検証が通りやすくなります。本番ドメイン専用のキーのままだと、共有先で認証が通らない点に注意してください。

ギガサイト便は同じURLのままHTMLを差し替えられるので、サイトキーやCSPを直した版をすぐ反映して再確認できます。アクセスログで誰が確認したかも追えるため、フォーム動作の検証を依頼しやすくなります。

## よくある質問

### reCAPTCHAが表示されない最大の原因は何ですか

サイトキーに登録したドメインと、実際にページを表示しているドメインの不一致が最も多い原因です。reCAPTCHAは表示元ドメインを検証するため、食い違うと表示やエラーにつながります。

### 本番用のサイトキーを確認共有でそのまま使えますか

共有先のドメインが本番キーの登録ドメインに含まれていなければ動きません。共有ドメインを登録に追加するか、確認用に別のサイトキーを用意する方法が安全です。

### サブドメインで開くと動かないのはなぜですか

サブドメインがサイトキーの登録範囲に含まれているかは設定次第です。共有先のサブドメインが登録ドメインのルールに合致しているかを管理コンソールで確認してください。

### ドメイン以外に確認すべき点はありますか

サイトキーの記述ミス、スクリプトの読み込み失敗、CSPによる配信元のブロックも原因になります。Console/Networkで読み込み状況とエラーを確認すると切り分けが進みます。

### 原因が分からないときはどこから確認すべきですか？

まず自分だけの問題か全員の問題かを分けます。次にシークレットウィンドウ、別ブラウザ、スマホで確認し、ファイル構成・相対パス・キャッシュ・認証設定を順に見ます。

## 関連記事

- [外部CDNのCSS・JSが読み込めないときの対処](https://giga-site.com/articles/external-cdn-not-loading/index.md)
- [CSSファイルが読み込まれずスタイルが全く当たらないときの対処（相対パス）](https://giga-site.com/articles/css-not-loading-relative-path/index.md)
- [Stripeの決済ボタンやCheckoutが表示されないときの対処](https://giga-site.com/articles/stripe-checkout-not-loading/index.md)
- [公開後にJavaScriptが動かないときの原因と直し方](https://giga-site.com/articles/javascript-not-working/index.md)
- [公開後に動画が再生されないときの対処](https://giga-site.com/articles/video-not-playing/index.md)
- [公開したHTMLのフォームが送信できないときの対処](https://giga-site.com/articles/form-not-submitting/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "reCAPTCHAが表示されない・認証できないときの確認点",
  "description": "フォームにreCAPTCHAを設置したのに表示されない・認証が通らないと困っているサイト運営者向け。最も多い原因はサイトキーに登録したドメインと実際のURLの不一致で、仕組みを理解しながら確認ポイントを順番に潰せる手順を紹介します。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/recaptcha-not-loading",
  "url": "https://giga-site.com/articles/recaptcha-not-loading",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "トラブルシュート",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "reCAPTCHAが表示されない最大の原因は何ですか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "サイトキーに登録したドメインと、実際にページを表示しているドメインの不一致が最も多い原因です。reCAPTCHAは表示元ドメインを検証するため、食い違うと表示やエラーにつながります。"
      }
    },
    {
      "@type": "Question",
      "name": "本番用のサイトキーを確認共有でそのまま使えますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "共有先のドメインが本番キーの登録ドメインに含まれていなければ動きません。共有ドメインを登録に追加するか、確認用に別のサイトキーを用意する方法が安全です。"
      }
    },
    {
      "@type": "Question",
      "name": "サブドメインで開くと動かないのはなぜですか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "サブドメインがサイトキーの登録範囲に含まれているかは設定次第です。共有先のサブドメインが登録ドメインのルールに合致しているかを管理コンソールで確認してください。"
      }
    },
    {
      "@type": "Question",
      "name": "ドメイン以外に確認すべき点はありますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "サイトキーの記述ミス、スクリプトの読み込み失敗、CSPによる配信元のブロックも原因になります。Console/Networkで読み込み状況とエラーを確認すると切り分けが進みます。"
      }
    },
    {
      "@type": "Question",
      "name": "原因が分からないときはどこから確認すべきですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "まず自分だけの問題か全員の問題かを分けます。次にシークレットウィンドウ、別ブラウザ、スマホで確認し、ファイル構成・相対パス・キャッシュ・認証設定を順に見ます。"
      }
    }
  ]
}
```
