当サイト「テクニカルクリエイター」は10月8日よりサイト全体をHTTPS（常時SSL）に変更しました。
目次
なぜHTTPSに対応しなければならないのか？
今後、HTTPSに対応していないサイトはGoogleの検索順位が下がってしまったり、ブラウザから警告が出てユーザーが閲覧できないことが出てきます。
レンタルサーバーならポチポチするだけ
「テクニカルクリエイター」はレンタルサーバーでお馴染みの「ロリポップ！」を利用しています（今どきのAWS＋WordPressみたいなカッコいいやつじゃありません…）
ロリポップ！では7月から無料の独自SSLの利用ができるようになっており、ポチポチクリックするだけで簡単にHTTPSに対応できます。
ただし、既に運用中のサイトの場合は、ロリポップ！の管理画面上での申し込み・設定が完了した後に、いくつか対応しなければならないことがありました。今回の変更に伴って発生した作業を紹介します。
- WordPress設定の変更
- imgタグのURL一括置き換え
- テーマ内のURLの変更
- httpからhttpsへのリダイレクト対応
- Google Analyticsの設定変更
- Google Search Consoleの設定変更
- 対応後、検索結果やアクセス状況に何か変化はあったのか？
WordPress設定の変更
まずはWordPressの設定画面にログインして、[設定]>[一般設定]のWordPressアドレスとサイトアドレスを「https://◯◯」に変更します。
imgタグのURL一括置き換え
HTTPSに切り替えると、各ページのURLは自動的に「https://◯◯〜〜」になってくれますが、過去に書いた記事に埋め込まれているimgタグのURLは「http」のままになってしまいます。このままではhttpのまま埋め込まれている画像があるページは警告が出てしまうので書き換える必要があります。
これにはSearch RegexというWordPressプラグインで対応しました。
プラグインをインストールし、[ツール]から[Search Regex]を選択します。
Sarch Pattern「にhttp://◯◯（ドメイン名）」、Replace Patternに「https://◯◯」を入力して、Searchボタンで検索結果を確認した後、Replace&Saveで書き換えを行います。
Chromeで各ページを確認し、アドレスバーに「保護された通信」が表示されていればOKです。
この「！」マークが表示されていたらhttpsに書き換わっていない画像がある可能性があります（他の原因も考えられます）
原因を調べるにはChromeのデベロッパーツールでセキュリティの状態を見てみましょう。
テーマ内のURLの変更
上記の一括置換では、記事内の置換は出来ますが、WordPressのテーマ内に直接URLが書かれているものは置換できません。
筆者が引っかかったのはCSS内のbackground-imageに直接URLを記載している箇所があったこと。原因は先程挙げたデベロッパーツールで判明しました。
httpからhttpsへのリダイレクト対応
httpでサイトを開設していた場合、GoogleはhttpのURLのままクローリングを行っているため、httpsのURLへリダイレクトさせる必要があります。
サイトの一番上の階層にある「.htaccess」の一番上に以下の内容を追記します。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
httpでアクセスがあったら301リダイレクトさせてねという内容になります。
301リダイレクトは、URLが恒久的に変更されたときに適応するもので、該当のURLが持っていた検索エンジンの評価を引き継ぐことができるものです。
追記が完了したら、どのページでhttpでアクセスしてもhttpsにリダイレクトするか確認をしてみてください。もしもトップページはできても下層ページはできないという場合、記入した場所が間違っているか、誤った.htaccessを編集している可能性があります。
.htaccessの利用方法はロリポップ！公式マニュアルにも記載されています。
Google Analyticsの設定変更
Google Analyticsには変更しなければならない箇所が2つあります。
1つは[管理]>[プロパティ]>[プロパティ設定]のデフォルトのURLです。「http」となっている頭の部分をクリックし、「https」を選択します。
もう1つは[管理]>[ビュー]>[ビュー設定]のウェブサイトのURLです。こちらも「http」となっている頭の部分をクリックし、「https」を選択します。
Google Search Consoleの設定変更
Google Search ConsoleはURLの変更が出来ないので、再作成になります。
対応後、検索結果やアクセス状況に何か変化はあったのか？
対応してから2日経ちましたが、これといって変化はありません。しかし変化がないのは朗報で、もしも設定を間違っていた場合、従来検索エンジンから来ていたユーザーが辿り着けない可能性があります。検索エンジンからの流入は今のところ減ったりしていないので、無事にHTTPS化は成功したようです。
これで検索結果が少しでも上位になってくれると嬉しい…！
 |
書き手：小島 芳樹 Webやスマートフォンアプリによるサービスを開発・提供する会社で働いています。 Twitter： @yoshikikoji |
この記事が気に入ったらいいね・フォローお願いします！
CSSでボタンの高さはどうやって指定する？height・line-height・paddingなど
デザイナーTAKAYA OHTA氏のポートフォリオサイトが素敵だった
Backlogリニューアルのスライドがすげーよかった。ほんとよかった。
いよいよ夏本番！2016年夏版の炭酸飲料プロモーションサイトまとめ
「はじめてのフロントエンド開発」を読みました。JSフレームワークに今触れるならコレ
本当に人工知能がWebサイトの構築を自動化してくれるの？Wix ADIについて思うこと。
元PON！のお天気お姉さんが立ち上げた動画メディアのスタートアップがキテるみたい。資金調達のニュースも
まだフォント探しで消耗してるの？足りないフォントの検索ができるSketchプラグイン「FontBuddy」の使い方
