サイトにアクセスしようとしたときに、恐ろしい「エラー521」メッセージがポップアップ表示されるのを見たことがありますか?残念ながら、WordPressとCloudflareを使用している人にとってはかなり一般的な問題で、毎日何千ものサイトに影響を与えています。
悪いニュース?もしあなたがこのエラーを見たら、あなたのサイトを訪問しようとする他の人たちも同じです。これは、あなたが与えたい第一印象ではありません。私たちは、このようなエラーがユーザーエクスペリエンスやコンバージョン率、さらにはGoogleでのランキングに深刻な影響を与えることを知っています。
このガイドでは、WordPressとCloudflareで521エラーを修正する方法について、私たちの長年の経験をご紹介します。このガイドでは、WordPressとCloudflareで521エラーを修正する方法について、私たちの長年の経験をご紹介します。

WordPressとCloudflareのエラー521の原因は?
WordPressのサイトにアクセスしようとしたときに521エラーが表示された場合、ブラウザーはCloudflareに正常に接続していますが、Cloudflareはホスティングサービスをホストしているサーバーに接続していないことを意味します。
サーバーがオフラインであることが原因であることが多い。
WordPressホスティングサービスサーバーがオンラインであるにもかかわらず、Cloudflareをブロックしている可能性もあります。通常このWordPressエラーは、サーバーがCloudflareをセキュリティ上の脅威と勘違いした場合に発生します。 これは通常、サーバーまたはCloudflareの設定方法に問題があることが原因です。
しかしご心配なく。このエラーを素早く解決するための5つのトラブルシューティングがあります。
521エラーの原因が不明な場合は、ステップ1から各ステップに進むことをお勧めします。特定のステップに直接進みたい場合は、以下のリンクをご利用ください:
- ホスティングサービスプロバイダーへのお問い合わせ
- サーバーがオフラインかどうかの確認
- CloudflareのIPアドレスをすべてホワイトリストに登録する
- ホスティングサービスプロバイダーにポート443を有効化するよう依頼する。
- Cloudflare Origin証明書の作成とアップロード
1.ホスティングサービスプロバイダーにお問い合わせください。
521エラーが発生した場合、自分で問題を解決できる手順があります。しかし、その中には時間のかかる技術的なものもあります。
このことを念頭に置いて、521エラーを修正する最も簡単な方法は、WordPressホスティングサービスに連絡することです。良いホスティングサービスであれば、このエラーの原因を教えてくれるはずです。問題を解決してくれるかもしれません。
サポートへの連絡方法がわからない場合は、ホスティングサービスのサイトにアクセスしてください。お問い合わせやサポートのページを探すことができます。

この問題をできるだけ早く解決するために、利用可能な場合はライブ サポート オプションを設定することをお勧めします。例えば、ライブ チャットまたはビジネス電話サポートは、ほとんどの場合、発券ポータルやメールよりも高速です。
ホスティングサービスからすぐにサポートを受けられない場合は、次の手順を試してみてください。
2.サーバーがオフラインかどうかを確認する
521エラーが表示されたら、サーバーがオンラインかどうかを常にチェックする価値がある。
まだオンラインであれば、他のトラブルシューティングを試すことができます。
そのためには、サーバーのIPアドレスを知っておく必要があります。これはネットワーク上のハードウェアを識別する文字列です。
このIPアドレスを使用して、WordPressサイトをホストしている物理サーバーに「ピンバック」することができます。サーバーが応答すれば、オンラインであることがわかります。
もし応答がなければ、サーバーがオフラインになっており、これが521エラーの原因です。
IPアドレスを取得するには、ウェブサイトのコントロールパネルにログインする必要があります。これは通常ホスティングサービスプロバイダーから提供され、通常cPanelまたはカスタムパネルのいずれかです。
ログイン中であれば、「IPアドレス」と書かれた設定を探すことができます。
あなたがBluehostの顧客であれば、ホスティングタブのサーバー情報セクションまでスクロールダウンする必要があります。

このセクションには、IPアドレスを表示するためのリンクがあります。
リンクをクリックするとIPアドレスが表示されます。コピー」リンクをクリックすると、クリップボードにコピーできます。

