のんきLog

趣味だらけの夫婦が送るのんきなブログです

WEBサイトのSSL化をしました!

      2018/07/11

少し前から、グーグルから「WEBサイトをSSL化してください」とのメールが来るようになりました。
何となく見たり聞いたことはあるような気もしますが、そもそもSSL化って何?って話です。。

ssl_change02 WEBサイトのSSL化をしました!

WEBサイトのSSL化とは?

簡単に言うとWEBサイトの暗号化のことだそうです。

銀行や通販サイトなど、個人情報の流出が問題になるサイトが当たり前にやってるやつですね。これをすると結果的にWEBサイトのURLの頭が、

http: → htts:

に変わります。こうして、情報が外に漏れにくくなるようですね。

いろいろなサイトでSSL化は、したほうが良いとか、しても変わらないとか、色々なサイトで言われています。

私もどっちが良いのかなぁ〜、どうなんだろうな〜、って思っていましたが、そういったSSL化について、メリットやデメリットなどを詳しく説明してくれているサイトは、総じて「https」で始まるアドレス なのでSSL化されています。

ってことは、、、って感じですよね。笑

にしても、のんきLogのような趣味のブログでも、暗号化などのセキュリティ対策が必要なのか?大仰すぎやしない?

とも思いますが、時代の流れもありますし、セキュリティはあっても損はありませんから、ここで導入してみることにしました!

※ 参考にしていただく場合は自己責任でお願いします。

サーバーでのSSL設定をする

まずは使用している(レンタルしている)サーバーでSSLの設定をします。

SSLには共有SSLと独自SSLがあります。この違いは、

  • 共有SSL・・・無料または安価、信用性は低い
  • 独自SSL・・・高価、信用性は高い

ざっくり言うとこんな感じです。

自分でサーバーを借りてWEBサイトを運営している人は、サーバーで設定ができると思いますので調べてみましょう。

私もサーバーの説明どおりに設定しました〜。

ワードプレスのSSL化対応

のんきLogは ワードプレスを使用しているブログ になりますので、こちらの変更設定も必要になります。

それでは、まずこの手順を順を追って見ていきます。

WEBサイトのURLの変更

http: を https: に変更 します。

「設定」の「一般」タブを開きます。

ssl_change02 WEBサイトのSSL化をしました!

画像内の赤字が小さくて読めませんが、、、赤線を引いている部分を変更してあげます。

Search Regex で記事内リンクURLを変更

記事内に使われている 内部リンクや画像リンクのhttp:をhttps:に変更 します。

Search Regex は有名なプラグインですから、ワードプレスユーザーなら使ってる人も多いと思います。

置き換えの設定は、

http://●●.●●●●.com/●●●/●●/●●●●/

から

https://●●.●●●●.com/●●●/●●/●●●●/

などのように、できるだけアドレスの先のほうまで指定してあげての置換にして、捜す範囲を狭くしてあげたほうがエラーが出にくいようです。

.htaccessの変更

.htaccessを変更することで、元のhttp:サイトにアクセスした人を、新しいhttps:サイトへリダイレクト(自動遷移)させる設定をしてあげます。

.htaccessファイルは、ワードプレスのインストールされているフォルダの一番上の階層にありますので、サーバーのファイルマネージャーなどを起動して、探してくださいね。

見つけましたら、編集モードにして、デフォルトの.htaccessのコードの前に下記を挿入 します。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
</IfModule>

.htaccessファイルについては、以上で完了です。

ワードプレス内カスタマイズ内容を変更する

ワードプレスのカスタマイズで、cssやheadder、function、home、singleなど、自分でカスタムしたコード内に、

内部リンクの「http:」記述があれば、これも「https:」に変更します。

コードを表示して「CTRL+F」などで検索します。

記事ごとのCSS設定のできるプラグインなどでカスタムしている場合は、そちらでも適宜変更をします。

また、外部へのリンクは、https:に変えてもリンクするかを確認してから 変更します。

これでワードプレス内での変更作業はひとまず終わりです。

アナリティクスやサーチコンソールなどGoogle関連の変更

ワードプレス内での変更作業が終わったら、今度はWEBサイトのURLが変わったのでGoogle関連の設定や登録事項も変更します。

アフィリエイトなどに登録している場合はそちらのURLも変更が必要ですね。

この時点で原則は終了です。

のんきLogのページを開いてみると、アドレスバーにカギのマークが点灯しています!

よ〜し完了〜!

最終確認とエラー修正

しか〜し!

実際に全てのページを開いてみると、いくつかのページで、カギマークの横に「!」マークが付いているページがあります。

これはSSL化に伴う何らかのエラーみたいです。

「SSL化したのはわかるけど、何かおかしいとこあるよ!」の印です。。。

なので、手間ですが、内容を確認して対処します。

これは、一括検索みたいにサイト全体からエラーページを探す方法がわからなかったので、大変ですが1ページづつ開いて確認しました。泣

エラー場所は、ブラウザがFirefoxの場合、F12を押すと開くウィンドウで、コンソールタブを見ると、エラー箇所が表示されますので対応していきます。

以上で終了です。

まとめ

手順はそんなに難しいことでもないので、思ったより早くできました。

のんきLogはそんなにページ数も多すぎないブログなので、どうにかなりましたが、メガサイトなんかだと、なかなか全てのエラー対処は大変なんだろうなあ。。。と思いました。

これでとりあえずは時代に取り残され過ぎずに済んだかも。笑

イイね!と思ったら、、、
「いいね!」や「シェア」をお願いします!
励みになります!(^o^)v

  関連記事

 - DIY, 雑記

Translate »