WordPress の混合コンテンツエラーを修正する方法

WordPress は創造性と機能性を象徴しており、何百万ものユーザーがデジタル アイデアを実現できるようにしています。

ただし、よく作られた WordPress サイトでも技術的なハードルに直面しており、よくある問題の 1 つは「混合コンテンツ エラー」です。

サイトの閲覧中に Web ページの安全でない部分に関する警告を見たことがあれば、おそらくこのエラーに遭遇したことがあるでしょう。 これは、Web サイトに安全な (HTTPS) 要素と安全でない (HTTP) 要素が含まれている場合に発生し、ユーザーに潜在的なセキュリティ リスクをもたらします。

心配しないで！ この投稿では、混合コンテンツエラーについて説明し、WordPress サイトでそれを修正するための実行可能な手順を示します。

準備はできたか？ 飛び込んでみましょう。

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

WordPress の混合コンテンツ エラーは、Web サイトが HTTPS 経由で提供されているが、安全でない要素 (HTTP) も含まれている場合に発生します。

HTTP はハイパーテキスト転送プロトコルの略です。 これは、訪問者のブラウザが WordPress Web サイトと通信できるようにするプロトコルであり、HTTPS (Hypertext Transfer Protocol Secure) は、通信を暗号化する HTTP の安全なバージョンです。

HTTPS/SSL は機密情報をハッカーから保護し、Web サイトの安全性を保証します。

Google などの検索エンジンは、Web サイト所有者に対し、サイトに HTTPS/SSL を組み込むことを強く推奨しています。

Secure Sockets Layer (SSL) 証明書は、ランキング要素として機能し、HTTP を使用する Web サイトが安全でないとみなされることを示すため、Web サイトにとって重要です。

したがって、SSL 証明書を持っていない場合、Web サイトのランキングに悪影響を及ぼす可能性があります。

ほとんどの最良のホスティングプロバイダーにはパッケージの一部として無料の証明書が含まれているため、Web サイトの SSL 証明書を取得するのは簡単です。

Web サイトに SSL 証明書が正常にインストールされている場合は、ブラウザのアドレス バーの Web サイトの URL の横に南京錠が表示されるはずです。

一方、HTTPS/SSL 設定が正しく構成されていない場合は、アドレス バーに情報記号または壊れた南京錠のアイコンが表示されます。

「このサイトへの接続は安全ではありません」というメッセージも表示されます。

したがって、HTTPS/SSL をインストールした後、Web サイト上の一部のリソースが安全でない接続 (HTTP) 経由で読み込まれ続ける場合は、混合コンテンツ エラーが発生することが予想されます。

画像、スクリプト、スタイルシートはこれらのリソースの例です。

2 WordPress の混合コンテンツエラーを特定する方法

ブラウザの検査ツールを使用すると、安全でないプロトコルを使用して提供されているコンテンツを特定できます。 Web サイトを検査するには、画像などのコンテンツを含むページを右クリックし、 「検査」を選択します。

「検査」をクリックすると、ブラウザの検査ツールが起動します。 次に、 「コンソール」タブに移動します。

以下に示すように、混合コンテンツ エラーはコンソールに警告として表示されます。

コンソールにエラーが 1 つだけある場合は、エラーが見つかった投稿、ページ、またはテーマ ファイルを編集することで手動で修正できます。

画像内の強調表示されたセクションをよく見ると、 「ただし、安全でない要素を要求しました」というステートメントの後に URL が提供されていることがわかります。 URLをクリックします。

その URL をクリックすると、プライマリ リソースに移動し、混合コンテンツ エラーが発生します。

例えば、

通常は。 Web サイト上の画像の URL は、https: https://example.com/images/image.jpg.

ご覧のとおり、上記の画像 URL 形式は HTTPS で始まります。

ただし、次の形式を使用して画像を Web サイトに直接挿入する場合は、次のとおりです。

http://example.com/images/image.jpg.

画像 URL が安全でないプロトコル HTTP で始まるため、ほぼ確実に混合コンテンツ エラーが発生します。

つまり、Web サイトのリソース URL が HTTP で始まる場合には必ず混合コンテンツの問題が発生するはずです。 したがって、リソースを見つけたら、Web サイトのページでそのリソースを探し、URL を手動で削除または更新します。

