みんなたのしくすごせたら

さぴこの徒然草紙というか雑記帳

はてなブログでHTTPS(常時SSL化)完了!ブログカードの修正がめんどくさくて本気で死にそうでした

卒業しよう! めんどくさがり (学校では教えてくれないピカピカ自分みがき術)

 

サッカーW杯日本対ベルギー戦の後の頭がまだぼーっとする中、ついに当ブログ「みんなたのしくすごせたら」をHTTPS化(常時SSL化)いたしました。

 

長かった・・・。

 

このブログは2年以上毎日更新していますけど、更新を2年間続ける何倍もHTTPS化に向けての準備がキツかったです。

 

その原因は「はてなブログのブログカード」!!

 

本気でブログやめようかと思ったくらいめんどくさい作業が待っていたのです。

 

はてなブログのブログカードの形式が変わっていた

 

ブログカードとはブログに掲載したい記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式のことで、こういうものです。

 

hatenablog.com

 

今回ははてなブログのリンクを埋め込んでいますが、当ブログ内の関連記事をペタペタとかなりの数を貼り付けていたため、これを全て張り替える作業をしなければ見た目がリンク部分だけ真っ白になってしまい、リンク部分をクリックすると

 

安全でないコンテンツがブロックされました

 

という怖い表示が出るのを、動作確認用非公開ブログで確認していたのです。

 

ひぃいいいいいいいいいいいっ。

 

怖すぎます。

 

調べて見ると2017年6月上旬までのブログで使われていたはてなブログのブログカードで上記のような表示になることがわかりました。

 

さぴこがこのブログを始めたのは2016年5月。

 

ブログカードの修正だけでも1年ちょっと分あります。

 

しかも、ブログを始めて1年は1ヶ月ごとにその月に書いたブログのまとめとして1つの記事にかなりの数のブログカードを貼り付けていたのです。

 

多いものだと15個くらい貼り付けている記事もあったりと、もういっそのこと記事自体を削除してしまおうかと思う状態。

 

当時は関連記事の表示もなかったので、少しでも関連のある記事にはブログカードを双方ひ貼り付けていたのがアダとなり、大変な作業になってしまったのでした。

 

なんと、修正にはリンクそのものの貼り直しが必要だったのです。

 

しかもHTTPS化の作業はこのブログカードだけではありませんでした。

 

「src="http:」との戦い

 

アマゾンやiTunesのリンクも最初の頃は面白がってペタペタと貼っていたので、そちらも修正が必要でしたし、基本的にはGoogleフォトを使用しているので画像についてはそのままでいけるかと思っていたのですが15ほどの記事ははてなフォトライフを使用していたためその修正も必要だったのです。

 

アマゾン商品紹介の画像リンク修正

 

はてなブログで用意されているアマゾンへのリンクを使用していたので、

 

http://ecx.images-amazon.com/

 

の画像リンクを全て

 

https://images-fe.ssl-images-amazon.com/

 

へ張り替えが必要でした。

 

こちらは2016年12月下旬までの記事が対象になりますが、一部の記事ではそれ以降でもhttpから始まるリンクになっていたので、そちらも修正。

 

これもブログを書いて1年目はアマゾンの商品画像を多く使っていたので、かなりの数がありました。

 

iTunesの商品紹介の画像リンク修正

 

iTunesの画像リンク修正はそれほど多くなかったのですが、面倒だったので削除しても問題のない記事からは削除、記事内で紹介がある場合等は貼り直しを行いました。

 

アプリによっては配信が終了しているものもあり、その場合は画像だけ表示させようかとも思いましたけど、記事内に配信終了と明記してリンクを削除することに。

 

こちらは思っていたほど時間がかかりませんでした。

 

はてなフォトライフの画像リンク修正

 

さぴこの場合は見たままモードを使用しているので、はてなフォトライフのリンクは下記のようになっていました。

 

http://cdn-ak.f.st-hatena.com

 

これにすべて「s」をつけて変更しなければなりません。

 

https://cdn-ak.f.st-hatena.com

 

ああ、はてなフォトライフをメインに使っていなくてよかったと思った瞬間でしたね。

 

たった15記事ほどの修正でも老眼の身には辛すぎるものがありましたから。

 

ちなみに「はてな記法モード」や「Markdownモード」を使用されている方は更新するだけでHTTPS化されるそうです。

 

楽天商品紹介は?

 

楽天商品紹介も8記事ほど使用していましたが、こちらはまだはてな側で対応がされていないようです。

 

なので記事内に記載のあるもののみリンクをそのまま残し、それ以外はもうバッサリ削除しちゃいました。

 

きっと皆さんはてなブログ内の楽天商品紹介を使用されていないので、需要がないのでしょう。

 

とりあえず、最後は記事の管理の検索で「src="http:」を試して潰していったので、楽天のリンクで引っかかっている3記事以外は混在コンテンツを解消しました。

 

な、長かった・・・。

 

さぴこの場合はテーマがはてなブログ公式のものをほとんどそのまま利用しているので、修正の必要はありませんでしたが、テーマをカスタマイズされている方は他にも修正の必要があるかもしれません。

 

HTTPS化の後はアナリティクスとサーチコンソール

 

というわけで今日の朝「HTTPS化」のボタンをポチっとしたわけですが、無事このブログのアドレスも変更されました。

 

今後は

 

https://blog.sapico.net

 

となりますのでよろしくお願いいたします。

 

HTTPS化の後はGoogleアナリティクスのリンクもhttpsに変更し、Search Consoleを新たなURLで再登録して、その後GoogleアナリティクスでSearch Consoleとの関連付けも行いました。

 

アフィリエイト等を利用されている方ならこの他にも届出が必要なのかもしれませんね。

 

とりあえずこれで常時SSL化の変更は終了いたしました。

 

2017年7月以降にはてなブログを開始された方は大丈夫

 

さぴこがよく拝見するブログの方はもうほとんどがhttps化をされているのですが、もしまだhttps化されていないけどなにやら大変らしいと思われた方がいらっしゃいましたら、はてなブログを始められた時期を確認してみてください。

 

昨年の7月以降に始めたのであればAmazonもはてなブログのブログカードも対応済みですので、https化はそれほど大変ではないと思います。

 

はてなフォトライフは、まぁ形式も決まっているのでひたすら「s」を入れていく作業はありますけれど、ブログカードほどの大変さはありませんから。

 

ちなみに昨年夏に始めたサブブログのさぴかぶは修正箇所は1つだけでした。

 

はてなフォトライフを利用されていなかった方はすぐにでもhttps化しましょう!

 

おわりに

 

下記の記事を書いていたころ…。

 

blog.sapico.net

blog.sapico.net

 

この日がくるとは思えないほど、はてしない作業に思えました。

 

もうめんどくさくてめんどくさくて、ブログ辞めたい病にかかったくらい。

 

2017年夏前のブログは全部削除しちゃえ、という悪魔の声が聞こえてきたくらいです。

 

さぴこは超がつくめんどくさがりで、このブログのデザインも2年以上変更していないほどの筋金入りなので、こんなことを思うのはさぴこくらいなのかもしれませんけど。

 

それにしてもさぴこはまだ2年分ですからいいですけど、もう何年もブログを書かれていた方のことを考えると・・・。

 

はてなブログでhttps化された同志の皆様、お疲れ様でした。

 

さて、今日はサッカーの試合観戦で寝不足なので今日は早めに寝ようっと。

 

それでは!!