ロリポップで無料独自SSL化(https)をトラブルなく行う手順

突然ですが、ロリポップでwordPressをインストールして作ったサイト(ブログ)に無料独自SSL化(https)は済ませてありますか？

※独自SSL化していたら、URLの最初がhttpsなり鍵マークがつきます。

もし、作ったサイトを独自SSL化(https)していないと、

ブラウザのURL欄に上記図のように「保護されていない通信」と表示されてしまいます。

さらに、独自SSL化(https)をしていないサイトには以下のデメリットがあります。

また、ロリポップで作ったサイトを独自SSL化すると『HTTP/2通信』という通信速度がアップするプロトコルが自動適用されて、その結果サイト表示が少し早くなるメリットもあります。

さらに、作ったサイトを独自SSL化するのに別途料金が必要なレンタルサーバーもありますが、ロリポップでは無料で独自SSL化できます。

本記事では、そんなロリポップのWordPressで作ったサイトをトラブルなく無料独自SSL化(https)する手順を紹介します。

ですので、ロリポップのWordPressで作ったサイトに無料独自SSL化をしていない人は、これを機にロリポップで作った自分のサイトを無料独自SSL化してみてください。

ロリポップで作ったサイトを無料独自SSL化する前にやっておくこと

サイトを独自SSL化することで発生する可能性があるトラブルを回避するためとして、事前に行って欲しい作業が2つあります。

サイトのバックアップを取っておく

ロリポップでのサイト無料独自SSL化によってサイトに大きな不具合が起こることはほとんどありません。

しかし、100%不具合が起きないとは断言できないので、もしもの時に備えてサイトのバックアップを取っておく事は強く推奨します。

ただし、WordPressをインストールして作ったばかりで、なんの更新もしていないサイトであればバックアップを取る必要はありません。

WordPressプラグインを可能な限り無効化しておく

こちらもわずかな可能性ですが、WordPressプラグインの中にはサイトを無料独自SSL化するときに不具合を起こすことがあるプラグインもあります。

ですので、サイトを無料独自SSL化する作業のあいだは無効化してしまうとサイト運営が成り立たないWordPressプラグインを除き無効化しておいてください。

ロリポップで作ったサイトを無料独自SSL化する手順

ここからは、ロリポップで作ったサイトを無料独自SSL化する手順を順番に説明してきます。

まずは、サイトを無料独自SSL化する手順の概要です。

特にSearch Regexプラグインによる、サイトの内部リンクや画像リンクのhttp → https置き換え作業と、

各ページで保護された通信(https)が正常に表示されるかを確認する作業は、サイトのページ数によっては時間がかかる作業になります。

では、各作業について詳しく解説していきます。

無料独自SSL証明書(Let’s Encrypt)をドメインに導入する

サイトを無料で独自SSL化するには「Let’s Encrypt」という、無料独自SSL証明書をサイトに使っているドメインに設定する必要があります。

「Let’s Encrypt」をサイトに使っているドメインに導入する作業については、ロリポップのユーザー専用ページで行います。

Let’s Encrypt導入手順

１ ロリポップのユーザー専用ページにログインします。

２ トップ画面が表示されたら、画面左側のメニューバーから「セキュリティ」→ 「独自SSL証明書導入」をクリックします。

３ 独自SSL証明書お申込み・設定画面が表示されたら、左側にある「無料独自SSLを設定する」ボタンをクリックします。

４ 独自SSL（無料）の項目が表示されたら「SSL保護されていないドメイン」をクリックします。

５ Let’s Encryptを導入(無料独自SSL化)するドメインにチェックを入れ、「独自SSL（無料）を設定する」ボタンをクリックします。

６ SSL設定作業中と表示されたら5分程待ちましょう。

７ SSL保護有効と表示されたら、対象のドメインにLet’s Encryptを導入(無料独自SSL化)する作業は完了です。

WordPressサイト側のhttp設定をhttpsに変更

ここまでの作業でサイトに使っているドメインは独自SSL化されました。

しかし、まだWordPressサイト側の設定はhttpのままとなっているので、今度はWordPressサイト側でhttpに設定されているものをhttpsに変更します。

WordPressサイト側のhttp → httpsへの変更手順

１ WordPress管理ログイン画面を表示してログインします。

２ ログインしてWordPress管理画面表示されたら、画面左側のメニューバーで「設定」→ 「一般」をクリックします。

３ 一般設定画面が表示されたら「WordPressアドレス(URL)」と「サイトアドレス(URL)」のhttpの部分をhttpsに変更します。

※「WordPressアドレス(URL)」と「サイトアドレス(URL)」のhttpをhttpsに変更後の図。

４ 一般設定画面の下部にある「変更を保存」ボタンをクリックして変更を保存します。

５ WordPressのログイン画面が表示されて、ブラウザのURLに「https」と表示されていれば成功です。

Search Regexプラグインでサイトの内部リンクや画像リンクなどのhttpをhttpsに置き換える

ここまでの作業でサイト本体設定のhttpからhttpsへの変更は終わりました。

