スポンサーリンク
どうも！！！ピーピーです(´・ω・｀)
前々からブログ界隈で話題になっていた「HTTPS配信、SSL化」ですが、数日前からはてなブログも対応を開始したということで、夜勤明けの働かない頭で何も考えずにポチッとしてしまいました。その浅はかな行為に後悔しております。
もうちょっとこれ読んどけばよかった・・・。
はてなブログで「HTTPS配信、SSL化」する方法
設定→詳細設定→HTTPS配信で設定可能です。下のように表示されたらHTTPS配信が有効になったということになります。設定変更だけはワンクリックでできちゃうんですが、その後がスムーズにいかなかったらめんどいです・・・。
⚠HTTPSに変更すると二度とHTTPに戻すことはできないので、覚悟しましょう。
その後の作業
あとはひたすら記事上、記事下、ヘッダー、デザインCSS、サイドバー、メニューバーの内部リンクにある「http:」を「https:」と変えるだけの作業になります。簡単に言えば、「s」つけていけよということです。これが終わらないと、「安全ではないコンテンツがブロックされました」という表示が出てきます。
はてなブログがHTTPS化対応になったと聞いたので、さっそく設定変えてみたら「安全ではないコンテツがブロックされました」と出てくる。httpの箇所はsつけて変更したんだけど、変わらん。どうしたらいいもんか。 pic.twitter.com/ea0z63zBZ8
— ピーピー:) @期間工＋FX (@Koh_Phi_Phi_629) 2018年6月16日
「Jquery」という文言がある箇所に関しては「http:」を削除すれば解決するみたいですが、自分の場合はなかなかうまくいっていません・・・。これのせいで「上に戻るボタン」がうまく表示されない状態です。設定したら表示はされるけど、左下に表示されるため意味のない存在となっております。
これもしっかり読んでおこう。
HTTPS配信、SSL化した後のトラブル
上に戻るボタンが今まで通りに表示されない
HTTPの時は右側、下らへんに常に表示されていた上に戻るボタンが、今まで通りに表示されなくなりました・・・。なぜか右側の一番下にスクロールしないと表示されないのです・・・。これだとボタンの存在意義がないじゃないかよ・・・(；´Д｀)
いくらやり直しても、調べても解決しないので諦めました・・・。パソコンで記事を読んでくださる方はそこまで気にしないかもだけど、スマホからだと意外と便利なんですよね。今使っているデザインが「Minimalism」なんだけど、素人にはどこが間違ってて、うまく表示されないのか分からない。時間がある時にいっその事、新デザインにするのもありかなと考えています。現状、スマホからのアクセスが多いので、それに合った他のデザインを探そうかな。
スマホからレスポンシブ対応で表示されない
具体的に説明するとスマホで、googleから「外こもり」など検索してヒットした当ブログの記事がレスポンシブ対応で表示されないのです。情報を調べると「http」になっているので、なぜか「https」に切り替わってもらえてないんですよね。
でも、パソコンから記事を見るとスムーズに表示されるので、本当になんじゃこりゃ〜と全く原因が分からない状態。設定も「レスポンシブ対応」にチェックしているので、googleさんが対応してもらえるまで時間がかかるのかな・・・(´・ω・｀)ﾓｳﾜｶﾗﾈ
個人ブログレベルでのHTTPS配信、SSL化はメリットが少ない
SSL化のメリット
- サイトのセキュリティ強化
- 表示が早くなる
- SEOにほんと少しだけ有利
デメリット
- 変更後にデザインや表示が崩れるリスクがある
- http→httpsに書き換えるのがめんどい
読者の方で「https:になってるからこの記事を読もう」という人はいないと思います。知りたい情報があるから読むんですよね。またブログ運営者としてはSSL化にする一番の期待はSEOに有利になることです。それも個人ブログレベルだとそこまで効力を発揮しないようなので、意味ないですね・・・。
変更した後にスムーズにいけばいいですが、運悪く修正が必要な場合は素人だと手間やストレスにも感じるので、デメリットの方が大きいなと今更ながら考えております。
正直、個人ブログレベルであればSSL化する手間の方が多い。もちろんスムーズにいけばやっておいた方がいいけど、自分みたいにデザインが崩れるなど修正が多くなることもある。そのリスクを犯してまでのリターンはなかったなと今更ながら思う。
— ピーピー:) @期間工＋FX (@Koh_Phi_Phi_629) 2018年6月17日
