【https化】ロリポップが独自SSLを無料提供!WordPressでの導入手順をまとめてみた。【https化】ロリポップが独自SSLを無料提供!WordPressでの導入手順をまとめてみた。LINK最高かよ!今まで無料独自SSLを展開しているサーバー会社は、下記2社だけでしたが・・・エックスサーバーMixHostついに業界最大手の一つ「ロリポップ」も独自SSLを無料提供。全プランを対象ってところが凄い。月額100円の「エコノミープラン」でもSSL化できますからね。ロリポップユーザーとしては嬉しいところ。注意Googleがクロームに関しては「2017年10月以降、https化されていないサイトに対し、URLの横に「安全ではない」という警告メッセージを表示させる」と発表しています。不安をあおるネガティブなメッセージが常に表示される為、直帰や離脱に影響を及ぼす可能性が多大にあります。よって常時SSL化は必須の作業です。目次ロリポップ側で行う設定1:独自SSLの設定2:リダイレクト設定を行うWordPress側で行う設定1:一般設定のURLを「https」に変更する。Tube編)5:テーマカスタマイザー、ウィジェットの画像を「https」に変更6:全ての画像が「https」に変わったのか調べる方法。7:SNSのカウント数の表示を復活Google側で行う設定Googleアナリティクスの設定変更Googleサーチコンソールへ新規登録ロリポップ側で行う設定1:独自SSLの設定1.ユーザー専用ページにログイン『ユーザー専用ページ』へアクセスします。↓ログイン画面が表示されますので、「使用しているドメイン」と「パスワード」を入力し、ログインボタンをクリックします。ぼくちなみに独自SSLの対象は「独自ドメインを取得・設定済みの方」となります。ロリポップが提供している初期ドメインをそのまま利用している方は対象外です。証明書お申し込み・設定」をクリック↓3.対象のドメインに対して、SSLを設定する画面が開くと初期状態で「SSL保護されていないドメイン」のタブが選択されています。独自SSLを設定するドメインのチェックボックスにチェックをつけた後、「独自SSL(無料)を設定する」ボタンをクリックします。ぼくチェックするドメインは2つありますが、下のドメインはサブドメインです。こちらのドメインのチェックボックスにもチェックをつけましょう。「SSL保護無効」が「SSL保護申請中」に変わります。5分程待った後、ページを「更新」します。R」キーでページが更新されます。更新をすると、「SSL保護されていないドメイン」のタブから「すべてのドメイン」のタブに移動します。ステータスが「SSL保護有効」に変わります。設定したドメインの冒頭を「http」から「https」に変更してアクセス。サイトが表示されれば、第一段階はクリアです。2:リダイレクト設定を行う続いて行うのが、リダイレクト設定(※)。MEMO※“旧”URLにアクセスしてきたユーザーを、自動的に”新”URLへ転送させる仕組みです。この設定を行うことで、”旧”URLで培ったSEOの評価を引き継ぐことができます。“リダイレクト”設定を行うには、「.htaccess」というファイルにステータスコード「301」を記述する必要があります。「.htaccess」を見つける為に下の階層へ。ぼく.htaccessはサイト全体に対し、各種設定を施すファイルの為、上位階層に保存...言い換えると「index.php」と同じ階層に基本格納されています。↓「.htaccess」ファイルをクリックすると...下記画面が表示されます。コードを入力するエリアに、ステータスコード「301」を記述します。↓ぼく下記コードがステータスコード「301」です。そのままコピーして、エリアの一番上に貼り付けてください。[R=301,L]</IfModule>↓301コードの記述が済んだら、ページの下にある「保存」ボタンをクリックします。これにて「リダイレクト設定」は終了。続いては、WordPress側で行う設定について。WordPress側で行う設定1:一般設定のURLを「https」に変更する。管理画面にログインして、左側のメニューより「設定」>「一般」をクリックします。(URL)」に設定しているURLの冒頭を「http」から「https」に修正します。修正後、ページ下部にある「変更を保存」ボタンをクリックします。ぼく続いては、一番手間のかかる内部リンクを「https」に変更する作業。2:内部リンクを「https」に変更(画像編)この段階では、URLが”https”になっているにも関わらず「安全ではない」というメッセージが表示されている筈。このメッセージが表示される原因は、ブログ内で使用している画像のURLが”http”のままだから。その為、それらのURLを「http」から「https」に変更していきます。ぼく手作業で一つ一つ変更するのは大変なので、プラグインを使って一気に変更します。Regex」をインストール。Regex」をインストールします。「有効化」をクリック。Regex」をクリックします。Regex」の入力画面が表示されます。ぼくここから画像のURLを「https」に変更していく作業となります。置換に必要な入力項目が表示されるので下記の通り入力します。Save」ボタンを押すと一気にURLが変更となり、元に戻すことができません。)が確認できるので、そちらのボタンを先に押しましょう。pattern」だけ。他の項目は初期値のままで問題ありません。Save」ボタンをクリックすると・・・URLの冒頭が「http」から「https」に置き換わります。これはスムーズに置換できた場合です。記事数が多い上に、画像をたくさん使用している場合、”一括置換”はできません。無理してやろうとすると、下記の様に真っ白な画面が表示され、置換自体が失敗します。これは、置換箇所が膨大で処理しきれてない証拠。その為、「細かく分けて」置換作業を行なっていく必要があります。こちらの対処法については、下記記事にまとめましたので、上手くいかない方は、参考にしてください。Regex】Replaceボタンを押すと画面が真っ白!エラーの原因と解決方法。これで”ほとんど”の画像URLが”https”に変わりました。Tube、アフィリエイトリンクは「http」のままです。Regex」を使用します。モール型物販アフィリエイト(Amazon、楽天)であれば、多くの方が「カエレバ・ヨメレバ」を利用している筈。以下、「カエレバ・ヨメレバ」系の変更方法となります。pattern」だけ。他の項目は初期値のままで問題ありません。Save」ボタンをクリック。これでAmazonアソシエイトのリンクが「https」に変更されます。画像とリンク、両方のURLを「https」に変更する必要がある為、置換作業を2回行います。Save」ボタンをクリック。その他、特化型物販アフィリエイト(A8、バリューコマースなど)を利用している場合も当然置換作業が必要です。A8他のアフィリエイトサービスと違い、A8だけ置換ができません。その為、「A8」に関しては、再度広告を貼り直す必要があります。Regex」による置換作業が行えます。業界最大手のA8だけ、ごっそりURLが変更になった為、置換作業が行えません。バリューコマース画像とリンク、両方のURLを「https」に変更する必要がある為、置換作業を2回行います。Save」ボタンをクリック。アフィリエイトリンクとインプレッション計測、両方のURLを「https」に変更する必要がある為、置換作業を2回行います。Save」ボタンをクリック。主要なアフィリエイトサービスの「https化」はこれにて終了。