どうも!しんのすけ⁺²です。
今回の記事はWordPress構築したてほやほやの段階でサイトをSSL化する手順について書いています。
すでにある程度の記事数がある場合にはこちらを参考にしてくださいね。
なぜわざわざこのような記事を書いたかというと、ある程度の記事を書いてしまっていると
全ての手順を踏んでSSL化するのは非常に骨が折れる作業だからです。
SSL化している時には一時的にサイトが開けなかったりするので、作業時間も普段サイトを訪れていない時間帯にやらなければならなかったり、万が一失敗するとおれみたいにWordPressが開けなくなったりするリスクもあるので、初心者の方はWordPress構築の際に早めにやっておくことをオススメします。
SSL化手順について
冒頭でも書きましたが、今回の記事は初心者の方が始めてWordPressを構築する時に一緒にSSL化しておきましょうというコンセプトで書いている記事です。
それでは手順についてご説明していきますね。
最初にWordPressを構築する方法についてはこちらを参考にしてくださいね。
ドメイン設定についてはこちらをどうぞ
さて、やるべきことを箇条書きにしました。
- エックスサーバーでSSL設定を行う
- WordPressの設定からURLを変更する
- その他サービス・ツールの設定の変更など
ちなみにWordPressをすでに運用していた場合SSL化の手順はさらに複雑になり、倍ほどの手順数になります(笑)
手順1.エックスサーバーでSSL設定を行う
WordPressを構築するにはサーバーの契約が必要です。
こちらではエックスサーバーでのやり方を説明しています。
エックスサーバーでは無料のSSL化が行えるためです。
契約後送られてくるメールの中にログイン情報が入っているのでそちらを入力して【サーバーパネル】に
ログインしてください。すると以下のような画面が表示されます。
【ドメイン】の【SSL設定】をクリックします。
すると、【ドメイン選択】画面が表示されるので、SSL化したいドメインの「選択する」リンクをクリックしてください。
次に【SSL設定】画面が表示されるので【独自SSL設定の追加】タブを選択してください。
①「CSR情報」はそのままチェックしなくてもOKです。
「独自SSL設定を追加する」をクリックします。
独自SSL設定を追加すると、「SSL新規取得申請中です。しばらくお待ちください。」と出るのでしばらく待ちます。
完了すると「独自SSL設定を追加しました」と出ます。
設定が完了していると以下のように表示されます。
次に【SSL設定の一覧】タブをクリックすると【SSL用アドレス】が表示されているのでそちらをクリックします。
ただし、先程のメッセージでも出ていたように独自SSL設定を追加した後、だいたい数十分~最大1時間程度時間がかかります。なので、1時間ぐらい待たないと、Chromeの場合は以下のようなエラー画面が表示されます。
時間をおいてからSSLアドレスをクリックしてページが開ければOKです。
次の手順に進めます。
手順2.WordPressの設定からURLを変更する
さきほどのSSLアドレスを開き、【ダッシュボード】から【設定】をクリックします。
「一般」にある以下の項目を変更します。
WordPressアドレス(URL)
サイトアドレス(URL)
それぞれのURLの「http」部分を「https」に変更します(末尾に”s”を入力)
完了したら【変更を保存】をクリック
手順3.その他サービス・ツールの設定の変更など
こちらでいよいよ最後の手順となります。
初心者のみなさん大変お疲れさまでした。
- Google Analytics
- Google Search Console
を設定すると終了になります。
Google Analytics
Google Analyticsの設定はこちらの記事を参考にしてください
さて、アナリティクスの方でもデフォルトの評価を「http」から「https」に変更しておく必要が生まれます。
ここではその手順について説明します。
アナリティクスに飛びます。
チェックを「https」に変更しておきます。
変更が終われば設定を保存しましょう。
Google Search Console
Google Search Consoleでやることは3つ。
- 新規サイトを追加する
- サイトマップの設定をする
- Google Analyticsと関連付ける
です。一つづつ行きますね。
やること1.サイトを追加する
まずはログインしたら、Google Search Consoleのダッシュボードにある「プロパティを追加」ボタンをクリックしてください。
すると「プロパティを追加」ダイアログが表示されるので、URL(https~)を入力して「追加」ボタンを押してください。
次に所有権登録に移ります。
認証方法は以下の方法があります(上記の「アナリティクスの設定」)の記事で解説しているのでそちらを参照してください。
「私はロボットではありません」にチェックを入れ、「確認」をクリックします。
その他の方法として、上記の「おすすめの方法」の横にあるタブ「別の方法」で認証してもOKです。
「Googleアナリティクス」の項目にチェックを入れて「確認」をクリックでもOKですよ。
所有権が確認されると以下のような表示が出ます。
やること2.サイトマップの設定をする
サイトマップを登録するには、新規登録したウェブサイトをクリックして開いてください。
新しく登録したサイトをGoogle Search Console上で選択します。
開いたら、「サイトマップはありません」と表示されています。下記のように表示されるので「サイトマップ」(下記赤枠)をクリックします。
「サイトマップ」画面に移動したら「このサイトのサイトマップが見つかりませんでした。」と表示されていると思うので、「サイトマップの追加テスト」ボタンをクリックしてください。
すると「サイトマップの追加/テスト」ダイアログが表示されるので、「サイトマップURL(sitemap.xml)」を入力して、「送信」ボタンを押してください。
すると、「アイテムを送信しました。」とメッセージが出るので、
「ページを更新する。」をクリックしてください。
そうすると、サイトマップ一覧に、今回登録したサイトマップが表示されます。
やること3.Google Analyticsと関連付ける
やることは重複している部分もありますが、再確認だと思ってお付き合いください。
Googleアナリティクスへアクセスします。
左下の赤枠で囲った「設定」をクリックします。
「プロパティ設定」を選択し、以下の画面を表示させます。
「Search Consoleを調整」を選択します。
他のサイトの説明では「http~」のURLの後には「編集」となっているハズなのですが、
こちらの画面では「削除」となっています。
このまま削除して「https~」で再登録しなおしてみました。
削除すると新たに「追加」という選択肢が出てきたので、改めて登録します。
「追加を」クリックします。新しい「https~」のアドレスを登録します。
関連付けを追加しておきます。サイトのURLが「hattps~」になっているのを確認しておいてくださいね。
上図では「http~」で関連付けられていたアナリティクスを「https~」に再関連付けをするという作業です。
登録してあるサイトのうち関連付けしたいサイトのタイトルを選択して「保存」をクリックします。
すると、Search Console上で関連付けられるとこのように表示されます。
ここまでで完了です。
前回の記事の手順のほぼ1/3くらいの作業量です。
てこずるとすれば、アナリティクスとサーチコンソールの設定くらいかと思います。
一度やっても忘れてしまうと思うので(笑)これを機にやり方を一つづつキャプチャーするなどして、
ブログ記事や無料レポートのネタにするのがよろしいかと思います。
まとめ
こちらはまだWordPressを構築したことがない状態からの【SSL化】について書いてきました。
すでに記事数があるサイトを【SSL化】する場合は手順が複雑化しているので、
こちらは初心者の方向けとして分けて書きました。
これから複数のドメインとサイトでWordPressを運用していくと思うので、
初期設定をしっかり覚えておきましょう。
コメント