しかし、この時点ではまだサイトの各ページ内で記載されている内部リンク・imgタグの画像リンクなどはhttpのままになっているので、今度はこれをhttpsに置き換える必要があります。

この作業は各記事ページや固定ページを1つ1つ手作業で編集して置き換えても問題ありません。

ただ、そのやり方では置き換えるページが多い場合は時間がかかりすぎるので、「Search Regex」というWordpressプラグインで一括変換する方法も紹介しておきます。

Search Regexプラグインで全てhttpsへ置き換える手順

１ Search Regexプラグインをインストールして有効化します。

２ WordPress管理画面で「ツール」 → 「Search Regex」をクリックします。

３ Search Regex画面が表示されたら、各項目を以下のように入力(選択)します。

①：Source
デフォルトの『Post content』が選択されていればOKです。

②：Limit to
デフォルトの『No limit』が選択されていればOKです。

③：Order By
デフォルトの『Ascending』が選択されていればOKです。

④：Search pattern
サイトに無料独自SSL化する前(http)のURLを入力します。
入力例：http://sabakan.xyz

⑤：Replace pattern
サイトに無料独自SSL化した後(https)のURLを入力します。
入力例：https://sabakan.xyz

⑥：Regex
3つのチェックボックスは全て未チェックにしておいてください。

各項目を入力したら「Replace」ボタンをクリックします。

４ 上記図のように置き換え候補が表示されますので、面倒ですがそれぞれ置き換えても問題ないかを確認します。

上記図のように緑色のものが現行の状態で、薄い茶色のものが置換後の状態になります。

また、editリンクを押すと該当ページの該当の箇所を画面に表示してくれます。

５ 置き換え候補の確認が終わったら「Replace & Save」ボタンをクリックします。

これで、置き換え作業が開始されます。

６ Search Regex画面で上記図のように表示されたら、サイト内にある各ページにある画像リンクや内部リンクなどのhttp → httpsへの置き換えは完了です。

各ページで保護された通信(鍵マーク)が表示されるか確認する

次に各ページをブラウザで開いて、URL欄の一番左側に「保護された通信です」の文字か、注意マークがついていない鍵マークが表示されることを確認してください。

注意マークがついていない鍵マークか「保護された通信」と表示されたら、そのページは無事独自SSL化(https)されています。

注意マークが付いている鍵マークか「保護されていない通信です」と表示されたら、そのページの画像や内部リンクなどの一部がhttpのままである可能性がありますので、該当箇所をhttp → httpsへと修正した後で再度そのページを開きなおして確認してください。

無料独自SSL化したサイトにhttp → httpsのリダイレクト設定をする

ここまでの作業で、サイトへの無料独自SSL化(https)はすでに完了しています。

しかし、この時点ではまだhttp、httpsのどちらでもアクセスできる状態となっています。

http、httpsどちらのアクセスでもサイトの閲覧自体には問題ありませんが、このままの状態で放っておくと。

Google検索結果でサイトの各ページが登録されるとき、ページ内容は全く同じhttp版とhttps版のページが二重で登録されてしまいます。

この状態を解決するには、httpでアクセスされたものをhttpsにリダイレクト(自動でhttpsアクセス)すれば、検索結果https版のページしか登録されなくなります。

http → httpsのリダイレクト設定手順

１ ロリポップのサーバーへFTP接続して、対象サイトの公開フォルダ(ディレクトリ)を開きます。

２ 対象サイトの公開フォルダ内にある「.htaccess」ファイルを自分の端末へダウンロードします。

３ ダウンロードした「.htaccess」ファイルの一番上の行に以下のコードを追加してファイルを更新します。

４ 更新した「.htaccess」ファイルを、対象サイトへアップロードして更新します。

５ これで対象サイトでhttpからhttpsへリダイレクトする作業は完了です。

これで、httpでアクセスされてもhttpsでリダイレクトされた形でサイトが表示されるようになります。

Google Searchコンソールに無料独自SSL化(https)したサイトを加える

最後に無料独自SSL化したサイトをGoogle Searchコンソールに新しく登録しましょう。

手順については、当初本記事で紹介しようと思いましたが以下の記事に詳しく書いてありましたので、そちらをご確認ください。

常時SSL(https)化時のGoogleアナリティクスとサーチコンソールの設定方法
※常時SSL Lab.サイトより

まとめ

ロリポップで作ったサイトへ無料独自SSL化(https)は無事に出来ましたでしょうか。

正直、サイトの無料独自SSL化をしたことがない人であれば、どこかの手順で戸惑うことがあるかと思います。

特に無料独自SSL化したいサイトがすでに作りこんであるサイトであるなら、はっきり言って難しい作業となります。

しかし、サイト(ブログ)を独自SSL化しておくのはもはや必須事項となりつつあります。

それが、ネットビジネス用のサイトや企業(法人)用サイトであれば尚のことです。

ですので、初めは独自SSL化に苦労するかも知れませんが、この記事を参考にしながら是非ご自身のサイトを独自SSL化(https)してみてください。