独自ドメインのはてなブログをHTTPS化しましたので設定方法を紹介するよ!

スポンサーリンク

スポンサーリンク

みんなー!うしるだよー☆

 

サブブログの「シャルの甘美なる日々」が更新されたから見てみてね☆

www.charlottehibi.com 

 

シャルたんが豚の鼻を食べてくれたよ!!

 

今回は、サブブログ「シャルの甘美なる日々」をHTTPS化したから、HTTPS化の設定の手順を教えちゃうよ!

 

 

 

httpsとは?

httpsは、SSLを利用したhttp通信のことで、SSLによって通信を暗号化に通信をする為のWebサーバとWebクライアント(ブラウザ等)用の通信プロトコルです。

詳しくは下記サイトを参照してください。

cspssl.jp

 

ちなみに、最近話題になっていて、はてなブログでも2018年6月11日に独自ドメインまで対応になった「常時SSL化」というのは、常にSSL接続(https)でWebページ閲覧してもらう方法のことです。

詳しくは下記サイトを参照してください。

ssl.sakura.ad.jp

 

つまり、シャルたんの個人情報をHENTAIから守る技術ってことだよ!!

 

 

 https化の設定方法

 https化は以下の手順で行います。

  1. はてなブログの管理画面から「http⇒https」の設定変更
  2. CSSコードやhtmlコードの「http://~」の部分を「https://~」に変更
  3. サーチコンソールの再登録
  4. Googleアナリティクスの設定変更

※サーチコンソールとGoogleアナリティクスを設定していない方は不要です。


つまり、https化の設定変更は面倒くさいってことだよ!

 

 

はてなブログの管理画面からの設定

f:id:UrushiUshiru:20180617213328j:plain

 はてなブログの管理画面にアクセスして、「①設定」⇒「②詳細設定」⇒HTTPS配信の「③HTTPS配信状況を確認する」をクリックします。

 

f:id:UrushiUshiru:20180617213525j:plain

上記のような画面に遷移するので「変更する」をクリックします。

 

f:id:UrushiUshiru:20180617213654j:plain

クリックすると、上記のようなポップアップが表示されるので「OK」をクリックします。

 

f:id:UrushiUshiru:20180617213835j:plain

クリックすると上記のような画面に遷移します。

「有効」になっていればHTTPS配信の設定は完了です。

 

CSSコードやhtmlコードをhttpsに変更

はてなブログの管理画面の設定をしただけでは完了ではありません。

CSSコードやhtmlコードの設定変更があります。

http://~」から始まる部分を「https://~」への変更が必要です。変更しないと動作しないことがあります。

 

サブブログでは以下の部分のコードの設定を変更しました。

ブログの設定は人それぞれなので、設定方法は割愛します。

PC版

  • タイトル下
  • 記事上
  • 記事下
  • デザインCSS

スマホ版

  • タイトル下
  • 記事上
  • 記事下

 

サーチコンソール

サーチコンソール(Google Search Console)はURLの設定変更などで対応する方法はないので、https化をする場合、新たにサイトを設定する必要があります。

ですので、再設定の手順を紹介します。

 

f:id:UrushiUshiru:20180617221435j:plain

サーチコンソールにアクセスして、右端の「プロパティを追加」をクリックします。

 

f:id:UrushiUshiru:20180617224006j:plain

上記のようなポップアップが表示されるので、①ウェブサイト横のテキストボックスに自分のブログのURLを貼り付け 「②追加」をクリックします。

 

f:id:UrushiUshiru:20180617223444j:plain

上記のような画面に遷移するので、「別の方法」⇒「HTMLタグ」をクリックします。

表示されてるHTMLコード「<meta name="google-site-verification" content=" " />」の「 content=" "」に囲われている英数字をコピーします。

 

f:id:UrushiUshiru:20180617230300j:plain

 はてなブログの管理画面にアクセスして、「設定」⇒「詳細設定」⇒「解析ツール」の「Google Search Console(旧 Google ウェブマスター ツール)」のテキストボックスに先程コピーした英数字を貼り付けます。

「変更」をクリックして設定を反映させます。

 

f:id:UrushiUshiru:20180617225508j:plain

サーチコンソールに戻り「確認」をクリックします。

 

f:id:UrushiUshiru:20180617225654j:plain

クリック後「"ブログのURL"の所有権が確認されました。」と表示されれば登録完了です。

 

サイトマップの登録

f:id:UrushiUshiru:20180617231114j:plain

 管理画面の「クロール」⇒「サイトマップ」⇒「サイトマップの追加テスト」をクリックします。

 

f:id:UrushiUshiru:20180617231542j:plain

上記のようなポップアップが表示されるので、テキストボックスに「sitemap.xml」を入力し「送信」をクリックします。

 

f:id:UrushiUshiru:20180617231822j:plain

上記のような表示がされればサイトマップの登録は完了です。

 

 

Googleアナリティクスの設定

 Googleアナリティクスは、サーチコンソールと違い設定変更が出来ますので、設定変更の方法を紹介します。

 

f:id:UrushiUshiru:20180617233545j:plain

Googleアナリティクスにアクセスして、画面左下の「管理」をクリックします。

 

 

f:id:UrushiUshiru:20180617234909j:plain

管理画面が表示されるので「プロパティ設定」をクリックします。

 

f:id:UrushiUshiru:20180617235258j:plain

「デフォルトのURL」のリストを「http://」から「https://」に変更します。

 変更後、一番下の「保存」をクリックして設定変更完了です。

 

まとめ

https化の設定変更は色々と面倒くさいのですが、やらないとSEO的に不利になったり、2018年7月のChromeのアップデートでhttps化してないサイトは警告表示されるようになったりと必要ですので、とりあえずやってみましょう。

 

ところで、なんでこのブログじゃなくてサブブログからhttps化したの?

 

サブブログなら、設定しくじったりトラブルが発生しても影響が少ないからだよ!

 

そもそもサブブログは、独自ドメインのはてなブログのhttps化の設定の検証のために立てたようなものだしね

 

つまりシャルたんは実験動物ってことだよ!

 

私が実験動物ってどういうことよ!このオカマ!!

 

私にとってシャルちゃんは可愛いペット、つまり愛玩動物ですよ!

 

私は人間よ!動物扱いするんじゃないわよ!!バカタレども!!!

 

 

最後まで読んでいただきありがとうございました! 

f:id:UrushiUshiru:20180618004801j:plain