暮らしとブログについて

FC2ブログがSSL化!!サイトをhttps にした時に伴う作業について

この記事に書かれていること
  • AOSSL化について
  • httpsにして行った作業
  • 混在コンテンツについて
  • レスポンシブデザインのすすめ

常時SSLの備えはお早めに!

2018年12月 追記

当ブログ『ほんのたび。』は 2018年11月にFC2 (無料) からワードプレスに移転しました。こちらの記事は 2017年9月、FC2ブログだったころに行った内容になります。

ブログ引越しは大変だったけど、楽しかった件ブログ移行で大変だったこと、楽しかったことについて書いています。...

明日から10月。常時SSL化 対応に追われているブロガーさんも多いのではないでしょうか?・・・という私もそうです。

ひだまりさん。
ひだまりさん。
ブログを http → https に変更しまして、過去記事を修正している最中です。

※やっと終わりました。

今日はSSL化して、やったことについて書きたいと思います。これから考えている方の参考になればと。

※HTMLについての知識は ほぼゼロの素人ですので あくまでも参考までに・・・。

FC2ブログでは選択制

FC2でもAOSSL化に対応。

インフォメーションで9月中旬までには対応予定とあったので その通りになりました。選択制で するしないは自由ですが、いずれはした方がいいのかなと感じています。

理由は Google がそれを推奨しているのと、閲覧者さまに安心してブログを見ていただくためです。

よく訪問するブログさま (素敵なテンプレートを提供している Akira さん) も詳しく書かれています。こちらはぜひ参考にしてみて下さい。

わかり易く書かれているのでとても参考になります。

AOSSL化ってした方が良いの?

Google が 2017年10月にリリース予定の Chrome62 より、HTTP接続で入力欄があるページすべてに 「保護されてない通信」 と警告を表示するようです。

この入力欄というのは コメント欄や検索欄なども含まれるとか。だからFC2も9月中旬を目処にしていたのですよね。

https にしていないとサイト評価が低くなるかもしれません。閲覧者さまのことを考えると 「保護されてない」 より 「保護されている」 とされるブログの方が安心ですね。

httpsにしてやったこと

長々と前置きが続きましたが、実際に https に変更した時に伴う作業です。

やったこと
  • URLの正規化
  • Google サーチコンソール&Google アナリティクスにアドレス登録と変更
  • 内部リンクの修正
  • ヨメレバのリンク貼り替え

URLの正規化と登録

SSL化するのは簡単です。ボタンをポチッと押せば良いだけ。それに伴い まずやったこと。

① URLの正規化

使わせて頂いている Akira さんのテンプレートの修正です。(この方のテンプレートは素晴らしくレスポンシブにも対応しているのでオススメです。)

SSL化に伴い URLの正規化のために1部 HTML を修正した方が良いようです。

ひだまりさん。
ひだまりさん。
Akira さんの対応が素晴らしいくらい早くて助かりました。

テンプレートをカスタマイズしていたので、https に変更したら崩れてしまいました。・・・ので、同じものを再度ダウンロードしました。

② サチコ (Google サーチコンソール) に新しいアドレスを登録 & Googleアナリティクスにアドレス変更

Googleアナリティクスはすぐ変更できましたが、サチコに新しくアドレスを登録し直さなければなりません。それが少し手こずりました。

記事の修正も忘れずに!

  • 内部リンクの修正
  • ヨメレバのリンク貼り替え

ヨメレバのリンクを貼っている人、もしかしたらリンクの修正が必要かもしれません!混在コンテンツを避けるためです。

混在コンテンツをなくそう!

ひだまりさん。
ひだまりさん。
せっかく SSL化にしたのに鍵マークがついていなかった!!

SSL化すると鍵マークが表示されます。でも鍵マークがついてないページがありました。

ひつじくん。
ひつじくん。
これは混在コンテンツがあるということだね。せっかくSSL化したのに意味がない・・・。

調べてみるとヨメレバのリンクが原因だとわかりました。アフィリエイトで本の画像を貼り付けているのですが、その画像が http になっているようです。

・・・骨が折れるけど修正しなければいけません。

レスポンシブデザインのすすめ

スマホ

常時SSL化についてわかる範囲で書きましたが、ついでにもう一つ、レスポンシブデザインのテンプレートをおすすめします。

ひだまりさん。
ひだまりさん。
レスポンシブデザインだとスマホ用とPC用のテンプレートが一つで済みます。
ひつじくん。
ひつじくん。
同じテンプレだから雰囲気も統一できるよ。

※レスポンシブデザインにしたら、スマホ版の表示設定は無効にしましょう。

MFIいよいよ導入開始!レスポンシブデザインのメリットとデメリットMFI (モバイルファーストインデックス) 、スマホサイトを充実させた方が良い理由、レスポンシブデザインのメリットとデメリットについて書いています。...

これから Google は MFI (モバイルファーストインデックス) になるのは必須なので、PC用の画面よりもモバイル用の画面が評価される時代になっていきます。

スマホ用のテンプレートを充実させた方が良いということですね。

私のブログに訪問される方も約7割はモバイル端末からなので、これには確かに・・・と思うわけです。

これだけ閲覧者さまの環境が変わってきているので、Webで公開している以上は、それなりの環境に合わせていかなければいけないのかなと思います。

こちらもオススメ

ブログを長く続けるコツは? 気づいたら5年が経っていて文章力が上がっていたFC2ブログ(無料)からワードプレスに移転して思ったこと、ブログを長く続けるコツ、文章は書けば書くほど上達する、面白いと思うブログについて書いています。...
読みやすい文章・ブログを書くために気をつけていること読みやすい文章・ブログを書く時に気をつけていることについて書いています。まとまりがない時は箇条書きにすると読みやすくなります。漢字やひらがなのバランス、最も重要なのは読み直して添削することです。...
ワードプレスに移転して3週間。気になる流入は?ブログ引越し時の流入と作業、旧ブログは削除した方が良いのか、ワードプレスとJINについて書いています。...
Googleアドセンス合格
3回落ちてGoogleアドセンスに合格!価値の低い広告枠(コンテンツが複製されているサイト)の対策アドセンス合格時のブログ状況と対策です。不承認理由は価値の低い広告枠(コンテンツが複製されているサイト)でした。合格するまでの経緯をまとめています。最後にアドセンス通って思ったことも書いています。...
ABOUT ME
ひだまりさん。
ゆるりと本をよんでいます。ミステリー、ホラー、SF、ファンタジー、何でもよみます。ほとんど小説、ときどき絵本。→ 詳しいプロフィールはこちら

COMMENT

メールアドレスが公開されることはありません。

CAPTCHA