この記事でわかること

  • WordPressのサイトをHTTPSにするときに、確かめる順番
  • 変える前に取っておく控えと、変える前の値の書き留め方
  • WordPressの2つのアドレスの設定と、HTTPからの転送
  • 混在コンテンツの見つけ方と、変えた後に確かめること・戻し方

WordPressのサイトをHTTPSにすると、通信が暗号化され、ブラウザーのアドレス欄に鍵のマークが出ます。ただ、設定の順番を間違えると、ページが表示されなくなったり、画像が出なくなったりすることがあります。この記事では、HTTPSにするときに確かめることを、設定の前後に分けて紹介します。

この記事の内容は、WordPress・web.dev・Google検索セントラルの公式の資料をもとにしています。HTTPSにするためのプラグインや、各社の管理画面の操作は取り上げません。これからWordPressでサイトを作る人は、先にWordPressブログの始め方を読むと、全体の流れがつかめます。

先に結論: 証明書と控えを確かめてから、アドレスを変える

先に結論を書くと、証明書が使えることと控えを確かめてから、WordPressのアドレスを変え、HTTPからの転送と混在コンテンツを確かめます。 変える前の値を書き留めておくと、表示が崩れたときに戻せます。

順番 確かめること
1. 証明書 使える状態か
2. 控え ファイルとDB
3. アドレス 2つのURL
4. 転送 httpから移す
5. 混在 画像等のURL
6. 変えた後 表示と検索

HTTPSにする理由

WordPressの資料では、HTTPSを暗号化された通信のしくみで、ブラウザーとWebサーバーの間に自分たちだけの通り道を作るものだと説明しています。また、WordPressのログインとサイトを見る人の安全を守るために、HTTPSにすることを強く勧めています。

ほかにも、WordPressの資料は次の理由を挙げています。

  • 信頼: 鍵のマークがあると、見る人がサイトを信頼しやすくなります
  • 検索: HTTPSを使わないサイトの評価を下げる検索エンジンが多い、としています
  • 警告: HTTPSを使わないサイトには、ブラウザーがアドレスの横に、安全でないことを知らせる表示を出します

1. 証明書が使える状態かを確かめる

WordPressの資料では、TLS/SSLの証明書がWebサーバーに入っていて使える状態なら、WordPressはHTTPSに完全に対応しているとしています。つまり、先にサーバーの側で証明書が使える状態になっていることが前提です。

証明書の申し込みや設定は、契約しているサーバー会社の案内に従います。設定が終わったら、ブラウザーでサイトのアドレスを https:// から入力して開き、鍵のマークが出て、警告が出ないことを確かめます。この時点では、まだWordPressの設定は変えません。

2. 変える前に控えを取る

WordPressのアドレスを変えると、設定を間違えたときにサイトが正しく動かなくなることがあります。そのため、変える前に控えを取ります。

  • ファイルとデータベース: WordPressの資料では、移転の手順の中で、データベースのバックアップを取ってサーバーの外に保存することを挙げています
  • 設定ファイル: WordPressの資料では、.htaccessのファイルの控えを取ることを「勧めではなく必須」としています。wp-config.phpの控えも取ります
  • 今のアドレスの値: 管理画面の「設定」→「一般」にある2つのアドレスの今の値を、そのまま書き留めておきます

バックアップの考え方は、WordPressのセキュリティ対策の基本でも紹介しています。

3. WordPressの2つのアドレスを https にする

WordPressの管理画面の「設定」→「一般」には、「WordPress アドレス (URL)」と「サイトアドレス (URL)」の2つの欄があります。WordPressの資料では、この2つはWordPressがどこにあるかを決める大事な設定で、管理画面と公開されるページの両方のURLの表示に使われるとしています。

  • WordPress アドレス (URL): WordPressの本体のファイルがある場所のアドレスです
  • サイトアドレス (URL): 見る人がサイトを開くときにブラウザーに入力するアドレスです

WordPressの資料では、どちらの設定も https:// の部分から書き、最後にスラッシュを付けないとしています。2つの欄は、WordPressを別のフォルダに置いていなければ同じ値です。

なお、wp-config.phpでアドレスを決めている場合は、その値が欄に表示され、管理画面からは変えられません。欄が変えられないときは、契約しているサーバー会社の案内か、サイトを作った人に確かめます。

サイトヘルスでも確かめる

WordPressの管理画面のサイトヘルスには、サイトがHTTPSを使っているかを示す項目があります。WordPressの資料では、HTTPSを使っていなければHTTPSに切り替えることを勧めていて、WordPress 5.7からは簡単に切り替えられるとしています。

4. http のアドレスを https へ転送する

アドレスを変えても、以前の http:// のアドレスで開く人や、http:// のままのリンクが残ります。そこで、http:// のアドレスを開いたときに、同じページの https:// のアドレスへ転送します。