このIPアドレスを見つけるのに苦労している場合は、ホスティングサービスプロバイダーのサイトやオンラインドキュメンテーションを確認する価値があります。多くのホスティングサービスには、IPアドレスの見つけ方を示す詳細なチュートリアルがあります。
この情報を得たら、HTTP Header Checkerツールにアクセスしてください。このツールを使って、あなたのサイトのサーバーに「ピンバック」し、応答があるかどうかを確認することができます。
このテストを行うには、「URL」フィールドにIPアドレスを貼り付けるだけです。
次に、IPアドレスの前に「http://」を付けます。これで、この文字列がウェブアドレスに変わります。例えば
56.18.270.000
となる:
http://56.18.270.000

次に、「Check」ボタンをクリックしてください。HTTP Header Checkerがサーバーとの通信を試みます。
サーバーがオフラインの場合、「接続に失敗しました」や「ホスティングサービスが見つかりません」といったメッセージが表示されます。
これで、521エラーが表示される理由がわかります。この場合、ホスティングサービスに連絡して修正してもらう必要があります。
サーバーがオンラインの場合、HTTPヘッダーチェッカーは’2XX’ステータスコードを表示します。また、サーバーがオンラインであるが、一時的に新しい場所にリダイレクトしている場合は、’3XX’ ステータスコードが表示されることがあります。
サーバーがオンラインであれば、障害やサーバーのダウンタイムが521エラーの原因ではありません。その場合は、このガイドに従ってエラーを修正してください。
3.CloudflareのIPアドレスをすべてホワイトリストに登録する。
サーバーはオンラインであるが、CloudflareのIPアドレスをブロックしている可能性があります。このため、WordPressサイトにアクセスしようとすると、521エラーが発生します。
解決策は、Cloudflareが使用するすべてのIPアドレスをホワイトリストに登録することです。 IPアドレスをホワイトリストに登録することで、そのアドレスからのすべてのリクエストを許可するようにサーバーに指示することになります。
サイトの.htaccessファイルにホワイトリストIPを追加することができます。これは、サーバーがどのように動作すべきかを指示する重要な設定ファイルです。
.htaccessファイルを編集するには、FileZillaのようなFTPクライアントが必要です。
FTPクライアントを使ったことがない方は、FTPの使い方のガイドをご覧ください。この投稿では、FTPクライアントを使用してサーバーに接続する方法を紹介します。
サーバーに接続したら、サイトのルート・フォルダーを開く必要があります。サイトのアドレスが表示されているフォルダーを開きます。
次に、「public_html」フォルダーを開く。

これであなたのサイトの.htaccessファイルが表示されるはずです。
FTPクライアントの中には、初期設定で機密ファイルを非表示にするものがあります。.htaccessファイルが表示されない場合は、FTPクライアントの「非表示ファイルを表示」オプションを有効化する必要があります。
FileZillaを使用している場合は、ツールバーからサーバーを選択するだけです。そして「非表示ファイルを強制的に表示」をクリックする。

.htaccessが見つからない場合は、WordPressで.htaccessファイルを見つける方法をご覧ください。
このファイルを編集する準備ができたら、.htaccessファイルを右クリック(またはコントロール・クリック)するだけです。
次に「表示/編集」を選択する。

コンピューターの初期設定テキスト編集プログラムで.htaccessを開きます。
このファイルの中で「# BEGIN」行を見つける。この行の上に、CloudflareのIPアドレスをすべて追加する必要があります。

開始するには、改行で次のように入力する:
拒否、許可

新しいタブで、Cloudflare IPレンジのリストを開きます。
IPアドレスをホワイトリストに登録するには、「allow from」と入力し、IPアドレスをコピー&ペーストするかタイプする必要があります。つまり
103.21.244.0/22
となる:
103.21.244.0/22からの許可
また、各IPアドレスを新しい行に追加する必要がある。

