WordPress初心者がブログのSSL化をやってみた

パソコンをたたく手 WordPress・ブログ

SSL?
はて?何だろう?

「SSHなら知ってる、スーパーサイエンスハイスクールですよね?」
と、高校生を持つママなら答えそう

SSL(Secure Sockets Layer)とはインターネットでのデータのやり取りを暗号化するセキュリティ強化のことらしいです
SSLにすると自分のサイトのアドレスが、http://でなくhttps://になり鍵マークがつきます

上の”https://ao-maguro.com”の前についてるでしょ?
これがないと”保護されていない通信”と表示されます。つい最近までそうでした

スポンサーリンク

なぜhttp://で始めたのか思い出せない

PCマウスを触る手

最初ブログを始める段階で、どこかの記事で見かけて何となく、うすらぼんやりとは分かっていたんです…必要そうだと

「でも、ま、いいか!」

とhttp://で始めました
ちなみにわたしが使っているサーバー『ロリポップ』では無料でSSLにできます。じゃあセキュリティがしっかりしてる方がいいに決まってる

これからブログを始める方はぜひ、https://で始めて下さい



なぜ始める時にhttps://にしなかったのか理由が全く思い出せません、お金がかかると思ってしまったのかも…?

その後に同じ50代の方のブログで「SSL化しました!」って記事を見て

「ムムッ、これは、やっぱりせねばならぬのか?」と思ったのですが、まだ記事数が少なくて更新頻度も低かったし、その頃はブログカスタマイズに夢中でSSL化に割ける時間がなかったんです

「ま、いいか!将来的にSSL化する記事を書けばネタもプラスなるし」
と前向きな思考でやめにしました

SSL化自体は簡単だが、後にいろいろやらねばならない事が多い

新しく出会うブログが、ほぼ鍵マークついてて
「や、やっぱりSSL化しないとダメかな?」
と少し焦りはじめました

またGoogleのSEOにも影響する?という記事を見かけたり、あやしげなサイトと見なされる?とか…
さらに焦る!

ので、スキマ時間でSSL化の記事を色々読み始めました。SSL化自体はボタンをクリックするだけだけど(ロリポップではそうです)その後の作業が大変そう

そう、ブログを充実させればさせるほどhttp://からhttps://に書き換え必要なものが増えていく

紹介したい映画や本、物もいろいろあってamazonや楽天アフィリエイトも始めたいな~と、前々から思っていたので、SSLを後回しにすると…

改修作業がさらに増える

もうSSL化のしどきです

世界一簡単なSSL化の作業手順説明

HTML]の文字

こちらのサイトを参考に進めさせて頂きました!とっても詳しくてバイブルみたいなサイトです!

ロリポップが無料の独自SSLを導入!WPのサイトを常時SSL化する手順
  当サイトはレンタルサーバーのロリポップ!を契約し、Wordpressで作成しているのですが、この…

わたしがやったことをチョ~簡単に書くと

  1. 新しい事やる時の基本!ブログ自体のバックアップをとる
  2. ロリポップにログイン、4回クリックをして、しばし待つ!
  3. SSL化完了を確認
  4. 自分のブログ管理画面の設定でhttp://をhttps://に書き換え、保存
  5. 一旦、自分のサイトから強制ログアウトするので再度ログイン
  6. https://で入れるがサイト内をすべてを書き換えないと保護されないためプラグイン「Search Regex」をインストール ※SSL化を待っている時間にインストールしました
  7. 「Search Regex」でhttp://をhttps://に書き換える指示をして、保存ボタン(Replace & Save)をクリック
  8. 完了のはず…⁉

本当に簡単にですが、こんな感じです。さらに

  1. http://のアドレスで来る人を新しいhttps://に飛ばすために、ロリポップサーバFTPの.htaccessに、とあるコードを書き込む ※やったわたしもあまりわかっていない、先人たちの教えをもとにやっただけ…
  2. Googleアナリティクスの登録してあるアドレスを書き換える

以上が全行程です

ふーっ、何だか文字だけだと余計に大変そう…
Googleサーチコンソール(何かはいまいちわかっていない)やほかに連携しているものがあれば作業はさらに増えます!

SSL化は一日にしてならず、作業は続く…

いよいよ自分のブログにアクセスしてみると、案の定
”保護されていない通信”となっていました…

どこかにhttp://が一つあるだけで、認識されないようです

見つけ出すにはGoogle ChromeでF12を押せばいいそうで(Windowsのみ)なるほど、なるほど!と押してみたのが、これ

Google ChromeのF12画面

あ〜、なるほど〜
maguro03の画像データがね…

って、これ、どうすればいいの???

画像のURL自体はちゃんとhttps://になってるし、プロフィールページ見てもちゃんとなってるし、探して探して、結局

このブログのサイドバーの1番上にある、自己紹介の丸の中のまぐろの画像
あれが原因でした

手書きでURLを書き換えめでたく鍵マークがつきました!!やった!!

 

でも、ここでも終わりではなかった

すっかり、やり遂げた感で仕事が繁忙期のためにブログ始めてから、初めてっていうくらい丸2日ほど放置していました

そして2日振りに触ってみると、あれ?
「TOPページは保護されているけど、記事の一つ一つが保護されていなーい!」
という事実に気がつきました

前と同じ自己紹介のまぐろが悪いのか?と、記事の横にサイドバーを表示しないようにしてもダメ
デザインが変わると文字の並びもおかしくなって速攻戻す

Google Chromeで調べるしかないか、と思って、念のためテーマであるcocoonのタブを一つ一つあけて見ていくと

ありました! AMPのタブのロゴところにhttp://のままのアドレスが…(書いててAMPが何かはほとんどわかっていないです、しかもロゴがどこにあるのかもわかっていない…)
こちらを書き換えてやっとSSL化の全てが終了!

パソコンをたたく手

長~い道のりでした

今からブログ始める人はhttps://にして始めましょう!ホント

そして、どこかに”保護されていない”ページがでたら教えてください…

 

コメント