エックスサーバーで運用中のドメインは無料でSLLを利用することができます。エックスサーバー＋WordPressの環境で運営しているブログサイトをhttps化する方法をまとめました。https化はSEO対策としても意義があるので、無料ならやらない手はありません。
SSLとhttps
SSL（SecureSocketsLayer）は通信を暗号化する技術です。普通のサイトのURLはhttpから始まりますが、SSL化されているサイトはhttpsから始まります。ブラウザ上ではURL欄に鍵マークが表示されます。
httpsのサイトはデータの盗聴を防止ができるので安全です。安全なので、googleの検索エンジンはhttpsを優先的にランキングします。SSL対応は、SEO対策にもなるのです。
エックスサーバーのSSL設定
次のエックスサーバーのサイトを見て、ドメインにSSL設定を追加してください。手順は簡単です。
無料独自SSLの設定方法
僕はドメインが2つあるので、上記サイトの操作を2回して、2つともSLL設定を追加しました。
設定直後はまだサーバーへ反映されていないので、ダッシュボードにアクセスしようとすると、次のような画面になります。
設定がサーバーへ反映されるまで1時間くらいかかります。反映されればダッシュボードにアクセスできるようになりますので、気長に待ちましょう。
WordPressのSSL設定
ダッシュボードの［一般］→［設定］の［WordPressアドレス(URL)］と［サイトアドレス(URL)］のhttpをhttpsへ書き換え［変更を保存］を押します。
投稿記事内の画像リンクなどもhttpsへ変更
今まで書いてきた投稿記事や固定ページの中にある内部リンク、画像リンクのURLをhttpからhttpsへ修正しなければなりません。
修正箇所が多いときはプラグイン「SearchRegex」を使って一括置換するのが良いです。
［プラグイン］－［新規追加］から「SearchRegex」を検索して、インストールし、［有効］ボタンを押して有効化して下さい。
［ツール］→［SearchRegex］で置換文字列の設定画面が表示されます。
このサイトの場合、 http://kokenji.net を https://kokenji.net に置換したいので、次のように設定しします。［Search］を押せば、どこが置換されるか分かるので、一度確認して下さい。それから［Replace&Save］で置換を実行します。
テンプレート内の内部リンクもhttpsへ変更する
この段階で、httpsでブログにアクセスしてみて下さい。ブラウザのURL欄に鍵マークが付かない場合は、テンプレート内にhttpへの内部リンクを含んでいる可能性があります。
僕はSimplicity2というテーマをつっています。［外観］→［テーマの編集］で、一つずつファイルを見て該当する箇所を探そうとしたのですが、どこが悪いの探しきれませんでした。
なので、一旦別のテーマに変えて、またSimplicity2に戻してみました。すると、ブラウザのURL欄のエラーマークが消えました。なぜかカスタマイズの内容が飛んでしまいましたが・・・。
僕の場合はこんな方法で解消しました。
すみません。参考にならない内容で・・・
最後に、httpからhttpsへ301リダイレクトを設定する
SSLに対応してhttpsでアクセスできるようになりましたが、このままではhttpでもアクセスできてしまいます。HTTPへアクセスがあった場合、HTTPSのURLへ転送するようにします。これをリダイレクトと言います。
もとのURLに対する検索エンジンの評価を引き継ぎたい場合は301リダイレクトを用います。ここでは301リダイレクトをする方法を紹介します。
リダイレクトの設定はhtaccessというファイルに記述します。
エックスサーバーのファイルマネージャーにログインしてWordPressをインストールしたフォルダを探してください。僕の場合は「/［ドメイン名］/public_html」に.htaccessがありました。
.htaccessが見つかったら左側にチェックを付けて、編集ボタンを押します。すると編集画面になるので、末尾に次のテキストを追加します。
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://kokenji.net/$1 [R=301,L]
僕の環境では、編集後は下の図ようになりました。
#BEGINWordPressから#ENDWordPressまでが元々あった部分で、RewriteEngineon以降が追記した部分です。最後のkokenji.netは、サイトのドメイン名に書き換えてください。
編集が終わったら［編集］ボタンを押して
301リダイレクトできてるかを確認する方法
正常にリダイレクトできているかは次のサイトで確認できます。
リダイレクトチェッカー
httpから始まるURLを入力して［Cｈeck］を押します。301リダイレクトされていると、下の図のように表示されます。
コメント