はてなブログをhttps化する
はてなブログをhttps化する
今更ながら，はてブをhttps化したのでそのメモである． 最も気を付けるべきことは，Mixed Content（httpからリンクしてる画像, css, jsなど）のようだ．
公式の移行方法は以下のページにある．
移行できるもの
「変更する」を選択した場合、はてなスターおよびはてなブックマークもHTTPSのURLに自動的に変更します。はてなブックマーク数によっては、移行完了までに時間がかかることがあります。
※はてなスター・はてなブックマーク以外のSNSでのアクション数（例: Facebookのいいね！やシェア数など）は移行できませんのでご注意ください。
とある．
よって，移行できるものは，
他サービスのSNSなどのアクション数は移行できないもよう．
など
Mixed Contentの注意
httpsへ移行するにあたって，今まで使用していたhttpサーバにある画像, css, jsなどのコンテンツが読めなくなる．
そのため， - そのコンテンツがhttpsにもあるのか - （自ブログ内の）リンク先がhttpsの方も読めるようになっているのか
を確認する必要がある．
つまり，リンク先はhttps://または//にしておけばいい．
<img src="https://..."> @import url('https://...' ..... <script src="https://..." ...>
or
<img src="//..."> @import url('//...' ..... <script src="//..." ...>
「設定」>「詳細設定」> 「検索エンジン最適化」>「headに要素を追加」の確認
web fontなどの<link>を設定している場合に，http://でなく//またはhttps://になっているかを確認する．
例えば自分の場合，googleのweb fontである「Noto Sans JP」を設定したので，以下の設定になっていることを確認した．
<link rel="preload" as="style" href="//fonts.googleapis.com/earlyaccess/notosansjp.css" type="text/css" media="all" onload="this.rel='stylesheet'">
カスタイズ(css, js)の確認
httpになっている画像，外部css, jsを探す．
- ヘッダ > 「タイトル下」の確認
<a href="//english.blogmura.com/ranking.html"><img src="//english.blogmura.com/img/english88_31.gif" width="88" height="31" border="0" alt="にほんブログ村 英語ブログへ" /></a><br /><a href="//english.blogmura.com/ranking.html">にほんブログ村</a>
はてなブログの連携からGoogle Photoの画像を埋め込んでいればhttpsになっているので特に問題なし．
Google Adsenseの確認
埋め込みscriptが以下のようになっていれば問題ない．
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Google Analyticsの確認
「詳細設定」でトラッキングコードを設定していれば特に問題ない．
