ロリポップ提供の独自SSL(無料)の件

前々から変更しなければ…と思いつつ先延ばしになっていたサイトのSSL化の件
以前ロリポップからの案内で独自SSL(PRO)化は月2000円とかで高いなあと思っていた

ところが今年7月から無料で独自SSLが設定できるようになっていた

サイトがたくさんあるのとトラブルになったら元に戻せるのか分からなかったので
ネットに情報が上がるようになってからにしようと思い先送りになっていた

ただ今日はもう変更しようと思いここにロリポップの独自SSL(無料)へ変更後の手順について
覚書を残しておこうと思う

ロリポップのユーザー専用ページで無料の独自SSL化は簡単に出来る

そのあとが問題
まず「https://〇〇〇〇」が表示されるかどうかを確認する
サイトを調べたらちゃんと鍵マークになっているモノもあれば鍵マークに!が付いているモノがある

おそらく変更後になんらかの設定をいくつかする必要がある様で…
あまりややこしいことはしたくないけど必要なことはしなければならない

ざっくりした流れは…
①サイトのURLを「https://ドメイン」に変更
すべて鍵マークになるようにチェック
②リダイレクト設定
③サーチコンソールに登録
④アナリティクスのデータを変更

スポンサーリンク



サイトのURLの変更

ワードプレスのサイトならダッシュボードの設定⇒一般で
■WordPressアドレス(URL)と■サイトアドレス(URL)を「http://ドメイン」から「https://ドメイン」に変更し変更を保存する

もしプラグイン「SiteGuard」を利用していたら「ログインページ変更」機能を無効にしておく必要があるらしいけど、私の場合は利用していないのでスルー

サイト内の内部リンクや画像のリンクがhttpのままならhttpsへ書き換える必要があるらしい…
☆Wordpress内の自動生成リンクは自動的にhttpsになるそうで書き換えの必要はない
☆他のサイトでは必要

(このサイトに関してはここでしっかり鍵マークにになったから以下は飛ばしてリダイレクト設定に進む)

プラグイン「Search Regex」を使えば、一括で置換できるらしいのだけど…
エラーが出る場合も有るらしいので(10000件を超えるとエラーになるらしい)他のプラグインを勧めている人もいる
例えば…「Search and replace」
とにかく「https://ドメイン」で表示したときに完全に緑の鍵マークにならないということはどこかにhttpの情報が残っているということだそうで、上記のプラグインでの変更が簡単だそう

ソースコード探すならGoogle Chromeで対象のサイトを開き、WindowsならF12(macはoption+command+I)を押してデベロッパーツールを開く。
⇒「コンソール」「Console」タブ⇒赤っぽい背景のコードをチェック。「http」のままのコードを探すらしい…

ちなみに(社)ジョイライフの方のサイトでは鍵に!マークが付いたのでGoogle Chromeで開けてF12で調べてみると画像がNGになっていた。
調べるとメディアに登録されていた画像は全てhttpsに変更されているが、サイドバーや固定ページの画像がhttpのままになっていた。
これを全部変更したら鍵マークになった。
ただ、固定ページの全てで調べる必要がある。(面倒)

ホームページビルダーの場合
「サイト一覧/設定」⇒「サイトの設定」で「サイトの URL」を「https://ドメイン」変更する。
そして上記のGoogle Chromeで開けてF12で調べてNGの部分を修正した。
ホームページビルダークラッシックで作成したサイトではサイド部分に埋め込んだ「いいねボタン」が全てNGだったので、ソースを見ながら修正した。
その他の修正も鍵にマークにならないページをGoogle Chromeで開けてF12で確認し、その部分のソースを直接変更した。
そしてサーチコンソール登録に必要になるので「サイト」⇒「sitemap.xml」(XMLサイトマップ)もURLが「https://ドメイン」になるよう設定し再作成した。
(ホームページビルダーに添付のサイトマップクリエイターで簡単に作成FTPにアップロードできる)

ホームページビルダーSPの場合
鍵マークの原因は「いいねボタン」全てで、こちらはソースを触れないので結局「いいねボタン」削除でOKだった
あとサイトマップクリエイターも新たにhttpsで登録して、新たに作ればOK

リダイレクト設定

ワードプレスの場合
[ロリポップFTP]該当ドメインのルートフォルダを開く
「.htaccess」ファイルのソースコードに追加する

RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

と書いてある情報もあれば…

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

やはりこちらかな…
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

ホームページビルダーで作成したページの場合
FTPサーバーの該当ファイルの中に新しく「.htaccess」ファイルを作成し上記のソースコードを入力したら簡単にリダイレクトできた。
他に方法があるのかもしれない。

サーチコンソールに追加登録

以前の「http://ドメイン」は置いておき新たに「https://ドメイン」を追加登録する
コンソールの設定が前のURLで済んでいる場合は所有権の確認は「おすすめの方法」の「確認」で完了
「確認」出来ない場合は別のやり方でやる(この場合「外観」⇒「テーマの編集」でヘッダー部分にタグを入れた)

グーグルアナリティクスの登録情報を変更

登録してある「http://ドメイン」の情報を「https://ドメイン」に変更する
あとサーチコンソールに関連付ているので「他のサービスとのリンク状況」⇒「全てのサービス」のところで関連付けるサーチコンソールのドメインを変更しておいた

スポンサーリンク