はてなブログをhttps化(SSL化)してみました。

このブログをhttps化(SSL化)してみました。追加費用やめんどくさい手続きが必要かと思っていましたが、無料&意外と簡単でした。はてなブログだから?

備忘録がてら簡単にやったことまとめました。

 ãã¼ã ã»ã­ã¥ãªãã£ã®ã¤ã©ã¹ã

https化(SSL化)とは

ページのURLは「http」だったり、「https」だったりすると思います。このURLを「https」にした物を「https」化と呼んでいます。

「https」にすることで、通信を暗号化してWeb情報のやりとりを安全に行えるそうです。また、その手法を「SSL:Secure Sockets Layer」と呼ぶそうです。

この手の話にあまり詳しくないですが、「https」の方がセキュリティを高められるみたいですね。

 

なぜhttps化したのか 

このブログ、https化していなかったのでがっつり「保護されていない通信」と出ていることにふと気が付きました。こんな感じ。

f:id:yutori1oku:20181103134311p:plain

危険はないつもりですが、嫌な感じがしたのでhttps化しておくことにしました。検索順位にも影響するとかしないとか。

 

https化の手順(はてなブログ)

こちらのブログを参考にさせていただきました。わかりやすくまとめられていてありがたい限りです。

happylife-tsubuyaki.hatenablog.com

 

一応、ざっくり手順としては5つのstepです。

ブログデータのバックアップ

念のためデータのバックアップは取った方が良いとのことです。自分も一応取りました。

非公開ブログなどでテスト

変更によりページが崩れてしまうと大変なので非公開ブログなど練習用のブログを作ってテストすることをお勧めしていました。一応テストしましたが、練習でも本番でも自分のページは崩れたりしませんでした。

設定画面からhttpsを有効にする

設定画面から簡単にhttps化できます・・・が、httpには戻せないようなのでご注意ください。

f:id:yutori1oku:20181103135301p:plain

 

httpsを有効にしてホームページなどに移動すると、URLバーが変化します。

■Before

f:id:yutori1oku:20181103134311p:plain

■After

f:id:yutori1oku:20181103135714p:plain

これだけでhttps化できちゃいます。楽ちん。

ただし、まだ終わりじゃないです。

混在コンテンツを直す

自分の場合は、https化したらこんなエラーが出ました。

f:id:yutori1oku:20181103135907p:plain

ページ内にhttpとhttpsが混在してしまっていたようです。ナビゲーションバーの設定でhttpになっていた所で引っかかっていました。httpの後ろに手作業でsを付けていけばエラー直りました。

Google Consoleなどのリンクを修正

「Google Console」や「Google Analytics」は「http」と「https」を別サイトと認識しちゃうみたいですね。ちょこちょこっと修正しました。

 

以上でたぶん終了です。

 

作業時間

10~20分くらい?

丁寧に紹介されていたので、思ったより時間かかりませんでした。意外と簡単です。

 

まとめ

åçã®å¥³ã®å­ã®ã¤ã©ã¹ãï¼å°æ¥ã®å¤¢ï¼

はてなブログのhttps化を実施しました。思ったより簡単に変更できました。はてなブログの努力と先人の知恵のおかげですね。

はてなブログをHTTPS(SSL化)するやり方と注意点 - イロイロひとりごと。

 

無事に終了したと思っていますが、しばらくは異常がないか経過観察予定です。