ロリポップでWordPressのSSL化が思ったより簡単だった

ついにこのブログもSSL化しました。

ロリポップ! で無料SSLが提供された時は、まだ個人ブログでSSL化する方が少なかったので様子を見ていたのですが、ここにきてGoogleさんが本気でSSL化対策に乗り出している風潮がでてきたような気がしたのと、他の個人ブログでもSSL化されるのが増えてきたので、重い腰を上げて対応することにしました。

下記サイトを参考にしてSSL化しました。

スポンサーリンク

ロリポップの設定

まずはロリポップの管理画面からSSL化設定を行います。
ここは、クリックするだけでOKです。

トップ画面にある「独自SSL 未契約 ※お申込みはコチラ」をクリックします。 


sslしたいサイトにチェックを入れて「独自SSL(無料)を設定する」をクリックします。
ドメインサイトにチェックを入れたらサブドメインサイトもSSL化になるかと思ったのですが、サブドメインサイトにもチェック入れないとならないんですね。。。 


「SSL設定作業中」になるので5分程待つとSSLが有効になります。 


5分後

httpsをURLにつけてページが表示されればSSL化されたことが確認できます!

目次に戻る

WordPressの変更

httpとhttps双方のURLが混在する状態なので、常時SSL化のためにWordPressの設定を変更します。

「設定」-「一般」にある「WordPressアドレス(URL)」と「サイトアドレス(URL)」の頭を「https://~」に書き換え、「変更を保存」をクリックします。 

強制ログアウトします。この時点でログイン画面URLにhttpsがついたことを確認したら、ログインします。

「Search Regex」というプラグインで記事内のアドレスを置換

無事ログインできることを確認したので、画像URLの「http://~」を「https://~」に置換していきます。
「Search Regex」というプラグインで置換ができるのでインストールします。 


プラグインを有効化したらさっそく置換開始です。
「ツール」-「Search Regex」をクリックし、「Search pattern」にhttp~でサイトドメインを入力し、「Replace pattern」にhttps~でサイトドメインを入力したら「Search≫」をクリックします。 


Resultsの下に置換対象が表示されるので、全部置換して問題なさそうであれば「Replace & Save≫」をクリックします。 

これで置換が完了しました。
用が済んだらプラグイン削除して大丈夫です。

目次に戻る

GoogleアナリティクスとSearch Consoleの設定変更

これ、ブログ見ていなかったら絶対忘れていました。
よく忘れる項目ですね。Google系の設定し忘れで、計測できなった話よく聞きます。

Googleアナリティクス

「管理」-「プロパティ」-「プロパティ設定」のデフォルトURLの「http」になっている箇所をプルダウンで「https」に変更して「保存」をクリックします。 


次に「管理」-「ビュー」-「ビュー設定」のウェブサイトのURLの「http」になっている箇所をプルダウンで「https」に変更して「保存」をクリックします。 

Googleアナリティクスは以上で完了です。

Search Console

サーチコンソールはhttpsで登録し直す必要があります。
面倒ですね。。。

上部にある「プロパティを追加」をクリックします。 


https://~始まるURLを入力して「追加」をクリックします。


おすすめの方法でGoogleアナリティクスで所有権を確認がでてきたので「確認」をクリックします。 


無事確認がとれたので「続行」をクリックします。 

これで登録終わりました。
以外と楽でした。

xmlの登録

このままだとインデックスされにくいので、xmlも登録してください。

↓ ↓ 登録方法は別記事に記載しています↓ ↓

目次に戻る

リダイレクト設定

現状だと、「http://~」でアクセスできてしまいますし、ブックマークされていた人はずっと「http://~」でみることになってしまうので、「https://~」にリダイレクトかけます。
この設定でクローラーに「https://~」も変わったことを伝えることができるので設定しておきます。

.htaccessファイルにリダイレクト設定します。
.htaccessファイルはFTP上の「wp-content」ディレクトリと同じ階層にあるファイルです。 

.htaccessファイルの一番上に下記を記入してアップロードします。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>

これで「http://~」でアクセスしても「https://~」で閲覧するように設定変更できました。

想像したよりも大変じゃなかったし、問題もおきなくてよかったです。

目次に戻る

新入社員の頃にシステムエンジニアの会社に入社。その後、WEB制作系の仕事に転職しました。

くるりんをフォローする
WordPress
スポンサーリンク
くるりんをフォローする
Memorandums