Wordpressで運営しているブログをhttps化する時に変更すべきURL

httpsとhttpが混ざっているサイトは安全ではない

このブログをhttps接続に対応しました。色々とやるべき作業はあったんですが、ここではブログ内で使っている内部リンクや読み込んでいる画像などのURL変更について書きます。

WordPressで運営しているブログをhttps化する方法 | 人生は宇宙だ！

そもそもなんでhttpsに対応したらURLを変更しないといけないかっていうところから。

httpsのサイトを作る理由はユーザーが見ているページが安全なものだということを証明するためです。イメージとしてはこんな感じですかね。

すべてがhttpsで読み込まれるので安心

この場合、ひまわりは自分がアップロードした画像、青い花は外部サイト（たとえばAmazon）から読み込んでいる画像とします。この場合はどちらの花の画像もhttpsで読み込まれているので画像が改ざんされることがなくて安全だと言えます。

つぎにこのパターンを見てください。

httpとhttpsが混在する場合。改ざんがないとは言い切れない

今度は外部サイトからの画像の読み込みがhttpで行われています。これは途中でデータが書き換えられる恐れがあるということを意味しています。こうなってしまうと今見ているページは本当に安全か？って言うことです。

こんな感じでhttps接続に対応しただけではまだまだ安全とはみなされません。実際に1つのページの中にhttpsとhttpが混じっているとChromeなどのブラウザは警告を表示するようになります。アドレスバーに鍵のマークが表示されなくなってますね。

警告メッセージ

そういう理由からブログ内の内部リンクなどのURLをhttpsに変更するという作業が必要になるんです。

ブログのhttps化に必要なURLの変更作業はこれ

ぼくが今回のhttps化で実際に行ったURLの修正作業はこんな感じです。この作業をする前には必ずデータベースのバックアップをしてくださいね。

WordPressのデータベースを手動でバックアップする方法 | 人生は宇宙だ！

内部リンクをhttpsに変更
ソーシャルボタンをhttps対応に変更
はてなブックマークのユーザー数をhttps対応に変更
Amazonアソシエイトの画像リンクをhttps対応に変更

あとぼくのブログ環境も載せておきます。

ブログサービス：Wordpress(バージョン 4.4.2–ja)

テーマ：Stinger5

内部リンクをhttpsに変更

まず最初にブログの記事内に書かれている内部リンクを修正します。

具体的には記事名にあるURLをこんな感じに変換ですね。

（変換前）https://moori.musyozoku.com

（返還後）//moori.musyozoku.com

//moori.musyozoku.comっていう形はプロトコル相対URLというもので、httpのページからはhttps://moori.musyozoku.com、httpsのページからはhttps://moori.musyozoku.comというようにその時の環境に合わせてhttp/httpsが切り替わるようになります。

実際の変換方法ですが、さすがに記事を全部手で修正するのって大変。そんな時に役にたつプラグインがありました。それがSearch Regex。

よ〜く見てみると、このプラグインは今のWordpressのバージョンでテストされていないと書かれています。どうしようかなと思ったんですけどやってみることに。