WordPress の混合コンテンツエラーを修正するにはどうすればいいですか?

WordPress サイトで混合コンテンツ エラーが発生すると、それまで順調に進んでいたデジタル ジャーニーに突然障害が生じたように感じるかもしれません。.

ある瞬間、サイトは完璧に読み込まれますが、次の瞬間、ブラウザの警告がポップアップ表示され始め、訪問者を怖がらせ、信頼性を損ないます。.

この一般的な問題は、安全な HTTPS ページが HTTP 経由でリソースを読み込もうとしたときに発生し、サイトが部分的に安全でない状態になります。

これは ユーザーエクスペリエンスに影響を与えるだけでなく、 にも悪影響を及ぼします サイトのSEOランキング 。

Googleなどの検索エンジンは、完全に安全なウェブサイトを優先します。つまり、未解決の混在コンテンツエラーは、トラフィックとエンゲージメントの向上に向けた努力を静かに損なう可能性があるということです。.

このガイドでは、WordPress で混合コンテンツ エラーを識別、修正、防止するプロセスを段階的に説明します。.

WordPress の混合コンテンツエラーとは何ですか?

混合コンテンツ エラーは、 Web ページが 安全で暗号化された HTTPS 接続を介して読み込まれ、一部のリソースが安全でない HTTP 接続を介して取得された場合に発生します。

を確立しています 安全な接続 が、安全でないリソースを読み込もうとすると、安全な要素と安全でない要素が混在する「混合」接続が作成されます。この二重性により、混合コンテンツの警告が表示されたり、特定の要素がブロックされたりします。

根本的な問題は、主要な接続は安全である一方で、安全でない要素が攻撃者によって悪用される可能性があるという事実にあります。.

これらの攻撃者は、HTTPコンテンツを操作してウェブページの他の部分を制御したり、ユーザーの認証情報を盗んだり、悪意のあるスクリプトを挿入したりする可能性があります。ブラウザが安全でない要素を読み込むと、 セキュリティ HTTPSの

混合コンテンツの種類：アクティブ vs パッシブ

混合コンテンツの 2 つの主なタイプを理解することは、 適切なトラブルシューティングをセキュリティ リスクのレベルが異なり、結果として生じる混合コンテンツの警告も異なるため、

混合コンテンツの種類	説明	リスクレベル	安全でない要素の例	ブラウザアクション
パッシブ混合コンテンツ	このタイプは、ページの他の部分とやり取りしたり、動作を変更したりしない、安全でないリソースを含みます。これらの要素は、攻撃者によって表示または置換されることはあっても、実行されることはありません。パッシブコンテンツと呼ばれることがよくあります。.	適度	画像、ビデオ ファイル、オーディオ メディア ファイル、その他のリソースは、HTTP 経由で読み込まれます。.	ブラウザは通常、軽微な警告を表示しますが、安全でないコンテンツは引き続き読み込まれます。.
アクティブな混合コンテンツ	これは非常に危険です。なぜなら、安全でない要素はウェブページのDOM（ドキュメントオブジェクトモデル）に干渉し、変更する可能性があるからです。攻撃者はこれを利用してページを乗っ取ったり、ユーザーデータを完全に盗み出したりする可能性があります。これが、アクティブな混合コンテンツを読み込むことを意味します。.	高い	スクリプト (JavaScript)、CSS ファイルへのリンク、iframe、および XMLHttpRequest オブジェクト。.	ほとんどのブラウザは、ユーザーを保護するためにこの種の安全でないコンテンツを完全にブロックしますが、サイトのコア機能が損なわれる可能性があります。.

ブラウザは混在コンテンツの警告をどのように表示するのでしょうか?

ユーザーと 開発者 、安全なコンテンツと安全でないコンテンツの存在を

• Google Chrome および Microsoft Edge: パッシブな混合コンテンツの場合、通常はサイトが安全であると表示されますが、コンソールタブに軽微な警告アイコンまたはメッセージが表示されることがあります。アクティブな混合コンテンツの場合、通常は壊れた鍵アイコンまたはグレーアウトした鍵アイコンが表示され、接続が完全に安全ではないことを示すメッセージが表示されることがあります。

• Mozilla Firefox： Firefoxも同様の戦略を採用しており、 壊れた鍵アイコンや混在した鍵アイコン あります。開発者は、コンソールタブで混在コンテンツの詳細な警告を確認できます。

この問題が発生した場合は、アドレスバーの視覚的なヒントや、Chrome、Firefox、Edge の開発者ツールの簡単なチェックによって、問題をすぐに確認できます。.

混在コンテンツエラーの一般的な原因