すべてのCloudflare IPアドレスを追加したら、変更を保存します。これで.htaccessファイルを閉じることができます。
これで「エラー521」が修正されたかどうか、サイトにアクセスして確認することができる。
4.ホスティングサービスプロバイダーにポート443を有効化するよう依頼する。
Cloudflareにはいくつかの異なる暗号化モードがあります。
521エラーが発生する直前に、フルまたはフル(ストリクト)モードに切り替えましたか?これが問題の原因かもしれません。
CloudflareがFullまたはFull (Strict)モードの場合、443番ポートにアクセスする必要があります。 しかし、サーバーによってはCloudflareがこのポートにアクセスできないため、「エラー521」エラーが発生します。
解決策は、サーバーでポート443を有効化することです。
このプロセスはホスティングサービスやサーバーの設定によって異なりますので、ホスティングサービスに連絡して443番ポートを有効化してもらうことをお勧めします。
5.Cloudflare Origin証明書の作成とアップロード
ポート443を有効化しても、CloudflareのFullまたはFull (Strict)モードを使用すると、521エラーが発生する場合があります。
これは、サーバーによっては、正しいCloudflare Origin証明書を持っている場合にのみポート443での接続を許可するためです。この証明書はCloudflareとWebサーバー間のトラフィックを暗号化します。
Origin Certificateをプロバイダーしていない場合、「エラー521」が表示されることがあります。
Cloudflareは、この証明書を作成するプロセスをステップバイステップで説明してくれます。
Cloudflareアカウントにログインしてください。次にSSL/TLS ” Originサーバーに進みます。

次に、「Create Certificate」ボタンをクリックします。
Cloudflareは秘密鍵と証明書署名要求(CSR)を要求します。
すでに秘密鍵とCSRをお持ちですか?その場合は、’Use my private key and CSR’チェックボックスを選択してください。

CSRを’Certificate Signing Request (CSR)’ボックスに入力します。
CSRとキーをお持ちでない場合でも、慌てる必要はありません!Cloudflareがこの2つを作成してくれます。
開始するには、「Generate private key and CSR with Cloudflare」を選択します。

RSA鍵とECC鍵のどちらを作成するかを選択できる。
ほとんどのセキュリティ専門家は、ECCとRSAが同等に安全であることに同意している。しかし、ECCの方が鍵長が短い。つまり、ECCの鍵の方が高速である。
このため、ECCキーを作成することを推奨する。
決定したら、「秘密鍵タイプ」のドロップダウンを開きます。RSAまたはECCのいずれかを選択できます。

次に、「ホスト名」フィールドまでスクロールします。ここで、保護したいホスト名をすべて追加できます。複雑に聞こえるかもしれませんが、Cloudflareが多くの作業を代行してくれます。
Cloudflareがすでにルートドメイン名を追加していることがわかります。
Cloudflareは、サイトのドメインに*記号を加えたワイルドカードも自動的に追加します。これは、サブドメインが適切に保護されていることを確認する「キャッチオール」です。
たとえば、ルートドメインが「www.example.com」である場合、このワイルドカードは「store.youurwebsite.com」サブドメインも確実に保護します。詳しくは、サブドメインの完全ガイドをご覧ください。
ほとんどのサイトを保護するには、この初期設定で十分です。しかし、さらにホスト名を追加する必要がある場合は、「ホスト名」フィールドに入力するだけです。

次に、「Certificate validity」セクションまでスクロールする。
証明書の初期設定有効期間は15年間です。
もっと時間が必要ですか?その場合は、「証明書の正しい有効期限」のドロップダウンを開き、新しい値を選択してください。

入力した情報にすべて問題がなければ、「作成」ボタンをクリックしてください。
Cloudflareが証明書を作成します。

CloudflareはOrigin証明書と秘密鍵を表示します。この情報を区切りファイルにコピーする必要があります。
注意: この画面を出ると、秘密鍵は二度と見ることができません。本当に〜してもよいですか?
これでOrigin証明書をWebサーバーにアップロードすることができます。手順はホスティングサービスやサーバーによって異なります。
Cloudflareは、ウェブサーバーの種類に応じた手順を公開しています。
サーバーにOrigin証明書をインストールしたら、最後にSSL/TLS暗号化モードを更新します。
ダッシュボードでSSL/TLSに進みます。

次に「SSL/TLS暗号化モード」セクションを見つける。
このセクションでは、「フル(厳密)」を選択する。

Cloudflareは現在、あなたのOrigin証明書を使用しています。これで「エラー521」が修正されたかどうか、サイトを確認することができます。
この投稿がWordPressとCloudflareで「エラー521」を修正する方法のお役に立てば幸いです。また、WordPress の最も一般的なエラーに関するガイドや、WordPress のブロックエディターの最も一般的な問題とその修正方法に関する専門家の選りすぐりの記事もご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Have a question or suggestion? Please leave a comment to start the discussion.