Googleの資料では、HTTPからHTTPSへの変更を、URLが変わるサイトの移転の1つとして扱っています。転送については、次のことを勧めています。

  • サーバーの側で恒久的に転送する: できれば301や308のような恒久的な転送を使います。どんな転送ができるかは、サーバーの管理者(またはサーバー会社)に確かめます
  • 転送を重ねない: 転送を何度も重ねず、最後のアドレスへ直接転送します
  • 転送を長く続ける: 転送はできるだけ長く、一般に少なくとも1年は続けます

転送を設定したら、http:// のアドレスでいくつかのページを開き、同じページの https:// のアドレスに移ることを確かめます。トップページだけに移ってしまう転送は、見る人を混乱させます。

5. 混在コンテンツを確かめて直す

混在コンテンツとは、ページそのものはHTTPSで読み込んでいるのに、画像や動画、スタイルシート、スクリプトなどをHTTPで読み込んでいる状態です。web.devの説明では、多くのブラウザーは安全のために混在コンテンツを止めて読み込まないとしています。止められると、画像が出なかったり、レイアウトが崩れたりします。

また、web.devの説明では、画像などの混在コンテンツがあると、ページそのものがHTTPSで読み込まれていても、多くのブラウザーはアドレス欄に安全でないことを示します。

見つけ方と直し方は、次のとおりです。

  1. ページを開いて確かめる: Google Chromeでは、混在コンテンツがあると、開発者ツールのコンソールにエラーや警告が出ます。表示しているページの分しか出ないため、ページを1つずつ開きます
  2. 記事の中のアドレスを探す: web.devの説明では、CMSでは画像が相対パスではなく完全なURLで入ることがあり、その場合はCMSの中身で探して直すとしています。WordPressの記事に、http:// で始まる画像のアドレスが残っていないかを見ます
  3. https で開けるかを試す: 読み込みのアドレスの http:// を https:// に変えて、ブラウザーで開けるかを試します
  4. 直した後に見直す: 直したら、エラーが出ていたページを開き直し、エラーが出なくなったことを確かめます

https:// で開けない画像やファイルは、ほかの場所のものに替えるか、使ってよいものなら自分のサイトに置くか、使うのをやめます。

6. 変えた後に確かめること

設定を変えた後は、次のことを確かめます。

  • ページとログイン: トップページ・記事・固定ページ・管理画面のログインが、https:// のアドレスで開けるか
  • canonical: Googleの資料では、転送を始めたら、新しいサイトのrel="canonical"が新しいURLを使っているかを確かめるとしています
  • サイトマップ: Googleの資料では、新しいサイトマップをSearch Consoleで送信するとしています
  • サイトの中のリンク: 転送は見る人にとって時間がかかるため、自分のサイトのリンクは新しいアドレスに直します

Googleの資料では、Search Consoleのアドレス変更ツールはドメインやサブドメインを替えるときのもので、HTTPからHTTPSへの移行では必要ないとしています。

表示が崩れたときの戻し方

アドレスを変えた後に管理画面に入れなくなったときは、書き留めておいた前の値に戻します。WordPressの資料では、アドレスを変えてサイトが正しく動かなくなることがあり、管理画面を使わずに2つのアドレスを直す方法を紹介しています。設定ファイルを直接直すのが不安なときは、変える前に取ったバックアップから戻すか、契約しているサーバー会社のサポートに相談します。

サーバーの引っ越しと同時にHTTPSにするときは、確かめることが増えます。引っ越しの前後で確かめることは、WordPressのサイトを別のサーバーへ移転する前の確認で紹介しています。

自分で進めるか、相談するかの判断

迷ったときは、「サーバー会社の案内の範囲で進められるか」で決めます。証明書と転送をサーバー会社の案内のとおりに設定でき、WordPressの2つの欄を管理画面から変えられるなら、この記事の順番で自分で進められます。

欄が変えられないとき、設定ファイルを直接直す必要があるとき、サーバーの引っ越しと同時に進めるときは、作業の前に、サイトを作った人か、契約しているサーバー会社のサポートに相談します。

つまずきやすいところ

  • 証明書の前にアドレスを変える: 証明書が使えないうちにアドレスを変えると、サイトが開けなくなります。先に https:// で開けることを確かめます
  • 前の値を書き留めない: 表示が崩れたときに戻す値が分かりません。変える前に書き留めます
  • 2つのアドレスの片方だけ変える: 別のフォルダに置いていなければ、2つの欄は同じ値にします
  • 転送がトップページに集まる: 同じページの https:// のアドレスへ転送します
  • 画像のアドレスが http:// のまま: 記事の中の画像のアドレスを探して直します

まとめ

  • サーバーの側で証明書が使えることを、https:// で開いて確かめます
  • 変える前に、ファイルとデータベースのバックアップを取り、2つのアドレスの今の値を書き留めます
  • 2つのアドレスを https:// にし、http:// のアドレスは同じページへ恒久的に転送します
  • 混在コンテンツをページごとに確かめて直し、変えた後にページ・canonical・サイトマップを確かめます