Chrome 非SSLサイト

WordPress

[WordPress] ロリポップの独自SSLは無料で設定できるが、WordPressサイトをHTTPS(SSL)化するにはもっと作業が必要だった

こんにちは。
@OfficeTAKUです。

サイトをSSL化しなければいけない、という話しはなんとなく目にし耳にしていました。

このサイトの大家さんである、ロリポップさんでは、無料(現在の契約プラン料金のまま)でSSL化できます。

なんと、一年前にそのアナウンスがでておりました。

ロリポップ レンタルサーバー側でのSSL設定はとても簡単。
管理画面(ユーザー専用ページ)で、現在あるサイトにチェックを入れて、ボタンをポチッと押すだけです。
私も流石にそれはしてありました。
ロリポップ レンタルサーバーの詳細はこちら

Google ChromeではHTTPS通信になっていないとどのように表示されるか

ところが、先日、Google Chrome がアップデートし、SSL化されていないサイトは、アドレスバーの横に「保護されていない通信」と表示されるようになりました。

Google Chrome の アップデートの確認方法は下記の記事を参照してください。

このサイトの場合、

https://office-taku.com/ でアクセス

「保護されていない通信」と表示されます。
Chrome 非SSLサイト
さらに、そのボタン(サイト情報の表示)をクリックすると、「このサイトへの接続は保護されていません。」と表示されます。
中の文言を読むと、ちょっと恐ろしい! 早く対策とらなきゃ、って思います。
Chrome 非SSLサイト

https://office-taku.com/ でアクセス

「保護されていない通信」は消えますが、サイト情報の表示ボタンをクリックすると「このサイトへの接続は完全には保護されていません。」と表示されてしまいます。
Chrome 不完全なSSLサイト

ロリポップサーバー側での設定と、WordPressの設定でURLを書き換えるだけではだめなのです。

WordPressを常時SSL化する手順(ロリポップの場合)

あわてて調べたら次のような手順で作業を進めないと行けないようです。

  1. ロリポップサーバー側でSSLを有効にします。
    これはほんと簡単です。
  2. WordPressのバックアップをとります。
  3. WordPressの設定で、URLをhttps:// 〜 に変更
    私の場合だったら、https://office-taku.com/ となっていたのを、https://office-taku.com/
  4. 今までの記事の中に挿入した画像や自分の他の記事へのリンクを https://〜 に全て変更
    これには、Search Regex というプラグインを使うと便利とのこと。
    これは記事がたくさんある場合は注意して進めないといけないです。なのでバックアップは忘れずに。
  5. リダイレクトの設定 これは、今までの https:// 〜でアクセスしてきたものをhttps://〜 で表示するため
    これは、.htaccess ファイルを書き換える必要があります
  6. Google Analytics など関連する各種サイト、ツールの諸々の変更

けっこう手間がかかります。
プラグインを使うにしろ、URLの書き換えで全く見られなくなる危険性もあるわけで、バックアップして慎重にしていかなければなりません。

なんで、もっと早く気づかなかったんだ、俺!と、頭を抱えました。

まずは、自分のこのサイトからはじめ、管理させて頂いているみなさんのサイトをしっかりとHTTPS化し「保護された通信」と表示されるように頑張りたいと思います。

わが大家さん、ロリポップさんはSSLの機能を無料で提供してくれているので、ほんとうにありがたいです。
そうしないと、少なくとも月3,000円位〜の費用がかかってしまいます。

またロリポップはユーザーも多いので、今回のSSL化の件にしても多くの方が情報を書いて下さっています。
ほんとうに助かります。
今回参考にさせて頂いたサイトは下記の通り。

みなさんも、もし、レンタルサーバーを借りて自分でサイトを運営したいと思ったら、最初はロリポップさんがおすすめですよ。
ロリポップ レンタルサーバーの詳細を見る

ピックアップ記事

  1. 机からケーブルを落とさない NuAns WORKLIFE FOLDKEEPER …
  2. [PPT] あなたのPowerPointプレゼンテーションを劇的に変えてしまうで…
  3. Apple Music や Amazon Musice でクラシック音楽の楽曲・…
  4. 災害時に役立つTwitterアカウント、情報サイト等まとめ
  5. 忙しい朝もコーヒーは欠かせない!お湯を沸かすのすら面倒な人におすすめ!ネスカフェ…

関連記事

  1. WordPress

    WordPressサイトで突然HTTP500エラー

    こんにちは。@OfficeTAKUです。WordPress…

  2. WordPress

    Web

    WordPress : 「Facebook Comments for WordPress」のエラー

    以前のエントリ「Facebook : Facebookページのコメント…

  3. 403 ERROR 画面
  4. Photo by Burst on Unsplash

    WordPress

    [WordPress] Gutenbergからクラシックエディタへ戻しました!

    こんにちは。@OfficeTAKUです。なんでも新しいもの…

  5. Web

    [WordPress] ログイン履歴を記録してくれるプラグイン Crazy Bone を導入してみた…

    こんにちは。しょっちゅうパスワードを忘れてしまう @OfficeT…

最近の記事

  1. Kindle Daily Sale 21
  2. Kindle Daily Sale 20
  3. Kindle Daily Sale 19
  4. Kindle Daily Sale 18
  5. Kindle Daily Sale 17

人気の記事

  1. マイクロソフト製品の新元号対応について
  2. Time Machine からの復元
  1. ブラザー DCP-J973N インクのセット

    ハードウェア

    プリンター ブラザー DCP-J973N 導入記。お手頃価格でセッティングも取り…
  2. Lenovo Ideapad 520

    ハードウェア

    [レビュー] Lenovo Ideapad 520 スタンダードな充実ノートパソ…
  3. Security

    [Instagram] インスタグラムで勝手にレイバンサングラスの投稿がされたら…
  4. Microsoft PowerPoint MVP 河合浩之

    PowerPoint

    [PPT] あなたのPowerPointプレゼンテーションを劇的に変えてしまうで…
  5. Web

    [レビュー] Lenovo Ideacentre 720 使えば手放したくなくな…
PAGE TOP