2018.09.24がくSSL(https)化をしないと...そう思いつつも、「SSL化したら検索順位が下がった」「SSL化に失敗して復旧作業が大変」などといった話を見聞きして、二の足を踏んでいた当ブログです。いえ、GoogleがSSL化を推奨しており、HTTPSをランキングシグナルに使用すること(SSL化しているサイトを検索順位上優遇すること)を明言していますので、早い段階でSSL化しないとなーと考えていました。」でも独自SSLが無料で利用できるようになったこともあり、今回、重い腰をあげてSSL化に挑戦しましたので、手順を記事に残したいと思います。これからSSL化を検討している方の参考になれば嬉しいです。「http~」から「https~」にリダイレクト設定FTPで「.htaccess」にリダイレクトのコードを追記まとめ:ロリポップの無料SSL設定は案外簡単だったSSL化すると「保護された通信」となり鍵マークが付く!SSL化の作業のゴールは、URLが「http~」から「https~」に変わり、「保護された通信」という標記と鍵マークが付くことです。がくそれではSSL化の作業スタート♪ブログ(WordPress)をバックアップSSL化の作業に入る前段階として、念のためブログのデータのバックアップをとっておきます。バックアップをとる方法はいくつもありますが、今回はWordPressのプラグイン「BackWPup」を使ってバックアップをとります。Plugin」が表示されます。「今すぐインストール」>「有効化」と順にクリックしましょう。インストール有効化WordPressのデータベースをバックアップ(SQLファイルの取得)メニューの「BackWPup」のリストから「ダッシュボード」を選択して、「データベースのバックアップをダウンロード」をクリックします。「○○○.sql」というSQLファイルを適当な場所に保存してください。ユーザー専用ページにログインロリポップのユーザー専用ページにログインして、「証明書お申し込み・設定」を開きます。「セキュリティ>独自SSL証明書導入」でもOKです。「SSLで保護されていないドメイン」のタブに独自ドメインとサブドメインが一覧で表示されています。独自SSLを適用したいドメインのチェックボックスを選択して、「独自SSL(無料)を設定する」ボタンをクリックします。すると、「SSL設定作業中」と表示されますので、設定が完了するまでしばらく待ってからリロード(ページを更新)しましょう。5分程度かかるという説明ですが、数秒で完了することもあります。設定が完了すると、「SSLで保護されているドメイン」のタブに追加され、「SSL保護有効」のステータスになります。ためしに「SSL保護有効」となったドメインで“https://”を冒頭に付けたURL(当ブログの場合“https://queseraselife.com”)でアクセスしてみましょう。アクセスできれば独自SSLの設定が無事完了しています。ここで403エラーが表示されてブログやサイトにアクセスできないことがあります。その場合は時間をおいてから再度アクセスしてみましょう。次に、WordPressの設定に移ります。WordPress管理画面で「設定>一般」と進みます。一般設定にある「WordPressアドレス(URL)」と「サイトアドレス(URL)」にあるそれぞれのアドレスの頭「http」を「https」に変更します。変更したらページ最下部の「変更を保存」ボタンをクリックします。これでWordPressの一般設定は完了です。SSL化は完了していません。最終的にアドレスバーに「保護された通信」という標記と鍵マークが表示されたらゴールです。記事に記載しているリンクや画像のうち、ひとつでも「http」のままのものがあると「保護された通信」という標記にはならないのです。そこで、WordPress内のすべてのリンクや画像の「http」を「https」に書き換えていきます。Regex」を使って一括して書き換えましょう。Regex」が表示されます。「今すぐインストール」>「有効化」と順にクリックしましょう。Regex」と進みます。pattern」にSSL化した後のURL(当ブログだと“https://queseraselife.com”)を入力します。入力後、「Replace」ボタンをクリックすると、画面の下側に置換される箇所が一覧表示されますので、確認しましょう。Save」ボタンをクリックします。これで、「http~」が「https~」に一括で書き換えられました。SSL化完了!「保護された通信」となればOKここまでの作業で無事「保護された通信」の標記と鍵マークが付きましたでしょうか。ためしにブログ(またはサイト)のいろんなページにアクセスしてみてください。どのページでもアドレスバーに上記画像のような「保護された通信」標記と鍵マークが付いていればSSL化は完了です。Analytics(アナリティクス)の設定をしましょう。「保護された通信」にならない・・・そんな方は私もそうだったのですが、ここまでの作業をやってもまだ「保護された通信」の標記が出ませんでした。その原因は、まだ「http」のままのやつが残ってしまっているからです。「http」のままのやつを探しましょう。I”を押してデベロッパーツールを開きます。「Console」(コンソール)のタブをクリックすると、コードが一覧表示されますので、背景が赤い箇所をよく確認してみましょう。私の場合は、ヘッダーに使っているタイトルロゴと背景の画像、それからウィジェットのプロフィールに使っている画像とプロフィールの詳細ページへのリンクが「http」のままでした。ヘッダーの画像は再設定をして、ウィジェットはウィジェットの編集画面で手打ちで「https」に書き換えました。あ、ウィジェットに貼っていた楽天の広告も撤去したっけ。Console(サーチコンソール)の設定SSL化によってアドレスが「https~」に変わりましたので、サーチコンソールに新しいURLを登録します。プロパティを追加(新しいURLを登録)サーチコンソールにログインして、「プロパティを追加」ボタンをクリックします。SSL化した後の「https」から始まる新しいURLを入力して、「追加」ボタンをクリックしましょう。サイトの所有権の確認プロパティを追加すると、サイトの所有権の確認画面になります。SSL化する前の「http」から始まるURLですでにサーチコンソールの設定が済んでいる場合は、「おすすめの方法」のタブにある「ロボットではありません」にチェックをして「確認」ボタンをクリックすれば完了です。続いてサイトマップを送信します。こちらもすでに作成済みのものがあれば、それを再度送信すればOKです。サーチコンソールのメニューの「クロール>サイトマップ」を開き、「サイトマップの追加/テスト」ボタンをクリックします。Sitemaps」でサイトマップを作成している場合、空欄に“sitemap.xml”と入力して「送信」ボタンをクリックすればサイトマップの送信は完了です。Analytics(アナリティクス)の設定アナリティクスについても、登録しているURLをSSL化した後の「https」に変更する必要があります。アナリティクスにログインして、「管理>プロパティ>プロパティ設定」と進み、「デフォルトのURL」の「http」を「https」に変更します。変更したら、ページ最下部にある「保存」ボタンをクリックしましょう。こちらは「https」を選択するだけなので簡単ですね。Adsense(アドセンス)の設定は不要アドセンスに関しては、SSL化に伴う設定は不要です。最後に忘れてはいけないのがリダイレクト設定です。リダイレクト設定をすることによって、SSL化する前の「http~」のURLにアクセスしてきたユーザーを、自動的にSSL化した後の「https~」のURLに飛ばすことができます。ログインして、「サーバーの管理・設定>ロリポップ!FTP」と進みます。「.htaccess」というファイルを探してクリックしましょう。すると、ソースコードの編集画面になります。コードの一番上に次のコードを追記してください。[R=301,L]追記したら「保存する」ボタンをクリックします。これでリダイレクトの設定は完了です。「http~」のURLにアクセスしても、自動的にSSL化をした後の新しい「https~」のURLに飛ぶようになりました。まとめ:ロリポップの無料SSL設定は案外簡単だった以上でSSL化の主な作業は完了です。お疲れ様でした!ほかの細かい作業としては、「http~」で登録しているサービスなどがあれば「https~」に変更することでしょうか。ブログランキングなどに登録しているのであれば、URLの登録情報を修正する必要があります。「なんか難しそうだし失敗したらどうしよう...」とビクビクしながら始めたSSL化の作業でしたが、振り返ってみれば案外簡単でした。SSL化の手順を解説しているブログ記事も増えてきましたので、それらを読みながら焦らず取り組めば何とかなるもんですね。SSL化を機にエックスサーバーへの乗り換えも検討していましたが、ロリポップ!も独自SSLが無料で利用できるようになりましたので、もうしばらくはこのまま様子見ようかなと思っています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。新しい投稿をメールで受け取るホームブログWordPress管理人のプロフィールけせらせライフは、三十路の男2人が会計士試験からエンタメ情報まで気ままに発信するブログです。管理人に聞いてみたいことなどがありましたら、お問い合わせページからお気軽にどうぞ!~がく~30代4児の父。Twitterやってます。@queseraselife12~ひさ~30代1歳児の新米パパ。管理人のプロフィールけせらせライフは、三十路の男2人が会計士試験からエンタメ情報まで気ままに発信するブログです。管理人に聞いてみたいことなどがありましたら、お問い合わせページからお気軽にどうぞ!~がく~30代4児の父。Twitterやってます。@queseraselife12~ひさ~30代1歳児の新米パパ。Element.Events.load),!0}},t.addEvent("load",function(){r=!0})}(window,document);。