ロリポップ!でSSL化方法まとめ【ロリポップ無料ドメインSSL化】手順を分かりやすく紹介この記事では、サーバーがロリポップ、かつwordpressでブログやサイトを運営している方のSSL化の手順を紹介していきます。方がつまずきそうなところなどを細かく説明して参りますので、ロリポップ以外の人気サーバーヘテムルやwpXレンタルサーバーなどでSSL化をお悩み解決にも役立つかと思います。→「その家賃、老後も払っていけますか?」賃貸とマイホーム、結局どっちがいいの?スポンサーリンクロリポップ!が無料でドメインのSSL化を開始さすがにそろそろ自分のサイトをSSL(https)化しないとヤバい、と知りつつもずっと放置していました。いうか見て見ぬ振りをしていたのです。そんな私にとって、最近ビッグなニュースがありました。こんなお知らせをいただきました。【独自SSL(無料)リリース記念】全プラン初期費用無料キャンペーン!いつもロリポップ!をご利用いただき、ありがとうございます。本日より、ロリポップ!全プランで独自SSL(無料)がご利用いただけるようになりました!このリリースを記念しまして、全プランが初期費用無料となるキャンペーンを開催いたします!ということで、私の使っているサーバー、ロリポップ!が「無料でドメインのSSL化を開始」しました。wpXレンタルサーバーに乗り換えようか、今のロリポップ!で有料でSSL化しようか悩んでいたんです。今回はせっかくのキャンペーンなので、これをきっかけに重い腰を上げることにしました。したらまあ、つまずく、つまずく。SSL化ってのは、手強い。今となっては本当にやって良かったと思っています。この記事で解決することということで、これからできるだけ私のような初心者の方にもわかるように、SSL化を完了するまでの手順を紹介しつつ、予測される以下の不安や問題も解決していきましょう。AdSenseに支障はないの?SSL(https)化して、ブログランキング系の設定、ポイントはどうなるの?SSL(https)化したら、画像が表示されなくなったSSL(https)化したら403エラーが出た。グーグルサーチコンソールやアナリティクスはどうするの?古いhttpのサイトが見れなくなっちゃうの?SSL(https)化にタイムラグとかない?両方URLは生きる?SSL(https)化したのに「保護された通信」って出ないんだけど?こんな、悩みが解決します。SSL化とは?まずは、SSL化ってなんなのかをおさらいしましょう。通信を暗号化し第三者からの情報盗難を防ぐことです。自分の書いた記事にコメントをもらったり、会員登録をしてもらったりするときに、メールアドレスや個人情報を入力をしてもらうことがありますよね?このSSL化をしていないブログやサイトの場合、その際に情報が盗まれてしまう可能性があるのです。無事SSL化の手続きが完了すると、自分のブログやサイトのURLの始まりが「http」から「https」に変わります。根本を言うならば、SSL化は誰のためにやるかって、サイト利用者のためです。情報化社会が進む中、情報は財産です。それを自分のサイトを利用したことでお客様に万が一のことがあったら大変。お客様に安心してサイトを利用していただくために、最近ではマストの手続きです。実はそれだけでなく、今やSSL化はやらないと「あなたのブログやサイト」にはデメリットが課されるようになりました。SSL化メリットさて、では大変な思いをしてまでSSL化するメリットはどんなものがあるのでしょうか?メリットが少なければこんな面倒で難しいことを、正直やる気も起きませんのでしっかり確認していきましょう。GoogleがSSL化を推奨。SSL化しているサイトはなんと優遇措置。SSLでないサイトはアドレスバーに「保護されていません」と表示されるメリットと言っておきながら若干脅しのようでもありますが、これからの時代SSL化されていないサイトやブログは淘汰されていきます。これは予測や憶測ではなく、今まさにそうなのです。淘汰されるとは、仮に全く同じ価値のある記事を書いたとしても、SSL化されていない方を検索の後回しにされるということです。ただの日記のようなブログでも、本格的にアフィリエイトをしている人でも、少なくとも多くの人に読まれたい、見つけてもらいたいという欲はあるかと思います。そのためには検索ランキングで少しでも上位にいなくてはなりません。おまけに、やっとあなたの記事タイトルが表示されるところまでユーザーが検索してきても、「保護されていない」とわざわざ書かれてしまうのです。これにより、ますますあなたの記事がクリックされる可能性が減ってしまいます。裏を返してSSL化のメリットを挙げるならば、まず、やっておけば、安心してお客様が使えるということ。検索でGoogleから低評価を食らわずに済む。SSL化されていないサイトよりも優位に立てる。サイトの訪問者が増える。PVアップにもつながる可能性大ということです。これは面倒でもやっておきたいですよね?それでは次の項目からさっそくSSL化の手順を説明してまいります。データベースのバックアップ|SSL化手順1これから私が行った手順を紹介していきます。先に断っておきたいのですが、かなりデリケートな作業です。「この手順通りに作業をしてサイトがめちゃくちゃになった!責任取れ!」とかいうクレームは勘弁してくださいね。良かれと思って時間をかけて無料で紹介しているのに、責任は負いかねます(涙)さて、まずはデータベースをバックアップしましょう。どんなことをするにも、何かしらの変更をサイトに加えるにはバックアップは大切です。データがブッ飛んだら終わりですからね...。どんな方法でも構いませんが、今回はプラグインのBackWPupを使っていきます。プラグイン「BackWPup」をインストール・有効化データベースのバックアップには、wordpressの「ダッシュボード」から「プラグイン」を選び、ページ上部の「新規追加」をクリック。次に検索(キーワード)に「BackWPup」と入力。すると「BackWPup」が左上に表示されます。「今すぐインストール」をクリック。そのままさらに「有効化」をクリックします。有効化したら一度ダッシュボードをトップへ戻します。Dashboard(ダッシュボード)」メニューを選択します。backup」をクリックしてSQLファイルを取得してください。画像でいうと右側の「データベースのバックアップをダウンロード」と書いてある青色のボタンです。これでバックアップは完了。ロリポップ!でSSL証明書申し込みをする|SSL化手順2この手順に関しては、ロリポップ!のサイトの方が詳しいのでリンクを貼っておきます。→ロリポップ!こちらからサイトに入っていただき、ページ下部の「お問い合わせ」に移動。上記のように検索バーに「ssl化」と入力し、「検索ボタン」をクリック。「サイト全体」「マニュアル」「よくある質問」と3つ並んでいるうちの「マニュアル内」をクリックすると、「独自SSLについて」という項目が出てきます。画像のような「独自SSL(無料)のお申し込み・設定方法」という項目がありますので、そこの「証明書お申し込み・設定」をクリックすれば、分かりやすい手順を紹介していますので参考にしてみてください。一応私の方でも簡単に説明していきますね。ロリポップサーバーにログイン、「独自SSL証明書」の「証明書お申込み・設定」に入ります。次に、タブの「SSL保護されていないドメイン」の中にある、SSL化したいURLにチェックをいれます。「http://ochipapa.com」や「http://www.ochipapa.com」などです。「独自SSL(無料)を設定する」ボタンをClick。すると「SSL保護申請中」というコメントが出現します。どのくらいかかるかは不明ですが「5分くらい」と表示されます。私は3秒でした(笑)そのまま待ってても変わらない場合がありますので、しばらく待ったらページの再読み込みを。無事申請が通ると、”SSLで保護されているドメイン”タブに、申請したURLが”SSL保護有効”と記載されます。この時点であなたのブログやサイトは「http://」から始まるものと、「https://」から始まるものの2つが存在していることになります。そのまま管理画面に記載されている「https://ochipapa.com」をクリックし、URLがhttpsに変わった、まったく同じ自分のサイトにたどり着けば成功です。403エラーが出てしまった時の対処方法しかし、「403エラー」などという表示がされた方がいるかもしれません。サイトが見られなくなるくらいならhttpのままのほうがまだマシだぜ?なんて慌てなくて大丈夫です。私もネットで慌てていろいろ調べたら、WAFの設定してみろとか、今そんなの関係ねえだろって話ばっかり出てきて、慌てたのですが...。実は、ただの時間待ちでした(笑)数十分から数時間は変わらない可能性もあるそうです。困った場合は、403エラーが表示されている状態でページの再読み込みをしてみてください。解決する場合もありますので是非お試しあれ♪また、今とは違うブラウザ(Chrome、Explorer、Safari)などで、新しい「https」のURLを直接入力して検索してみるか、別の機器(スマホやPC)で検索してみるのも良いかもしれません。それでも、403エラーを詳しく知りたい方は私が書いたわけではありませんが、分かりやすいサイトがありましたのでリンク貼っておきます。→403エラーとは?WordPressの設定|SSL化手順3さて、これで今度はwordpressの方に戻って設定を続けていきましょう。一応私の方でも紹介させていただきます。一般」設定を開きます。「一般設定」にある以下の項目を変更します。WordPressアドレス(http://ochipapa.com)サイトアドレス(http://ochipapa.com)すでに入力されているそれぞれのURLの「http」部分に「s」を足して、WordPressアドレス(https://ochipapa.com)サイトアドレス(https://ochipapa.com)に変更。「変更を保存」ボタンを押して完了。内部リンクのhttpをhttpsに変更|SSL化手順4自分のサイトを確認してみましょう。トラブルが起こる可能性があります。私の場合、サイトに貼り付けている画像が、一部非表示になっている。あれ?なんで写真が消えてるんだ?あれ?おまけに、アドレスバーに、SSLの証であるロックのマークも見当たらない。これ↓これが次の難関です。内部リンク、ソースコードに古いままのリンクコード、「http」が1つでも入っていると、こんな状態になります。href」の後なんかを要チェック。「httpとhttpsが混在しているウェブページ扱い」されているからです。サイト内の全てのリンクが「https」になっていないと、Googleは許してくれません。ブラウザーによって違いますが、三角形に!マークなどがURL前後にに表示されます。内部リンクや、imgの内部画像リンクを全てhttpsに書き直すいやいや、サイト内の全てをhttpsに書き直すの?そんなの無理。世の中のデベロッパーが必ずそれを解決してくれるプラグインを開発してくれています。RegexというWordpressプラグインで一括変換しましょう。このプラグインは、いわゆる、エディターの機能でもおなじみの「検索・置換」をWordPress内の全てをやってくれる天才的なプラグインです。Regexで一気にhttpsに書き換え例によってWordpressのダッシュボードから、このプラグインをダウンロードしたら、「有効化」します。pattern:https://ochipapa.com/(SSL化後のあなたのURL)Regex:だからさわらないってばと、入力。「さわらない」と記述したところは、わからない方は変更せずデフォルトのままにしてください。ここまでやったら「Replace」ボタンをClick。すると、どの部分をどのように変えるのかというリストがずらっと出てきます。これを良くチェックして、変更前と変更後のURLに間違いがないか、変更になってはいけないところはないかを調べる。さあ、全部の内部リンクを「https」に変えちゃいます。Save」ボタンをクリックしてください。サイトをチェックして、問題なく画像やリンクが動いていればオーケー。自分のサイトをチェックし、画像などがすべてうまくいっているか確認しましょう。アドレスバーのURLに「保護された通信」と出ていれば成功です。キャッシュのクリアはしましたか?それでも「保護された通信」と南京錠マークが出てこない場合、一度試していただきたいのが、「キャッシュのクリア」です。キャッシュとは、ネットで一度開いたサイトを一定時間ブラウザが記憶し、再訪問した時に一から読み込まなくても良いようにする機能です。これによりユーザーは読み込み時間短縮で、スピーディーにブラウジングを楽しめるのです。記憶したページを開くので、まだソースコードをhttpsにする前のページを表示している可能性があるのです。解決法としては「キャッシュをクリア」してみる必要があります。各ブラウザーのキャッシュの消去法は結構ネットにあふれていますので割愛させていただきます。方法」などで検索すれば出てきます。内部リンクURLを全てhttpsに変えてもダメだったら実は、私はそれでもダメでした。「保護された通信」と南京錠マークがでてきてくれません。どこかに「http」が残ってしまっているようです。このようにプラグインを使い、内部リンクを全て一括で「http」から「https」に変更しても、残ってしまう奴がいるんです。なると、隅から隅までソースコードを探すしかありません。そんなあなたに便利なツールを紹介します。Chromeというブラウザで紹介します。Chromeであなたのサイト開きます。macの方はoption+command+I)を押して「デベロッパーツール」を開きます。「コンソール」「Console」タブを選びます。すると、ソースコードがずらりと出てくるのですが、赤っぽい背景のコードを要チェック。その中にまだ「http」のままの犯人がいます。わかりにくいですが、よくよくコードを見ていくと、犯人がわかります。私の場合は、ウィジェットに貼り付けている「FC2ブログ」のバナーが「http」のリンクでした。残念ですが私は「FC2ブログ」の集客効果よりも、ssl化の方が効果ありと見切りをつけてバナーを撤去。無事に解決!「保護された通信」と南京錠マークが出ました。※現在はFC2ブログもssl化に対応したそうです。晴れてURLバーに、南京錠の鍵マークや、緑の文字で「保護された通信」と表示されたら、完了です!!あと少しです!頑張りましょう。httpsのサイトにリダイレクト設定|SSL化手順5最後に、リダイレクトの設定をしましょう。リダイレクトとは、あるURLのページを開いた際に、ユーザーを特定のURLのサイトに自動で移動させる設定です。この記事でも少し触れましたが、SSL化したあなたのドメインは現在「http://」「https://」の2つのURLが存在し、どちらでも閲覧できる状態です。試しに、旧「http」のURLでサイトに飛ぶと、今までのように保護されていないページに飛びます。