根本原因を理解することが、混合コンテンツ エラーを解決するための第一歩です。.

• ハードコードされた HTTP URL では、 テーマ ファイル、プラグイン ファイル、またはページ コンテンツが相対 URL またはプロトコル相対 URL (//yourdomain.com/image.jpg) ではなく絶対 HTTP リンク (例: http://yourdomain.com/image.jpg) を使用すると、混合コンテンツ エラーが発生することがよくあります。
• サイトが HTTPS に切り替わると、ブラウザは古い HTTP パスを使用してこれらの画像、スクリプト、CSS ファイルを取得しようとします。.

• 不適切な移行: を急いでいたり 移行 場合、WordPress データベースに古い HTTP リンクが埋め込まれたままになることがよくあります。

• 外部リソース： ウェブページは、CDNや広告ネットワークなどのサードパーティサービスからアセットを読み込んでいる可能性がありますが、これらのアセットはHTTPS経由で読み込むように設定されていません。

• プラグインまたはテーマの問題： コーディングが不適切なプラグインまたはテーマは、サイトの設定に関係なく、デフォルトでHTTPを使用するリンクやパスを生成する可能性があります。

混合コンテンツ エラーがなぜ有害なのか?

混合コンテンツ エラーの影響は、単に迷惑な警告メッセージにとどまらず、Web サイトの整合性とパフォーマンスを根本的に損ないます。.

• セキュリティリスク： 主な被害は、セキュリティに関する約束が破られることです。アクティブな混合コンテンツの読み込みは特に危険であり、安全でない接続を介して中間者攻撃、認証情報の盗難、悪意のあるコードの注入にユーザーを晒すことになります。

• 信頼とユーザーエクスペリエンス： 壊れた鍵アイコンや恐ろしい警告メッセージは、ユーザーの信頼を瞬く間に失わせます。完全に安全ではないと判断されたサイトでは、訪問者が交流したり、情報を提供したり、購入したりする可能性は低くなります。

• SEOへの影響： Google Chromeやほとんどのブラウザは、混合コンテンツの警告が表示されるサイトを引き続きインデックスに登録していますが、セキュリティの低さが認識され、アクティブな混合コンテンツがブロックされる可能性もあるため、 SEOにとって重要なユーザーエクスペリエンスシグナルに悪影響を与える可能性があります。 さらに、スクリプトのブロックによってページの一部が破損すると、機能やパフォーマンスに悪影響を与える可能性があります。

WordPress で混合コンテンツの問題を識別するにはどうすればよいでしょうか?

混合コンテンツエラーを効果的に修正するには、どの安全でないリソースが読み込まれているかを正確に特定する必要があります。最新のブラウザに搭載されている開発者ツールは、この点で非常に役立ちます。.

開発者ツールを開く： Google Chrome、Mozilla Firefox、またはMicrosoft Edgeで、問題の原因となっているウェブページに移動します。F12キー（Windowsの場合はCtrl+Shift+I、Macの場合はCmd+Option+I）を押して開発者ツールを開きます。

• コンソール タブを確認してください。 コンソール タブをクリックします。ここには、ブラウザのエラーと警告が記録されます。「混合コンテンツ」または「'https://…' のページは HTTPS で読み込まれましたが、安全でないリソース 'http://…' が要求されました」というメッセージが明示的に記載されているものを探してください。これらのメッセージは、置き換える必要がある正確な HTTP コンテンツの URL を明確に示しています。

• セキュリティ タブを検査する: 一部のブラウザには、接続ステータスの概要を提供し、ページに安全でない要素が含まれているかどうかを明示的に示すセキュリティ タブもあります。

• オンライン SSL チェッカーを使用する: Why No Padlock や SSL チェッカーなどのツールを使用すると、サイト全体のスキャンを実行し、特定のページで提供されているすべての安全でないリソースをリストしたレポートを提供できます。

安全でないリソース (画像、スクリプト、CSS ファイル) を特定することで、混合コンテンツ エラーを修正するための適切な方法を選択できます。.

混在コンテンツエラーを修正する方法

混合コンテンツ エラーを修正する方法を学ぶプロセスには、古い HTTP URL のすべてのインスタンスを見つけて、それを HTTPS に更新するか、またはさらに良い方法としてプロトコル相対 URL に更新することが含まれます。.

ここに、実証済みの方法をいくつか示します。.

方法1：専門家の助けを求める

データベースやサーバーのファイルを変更するのが困難に思える場合、またはサイトで複雑で永続的な混合コンテンツの警告が発生している場合は、 プロの WordPress 開発者 またはホスティング プロバイダーにサポートを依頼するのが最も速くて安全な方法です。

必要な検索と置換操作を迅速に実行し、壊滅的なエラーのリスクを冒すことなく、扱いにくいアクティブな混合コンテンツの問題をデバッグできます。.

これは直接的な解決策ではありませんが、多くのサイト所有者にとって有効かつ好ましい最初のステップであり、迅速かつ完全な解決を保証します。.

方法2：プラグインを使用して混合コンテンツを修正する

多くの WordPress ユーザーにとって、プラグインはサイト全体の置換操作を自動的に実行するので、混合コンテンツ エラーを解決する最も簡単な方法です。.

これらのプラグインは基本的に出力バッファの書き換えを実行し、すべての HTTP URL をオンザフライで HTTPS として強制的にロードします。.

推奨事項: Really Simple SSL または Better Search Replace (データベース内の一括検索操作に使用する場合)。

本当にシンプルな SSL の手順:

• WordPress ウェブサイトにプラグインをインストールして有効化します。.

• プラグインは SSL 証明書を自動的に検出します。

• 「SSL を有効にしましょう！」ボタンをクリックします。.

• プラグインは、WordPress サイトの設定を自動的に HTTPS に変更し、出力バッファを使用して、読み込まれたすべてのページですべての安全でない要素 (HTTP リンク) を安全な (HTTPS) 要素に置き換えます。.

この方法は、パッシブな混合コンテンツの問題の大部分と、アクティブな混合コンテンツの警告の多くを解決するのに迅速かつ非常に効果的です。.

方法3: WordPressの設定とデータベースでURLを更新する

この方法により、 WordPressコア HTTPS用に正しく設定されていることが確認できます。これにより、混合コンテンツエラーの最も基本的なケースが修正されることがよくあります。

手順:

WordPressの一般設定を更新します。

• WordPress 管理ダッシュボードで「設定」→「一般」に移動します。.

• WordPress アドレス (URL) とサイト アドレス (URL) の値を http://yourdomain.com から https://yourdomain.com に変更します。.

• 「変更を保存」をクリックします。これにより、データベース内のサイトのURLが正しいことが確認されます。.

データベースエントリの更新（上級）： 頑固なハードコードされたHTTPコンテンツの場合は、データベースエントリを直接更新する必要があります。データベースを手動で編集すると、サイトが破損する可能性があるため、ご注意ください。Better Search Replace（方法6）などのツール、またはphpMyAdminなどのツールの検索・置換機能を使用してください。

• すべてのテーブルで http://yourdomain.com を検索します。.
• https://yourdomain.com に置き換えます。.

方法4: .htaccess ファイルを変更してHTTPSを強制する

を使用して、Web サーバー レベルですべての受信 HTTP 要求を HTTPS にリダイレクトするように強制できます Apache Web サーバーの場合)。