ただし、ほとんどの状況では、WordPress はこれらの要素を動的に追加するか、データベースに保存します。 そのような状況では、すべてを手動で検出して修復することは困難になります。

ここで、WordPress の混合コンテンツエラーの簡単な修正方法を見てみましょう。

3 WordPress の混合コンテンツ修正エラーの修正

このエラーを修正する最も簡単な方法は、プラグインを使用することです。

必要なのは、 SSL Insecure Content Fixerプラグインをインストールしてアクティブ化することだけです。

WordPress プラグインのインストールに関する専用のチュートリアルを参照してください。

プラグインを有効化した後、WordPress ダッシュボードから[設定] → [SSL 安全でないコンテンツ]に移動します。

このプラグインは、混合コンテンツ エラーに対するさまざまな修正を提供します。 各オプションを詳しく説明し、その仕組みを説明し、状況に最適なオプションを決定するのに役立ちます。

[オフ]オプションから始めて、現在混合コンテンツ エラーが発生している場合は必要ないため、スキップしてください。 他のオプションについても説明しましょう。

1. シンプル

初心者にとって、これは最も速く、強く推奨される選択です。 スタイルシート、スクリプト、メディア ライブラリ画像に関連する WordPress 混合コンテンツ エラーに自動的に対処します。 このソリューションを選択すると、エラーがすぐに解決されるはずです。

2. 内容

シンプル レベルで Web サイトの混合コンテンツ エラーが解決しない場合は、コンテンツ設定を試してください。 Simple のすべての機能が使用され、WordPress ページのコンテンツとテキスト ウィジェット内のリソースに対する修正がチェックされます。

3. ウィジェット

このレベルには、コンテンツ レベルで適用されるすべての修正に加えて、Web サイト上のウィジェットに読み込まれるリソースに対する追加の修正が含まれます。

4. キャプチャ

このメソッドは、ヘッダーからフッターに至るまで、スクリプト、スタイルシート、その他のリソースなど、WordPress Web サイトのすべてのページ上のすべてをキャプチャし、HTTPS URL に置き換えます。 一部の互換性とパフォーマンスの問題を防ぐために、Ajax 呼び出しが除外されます。

5.すべてをキャプチャ

前述のレベルがすべて失敗した場合は、この設定を試すことができます。 [キャプチャ] オプションと同様に、ページ全体をキャプチャし、スクリプト、スタイルシート、その他のリソースを修正します。

ただし、この場合、Ajax 呼び出しは除外されずに含まれるため、Web サイトで互換性とパフォーマンスの問題が発生する可能性が高くなります。

最初のオプションから始めて、ブラウザの検査ツールを使用して Web ページをテストし、エラーが解決されたかどうかを確認することをお勧めします。 コンテンツ エラーを解決するオプションが見つかるまで、他のすべてのオプションに対してこのプロセスを繰り返す必要があります。

Web サイトの特定のテーマとプラグイン、および外部 Web サイトのコンテンツを HTTP のままにするかどうかについては、追加のオプションがあります。 これら 2 つのオプションはそのままにして、最後のオプションに進むことができます。

最後のオプションでは、ページが HTTPS 経由で読み込まれるときに WordPress が検出する方法を指定する必要があります。

設定に満足したら、 「変更を保存」ボタンをクリックして設定を保存してください。

Web サイトのキャッシュをクリアし、検査ツールに戻って、混合コンテンツ エラーが消えていることを確認します。

4よくある質問

5。結論

WordPress Web サイトの混合コンテンツエラーに対処することは、安全でシームレスなブラウジングエクスペリエンスを維持するために必要です。

ホスティングプロバイダーを選択するときは、無料の SSL 証明書を提供していること、および WordPress Web サイトのインストール中にホスティングパネルまたは cPanel から SSL 証明書をインストールすることを確認してください。

次に、HTTPS などの安全なプロトコルを使用しない URL を Web ページに貼り付けないでください。これらの URL もこのエラーを引き起こす可能性があります。

ただし、すでに問題が発生している場合は、このブログ記事で説明されている推奨プラグインを使用してエラーを修正するか、リンクを検出したときにリンクを手動で更新できます。

この投稿が気に入ったら、 @rankmathseo をツイートしてお知らせください。