人生RPGスマートフォン用の表示で見る人生RPG2児のパパで今年30歳の冒険者(サラリーマン)が日々の生活を通して勇者(自由を手に入れた者)を目指すサクセスブログです。LINKこんにちは!冒険者Lv.1(@boukenshaLv1)です!!先日、はてなブログの開発ブログが独自ドメインのはてなブログも「HTTPS」で配信できるようになったと発表しました。この発表に伴い、私のブログ「人生RPG」もSSL化に切り替えることにし、成功したので作業工程やその過程で起きた悩みや問題、考え方などをブログ初心者目線で伝えていこうと思います。作業内容・手順1事前に記事をバックアップ2実験用のブログを作っておく3自分の使っているテーマがSSL化に対応しているか調べる4SSL化の前にHTMLやCSSコードを変更しておく5SSL化実装6ブログ(サイト)確認7グーグルツールの設定変更8SSL化作業完了SSL化についてまとめSSL化?HTTPS?なにそれおいしいの状態まずブログ初心者にとってSSL化と言われても分からないし、「HTTP」と「HTTPS」の違いとが全くもって意味不明ですよね。「S」が付いただけじゃんどういった内容なのか、メリットやデメリットってなんなのか、HTTPSには絶対切り替えないといけないのか?そういった難しそうな疑問がどんどん出てきました。そこで私なりに調べて、私なりに解釈したことを紹介しときます。「金融機関のWebサイトの様に、自分のブログ(サイト)のWebページをすべて暗号化することです。SSL化することにより暗号化されたプロトコルを使用した安全なコンテンツ(記事)であることを示す「HTTPS」が表示されます。簡単に説明すると自分のブログ(サイト)のセキュリティが高くなって安全になります。自分のブログを訪問してくれたユーザーにも安全であることを伝えるためにWebページのアドレスバーに「HTTPS」を表示しると共に「保護された通信」という文字も表示されるようになるということです。(下記画像参照)SSL化出来ていないと、現在このように「保護されていません」と表示されます。セキュリティが上がるのは安心しますが、Web関係に詳しくない一般の方からみると、この表示はあまり気にならないんじゃないかと思います。そんなとこ見てないっす!この時点では、「別に切り替えなくていいかなぁ~」って感じで考えていました。SSL化で見込める効果とは?更に深堀して詳しく調べた結果次のような効果も見込めることが分かりました。・Webサイトが本物であることが証明できる・サイトの信頼性が上がる・検索エンジンからの評価が上がるなるほどなるほど!自分の城を強化出来るってことね各項目の詳細は割愛させてもらいますが、ブロガーやアフィリエイターなどの運営者にとって検索エンジンの評価(SEO)はかなり重要視している部分ではないでしょうか?ただ注意としてHTTPSは高評価されるとありますが、現時点では「強力なSEO」になるような評価システムは採用していないようです。競っている他のサイトも同レベルだった場合、「HTTPS」の方が評価が上がる程度とグーグルも公表しています。SSL化していないとどうなるの?上記までの説明でもまだSSL化するか迷うと思います。「Webやプログラミングの知識が少ないから、作業中に問題があったら対処しきれる自信が無い」こんな風に思って一歩を踏み出せないでいる方も多いと思います。私もこんな状態でかなりビビっていました。怖いよー怖いよー!おかーさーーんしかし、ある情報を目にして何が何でもSSL化にしないといけない状況になりました。それは「2018年7月からSSL化していないWebページを開くと警告文が画面に表示される」という内容です。自分のサイトに来てくれた読者のメディア画面に「保護されてないサイト」と警告が表示され、脅かしてしまう。その結果、読者は「危ないページ(サイト)」と思い込んで一瞬で離脱してしまう。いう状況になってしまう可能性が高くなります。やっべ!これやっべ!人来なくなるじゃん!!アドレスバーの表示方法やWebページの暗号化などどうでもよかったけど、警告文が表示されてしまうとかなりマイナスイメージになってしまうということで、私もSSL化を急いですることにしました。私が作業開始し始めたのが6月16日午前8時から。起こりうる問題」「問題の対処法」「SSL化を失敗した人の記事」等をまず片っ端から調べました。「成功の方法」より「失敗の例」や「失敗の対処法」などを優先的に調べました。俺みたいな無知には必ずトラブルが発生するって決まってんだよ!ここで新たに分かったことは、「はてなブログで使われているテーマ(テンプレート)によってもSSL化に対応しているのとしていないものがある」ということです。SSL化にしてもテンプレートが対応していない場合混在コンテンツというエラーが発生してしい、SSLの恩恵を受けれないという状況が発生してしまうというもの。どのテーマがHTTPS化に対応しているのか調査している記事があったのでこちらを参考にしてください。www.foxism.jp私の利用させてもらっているテーマ「DUDE」は対応していないと結果が出ていました。これにより私はSSL化実装に色んな悩みが発生して身動きが出来ない状態で10時間試行錯誤しまくるという状況に陥ってしまいました。(結果的には対応してたんですけど、その過程は後述します。)色んな方の情報を見ることでSSL化の手順は理解し、起こりうる問題の対処法も把握できたのですが、テーマが対応してないと思っていたのでこれを機会にテーマの引っ越しをしようとしました。上のSSL対応テーマを調べてテーマを決めて実験用のブログを立ち上げてそっちで新テーマに変えてと作業をしていたのですがいままでのカスタマイズデザインが崩れる!コードを変えたりしてちょっとずつ直していくも完全にセッティングできずに断念。この時点で勤務時間(8時間)が過ぎ、一旦帰宅しました。あ、勤務中に作業してました。はい仕事はちゃんとやることやってます。子供を寝かしつけて22時から再開しました。気持ちは「カスタマイズは諦めて、とりあえずSSL化だけでもしよう」というのが強かったです。今使っているテーマに未練があった私は最後に「本当にこのテーマは対応できていないのか?」というのを自分の目で確認するべく、同じテーマを使っているブログを探しました。すると、数人ですが「独自ドメイン+HTTPS化」のブログがあるじゃないですか!!上記で紹介した対応テーマ表では×でしたが、実際は対応しているみたいです。それが分かったことで「テーマの引っ越し」はしないで大丈夫ということで、SSL化だけに集中できるようになりました。なると1日かけて集めた情報が爆発します。SSL化の前の準備作業をし、設定でSSL化ボタンをオン!!エラーなどの問題なく正常にHTTPSに切り替わりました。10時間の葛藤の末、5秒でSSL化完了というあっけない結末でした。参考資料blog.minimal-green.comこういう系の作業で絶大な信頼をしているミニマルグリーンさんの記事を参考にさせてもらいました。おかげさまで、エラー一つでず完了しました!ありがとうございます。www.mutant-tetsu.comSSL化後の作業も丁寧に説明してくれているので、すごい助かりました。ありがとうございます。《作業前に読んでおくと参考になる資料はこちら》www.notitle-weblog.comwww.foxism.jpこの作業を行っていたことでSSL化した直後に起こりうるエラーを回避できたと思います。ありがとうございました。分かりやすく勇気をもって作業することが出来ました。ありがとうございました。私はSSL化にめっちゃ時間がかかりましたが、まだの方がスムーズに進められるように簡潔に作業手順を説明します。1事前に記事をバックアップまずはデータをバックアップです。はてなブログの[ダッシュボード]↓[設定]↓[詳細設定]でスクロールして下に行くと『エクスポート』という項目があります。「記事のバックアップと製本サービス」というリンクがあるのでクリックします。「エクスポートしなおす」をクリックし作成日が今日の日付になったことを確認し「ダウンロードする」をクリックして、保存しときましょう。2実験用のブログを作っておく次に新しく実験用のブログを開設しましょう。無料ユーザーの場合は3個、有料ユーザーの場合は10個開設できます。公開は自分だけに設定することで他の人からは見られません。テーマ(テンプレート)を引っ越したい時、カスタマイズをする時などメインブログで失敗しないように練習用で役に立つので一つ作っておくと後々便利ですよ。ストアでテーマを探す」に入り、自分のテーマの紹介ページにいきます。そこでそのテーマを使っているユーザーが紹介されているので何人かのブログに行き、アドレスバーでHTTPS化になっていて「保護された通信」と表示されているかを確認できます。4SSL化の前にHTMLやCSSコードを変更しておく上記で紹介した記事にやり方は詳しく載っていますので素人の私は割愛しますね。このコード変更をしていたことで、SSL化後のエラーが一つも起こりませんでした。SSL化にした後でも作業はできますが、私はめんどくさがらずに先にしておいた方が楽だと思います。5SSL化実装いよいよHTTPSに切り替えます。切り替えは簡単で[ダッシュボード]→[設定]→[詳細設定]の『HTTPS配信』という項目を有効にするだけです。6ブログ(サイト)確認あとはブログ内の各ページ(記事やフォローボタンやシェアボタン)を一つ一つ見て回ってアドレスバーにちゃんと「保護された通信」という表示になっているか確認します。この表示がされていないページがあるとSSLの効果が激減してしまい意味がない状態なので修正してください。修正方法も上記の先人の方たちが説明しているので必ずできます。7グーグルツールの設定変更SSL化したらブログのURLも「http~」から「https~」に変更になるのでアナリティクスとサーチコンソールも変更・追加しないといけません。上記で紹介した「MUTANT」さんの記事で作業方法が説明されているので、そちらを参考にしてください。8SSL化作業完了お疲れ様でした!以上が私が行った作業内容になります。数日経った今もエラーは出ず安全に運営できてます。SSL化についてまとめブログって大変ですね!ただ記事を書くだけではなく、こういった変化にも対応していかないと置いていかれちゃいます。知識がまだ浅い初心者にとっては重労働です。今回上手くいってよかった!多くの方の情報のおかげです。本当にありがとうございました。他には変化する予定のものがなさそうなので少しは落ち着いて記事を書けるかなとおもいます。HTTPSにしていない方はなるべく今月(2018.6月)中に切り替えておいた方が焦らないで済むかなと思います。自分でするのがどうしても不安な方は「ココナラ」などで依頼するという方法もあります。お金で解決するなら安全な道もある!ブログ運営での良い経験になりました。これからもSSL化した当ブログ「人生RPG」を宜しくお願いします。月間50000PVを達成したので、達成までに行ってきた施策と味わっ...2018-12-31今年も1年ありがとう!2018年の振り返り2018年もあと数時間。今年始めた当ブログも、飽きることなく続...2018-08-01【2018年7月】ブログ運営報告(5ヶ月目)!分析&まとめ2018年7月のブログ運営報告です。購読する最新情報をお届けします。会社員を卒業し独立するためにブログ運営に励んでいます。将来は地元の教育制度の強化を行う組織を立ち上げ、育児・教育に優れた地域にしたい。画像加工・デザインが好きで依頼も受けています。「人生って最初から決まったレールを歩んでいるんじゃないだろうか?」そんな考えをずっと抱えていた私が自分の力でレールから飛び出すためのツールにするべくはじめたブログです。積極的に参加しはじめ、1人でも多くの人に関心を持ってもらえるように活動しています。CONTACTスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。