手順:

• FTP またはホストのファイル マネージャーを介してサイトのルート ディレクトリにアクセスします。.

• .htaccess ファイルを編集します。.

• # BEGIN WordPress セクションの前に次のコード スニペットを追加します。

<IfModule mod_rewrite.c>RewriteEngine オン RewriteCond %{HTTPS} オフ RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]</IfModule>

このコードは 301 永続リダイレクトを、ページの HTTP バージョンにアクセスしようとするすべてのブラウザが、Web サイトの HTTPS バージョンに直ちにリダイレクトされるようにします。

これにより、初期の混合コンテンツの問題が発生する可能性が大幅に減少します。.

方法5：テーマとプラグインファイル内のハードコードされたURLを更新する

場合によっては、安全でないリソースはデータベースに保存されず、テーマの header.php、functions.php、または特定のプラグインのファイルに直接ハードコードされることがあります。.

手順:

• 安全でないリソースを特定する： ブラウザのコンソールタブを使用して、HTTPコンテンツを提供している正確なファイルを特定します。

• ファイルの場所： FTP経由でWordPressファイルにアクセスします。wp-content/themes/your-theme-name/またはwp-content/plugins/the-plugin-name/に移動します。

• URL を置き換えます。 識別されたファイルを開き、ハードコードされた http:// リンクを検索します。

• リンクを更新： 絶対HTTP URLをプロトコル相対URL（//yourdomain.com/path/to/resource.js）または完全なHTTPS URL（https://yourdomain.com/path/to/resource.js）に置き換えます。プロトコル相対URLは、 メインページの読み込みに使用されているプロトコルを自動的に使用するため、より安全です。

方法6：一括検索・置換ツール

ウェブサイトの投稿、ページ、 カスタムフィールド、手動で修正することは不可能です。そこで、一括検索・置換ツールが不可欠になります。

推奨ツール： Better Search Replace （プラグイン）

