やろう、やろうと思い先延ばしにしてきましたが、ようやくこのサイト(MRのワクワクライフ)もSSL化しました!
備忘録の意味も込めてSSL化した手順を残しておきます。
2018年2月現在のSSL化の手順(エックスサーバー、WordPress、Google Analytics、Search Console)
2018年2月の時点でSSL化したのでその手順をまとめると以下のようになります。
エックスサーバー、WordPress、Google Analytics、Search Consoleの設定が必要です。
- エックスサーバーでSSL設定
- WordPressの設定からURLを変更
- 投稿・固定ページ内のリンクを修正(プラグインで一括置換)Search Regex
- .htaccessにリダイレクト用のコードを追記
- その他サービス・ツールの設定の変更
Google Analyticsの登録を変更
Google Search Consoleで再登録
ひとつずつやっていきましょう。
SSL化手順1:エックスサーバーでSSL設定
まずはエックスサーバーでSSL設定ですが、これはすごく簡単。
▼まずはエックスサーバーのサーバーパネルにログイン
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/28d07b5b29408261693b9f5101dc966b-700x368.png)
▼ 「SSL設定」をクリック
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/c64b29ed46f825fa56d61b3aa2c8159d-700x230.png)
▼ SSL化したいドメイン名の「選択する」をクリック
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/e1fb7d215e12dbfb11850d305effbcb8-700x358.png)
▼ 「独自SSL設定の追加」というタブをクリックし、「独自SSL設定を追加する(確定)」をクリック
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/9d86a1ad09a4ddedb1c4eb6ee19ae101-700x410.png)
「CSR情報(SSL証明書申請情報)を入力する」というチェック項目チェックしなくていいようです。
▼ 「SSL新規取得申請中です。しばらくお待ちください。」という表示が出てくるので待ちます。
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/c32b7342f62d6e800cfe598a4acf8ab9-700x466.png)
▼ 「SSL設定の一覧」のタブを開くと…SSL用のURLが表示されてます。
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/5c16fd7284a77c1667952f09d3f92ec0-700x480.png)
これをクリックしてサイトが開けばSSL設定完了です。ぼくの場合10分ぐらいで開きました。
SSL化手順2: WordPressの設定からURLを変更
つづいてWordPressの設定からURLを変更します。
▼WordPress管理画面にログインしたら「設定」から「一般」を開きます。
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/8ef7bf3f42975770745e544b90a034f5-200x300.png)
▼WordPressアドレスとサイトアドレスを「http」から「https」に変更します。
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/b532356b15022f4af70117210f9eef7f-700x119.png)
▼「https」に変更
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/5e4dcdc133502324ab15c4c1f9b43250-700x126.png)
WordPressでのURL変更はこれだけです。
SSL化手順3: 投稿・固定ページ内のリンクを修正(プラグインで一括置換)Search Regex
WordPress本文内の内部リンクなどにhttpが残っているとSSL化していても「このサイトへの接続は完全には保護されていません」となってしまいます。
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/4ae89feb38fccf779902f0bf840033e5-290x300.png)
そのためWordpress本文内の内部リンクや、imgの内部画像リンクを全てhttpsに変更しなければなりませんが、プラグインで簡単にできます。
▼Wordpressのツールから「Search Regex」を開きます。
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/6c84a4243babb54643a30e5b7af801bd-216x300.png)
▼基本的に「Search pattern」と「Replace pattern」に入力するだけ
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/63fc7489975222a6ea3b934947a23f27-700x147.png)
Search pattern:http://wakuworklife.com/(SSL化する前のURL)
Replace pattern:https://wakuworklife.com/(SSL化後のURL)
このように入力し、「Replace」をクリックすると変換される部分が表示されますので確認して問題なさそうであれば「Replace & Save」をクリックします。
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/55093a9016cc7b15ea7712d6b7277a28-300x64.png)
これでWordpress本文内の内部リンクや、imgの内部画像リンクがhttpsに変更されます。
ちなみに…カエレバも Search Regex で一括置換できるようです。
Search Pattern:http://ecx.images-amazon.com
Replace pattern:https://images-fe.ssl-images-amazon.com
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/46bfcb4138623b4a980b2cda0a5550f8-700x219.png)
SSL化手順4: .htaccessにリダイレクト用のコードを追記
つづいて.htaccessにリダイレクト用のコードを追記するという作業が必要になります。
▼エックスサーバーにログイン後、「.htaccess編集」をクリック
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/04cc01babb8302028e477ef212ae474a-255x300.png)
▼「.htaccess編集」タブを開き、「# BEGIN WordPress」の上にコードを入れます
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/bffb9bb94da385739d8c496933e5200d-700x501.png)
▼入力コードは以下の 5 行
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/ef18c2a7218d01a18d2841d131a223cb-700x519.png)
これで「.htaccessを編集する(確認)」をクリックすれば完了です。
SSL化手順5:その他サービス・ツールの設定の変更
つづいてその他サービス・ツールの設定の変更ということで、SSL化はアドレスが変更になるということなので、Google Analytics登録の変更とGoogle Search Consoleの再登録が必要になります。
SSL化手順5-1:Google Analyticsの登録を変更
Google Analyticsにログインし、歯車マークをクリック
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/3352bbf5ba0af646395b6b7fffe86b0c-700x264.png)
▼「プロパティ設定」から「デフォルトのURL」から「https://」を選択
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/5a45c3ea7c1902dbebcede3203325c9c-700x464.png)
これでGoogle Analyticsの変更は完了です。
SSL化手順5-2:Google Search Consoleで再登録
▼つづいてGoogle Search Consoleにログインし、「プロパティを追加」をクリック
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/320e265a9566b83cab3d70ac9ecde824-700x142.png)
▼「https://○○○」を入力し、追加
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/40949ca86d2d3df9914a861501805d5f-700x257.png)
▼「HTMLタグ」をコピー
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/258cbaf2dc171a5626876c19c8ca3c3f-700x196.png)
▼WordPressにログインし、All in One SEO Packを開きます
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/90273b7cc3e1831ab25e00f0a5054cfc-208x300.png)
▼「Googleウェブマスターツール」に貼り付け
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/8b6774ffba60ed3be0b898a09e9d5338-700x403.png)
※HTMLタグ contet=”○○○○” の○の部分のみ貼り付けをします。
▼「サイトマップ」をクリック
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/a8b6da30d1918c109bfd7ff11854ac1e-700x187.png)
▼「sitemap.xml」と入力し、「送信」をクリック
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/2525b08fe2a3386ab852b0214cdd0487-700x341.png)
▼「ページを更新する」をクリックしてインデックスされるのを待って完了です。
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/194af00fb31ace7f1f38715408a7bb04-700x196.png)
SSL化手順おまけ:Google Analyticsで「Search Consoleを調整」
▼やったほうがいいか正直よくわかりませんが、Google Analyticsで「Search Consoleを調整」というものがあるのでやってみました。
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/3453a4409f5983b1031f871a9a6fed62-700x501.png)
▼Google Analyticsで「Search Consoleの設定」から「追加」をクリック
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/2e209287b950a4275f99e92d07464d1f-700x186.png)
▼SSL化したURLを選択し保存
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/8d71caeb64534f5fbe03449cd3ccdac3-700x251.png)
▼「OK」
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/62ad078032a71ffd0f866ab08c83f028-700x159.png)
▼「リンクされているサイト」を確認して、設定されていれば完了です
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/d1ecaa1701a442825c5b5baee7f289e9-700x334.png)
2018年2月現在のSSL化の手順(エックスサーバー、WordPress、Google Analytics、Search Console)まとめ
SSL化の手順ということでエックスサーバー、WordPress、Google Analytics、Search Consoleの手順をまとめてみました。
これでひと段落…と思いきや、サイトを見ても「このサイトへの接続は完全には保護されていません」なる表示が!!
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/4ae89feb38fccf779902f0bf840033e5-290x300.png)
どうやらサイト内に「http://」が残っているとのこと。その場所を探す方法を試してみました。
▼サイトを開いている状態で右クリック「検証」を選択
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/3e3aa897b4f38c55bba0840e22f4f9fd-280x300.png)
▼左に記事が出て、そのコードが左側に表示されます。その画面の右上に黄色のビックリマークがあるのでそこをクリック
![エックスサーバー](https://wakuworklife.com/wp-content/uploads/2018/02/ea76842119702d3bae5a6d19820ea0c4-700x318.png)
すると下のほうに黄色のコードが出てきます。
その文字をクリックするとどこにエラーがあるのか画面に黄色網掛けで出てくるので、そこを修正していくという作業が必要になります。
この作業が結構大変。1記事ずつやっていって骨が折れました。
ということで、2018年2月現在のSSL化の手順(エックスサーバー、WordPress、Google Analytics、Search Console)をまとめてみました。