手順:

• Better Search Replaceプラグインをインストールして有効化します。「ツール」→「Better Search Replace」へ移動します。.

• 検索フィールドに、古い安全でない URL を入力します: http://yourdomain.com

• 置換フィールドに新しいURLを入力します：https://yourdomain.com

• すべてのテーブルを選択します (または、最初は wp_posts と wp_postmeta のみを選択します)。.

• 「大文字と小文字を区別する」ボックスのチェックが外れていることを確認します。.

重要：検索によってどれだけの変更が生じるかを確認するために、まず「ドライランとして実行しますか？」を実行してください。

「ドライ ラン」ボックスのチェックを外し、「検索/置換を実行」をクリックすると、すべての「http」インスタンスが「https」に完全に置き換えられます。.

これは、データベース内に混合コンテンツ エラーが存在する場合に、その中核となる問題に対処する最も効果的な方法です。.

混在コンテンツエラーの防止とトラブルシューティング

予防は治療よりも重要です。混在コンテンツエラーを修正したら、再発しないように対策を講じてください。.

予防のためのベストプラクティス

予防のためのベストプラクティスに従うことで、WordPress サイトが完全に安全になり、混合コンテンツ エラーが回避され、ユーザーの信頼と SEO パフォーマンス。

• 常にプロトコル相対または相対URLを使用する： 内部リソース（画像、CSSファイル、スクリプトなど）へのリンクは、ルート相対パス（/wp-content/uploads/image.jpg）またはプロトコル相対URL（//yourdomain.com/image.jpg）を使用してください。http://またはhttps://のハードコーディングは避けてください。

• HSTS（HTTP Strict Transport Security）を有効にする： HSTSは、ウェブサーバーによって設定されるセキュリティポリシーです。ユーザーまたはアプリケーションがHTTPコンテンツをリクエストした場合でも、ブラウザはHTTPSのみを使用してサイトにアクセスします。これは、サイト全体でHTTPSを強制するための強力なメカニズムです。

• サードパーティのリソースを確認する： すべての外部リソース（例：広告スクリプト、アナリティクストラッカー）もHTTPS経由で提供されていることを確認してください。サードパーティのサービスがHTTP URLのみを提供している場合は、代替手段を検討してください。

混合コンテンツの一般的な問題のトラブルシューティング

混合コンテンツの問題は、キャッシュ、プラグインの競合、またはURLのハードコードなどが原因で、初期修正後も解決されない場合があります。これらのよくある落とし穴を理解することで、すべてのリソースが安全に読み込まれ、ウェブサイトが完全にHTTPSに準拠していることを確認できます。.

• 修正後も警告が消えない場合： 混在コンテンツの警告が消えない場合は、すべてのキャッシュ（WordPressキャッシュ、サーバーキャッシュ、CDNキャッシュ、ブラウザキャッシュ）をクリアしてください。 キャッシュは 、古いHTTPバージョンのファイルを提供している可能性があるため、頻繁に発生する問題です。

• アクティブな混合コンテンツがブロックされています： 重要な機能がブロックされている場合（アクティブな混合コンテンツの読み込み）、スクリプトがHTTP経由で読み込まれている可能性があります。ChromeまたはFirefoxのコンソールタブを使用して、問題のあるスクリプトのURLを正確に特定し、方法5を使用してハードコードされたパスを修正してください。

• 安全でない要素が新たに出現： プラグインまたはテーマのアップデート後に安全でない要素が新たに出現した場合、アップデートによって修正内容が上書きされている可能性があります。プラグインまたはテーマのサポートチームに連絡し、混在コンテンツエラーの詳細をお伝えの上、修正を依頼してください。

結論

混合コンテンツ エラーは、HTTPS に移行するすべての WordPress ウェブサイトにとって深刻ですが、完全に修正可能な問題です。.

根本的な問題は、安全でないコンテンツ (古い HTTP コンテンツ) を安全な Web ページにロードすることにあると理解することで、それを体系的に排除できます。.

プラグインのシンプルさ (方法 2)、データベースの検索と置換の永続性 (方法 6)、または .htaccess による HTTPS の強制によるサーバー レベルの保護 (方法 4) のどれを選択しても、完全に安全で信頼できるオンライン プレゼンスを維持するための完全なツールキットを手に入れることができます。.

完全に安全な接続は、ユーザーの信頼を得るための前提条件であり、検索エンジンにとって重要なシグナルです。.

時間をかけて検証し、プロセスを完了することで、すべての混合コンテンツの警告を排除し、独自のドメインでシームレスで暗号化されたエクスペリエンスを実現します。.

混合コンテンツエラーに関するよくある質問