Cacheの引継ぎ設定をするこの記事のポイント出来ればサイトを作ったら、一番最初にやっておきたいのが「SSL化」SSL化するだけではダメ。「エラーチェック」は、すべてのページを見直そう!エックスサーバーでSSL化すると、URLが「http://」から「https://」に変更されます。このURLの変更に伴い、運営歴の長いサイトほど、SSL化後にやることが多く出てきてしまいます。今回は、少々面倒な「SSL化後にやること」をまとめてみました。一連の作業は地味な行程ですが、決して焦ることはありません。着実に一つずつ、修正が必要な個所を直していきましょう。「まだエックスサーバーのSSL化をやっていないよ」という人は、こちらの記事から読んでくださいね。合わせて読みたいSSL化とは?【エックスサーバーでのSSL化の方法と手順を解説】SSL化後、サイトのセキュリティ状態をチェックするエックスサーバーでSSL化を行った後、ブラウザでサイトをチェックしてみてください。Chromeで安全な状態になっていると、アドレスバーの左側に緑色の鍵マークが表示され「保護された通信」という文字が出ているかと思います。このサイトへの接続は保護されていませんと表示されるしかし、SSL化した段階では、ほとんどのサイトで、上記のような表示にはなっていない事が多いです。下記のような「!」マークが表示され「このサイトへの接続は保護されていません」と出ている場合は、ページ内の一部が安全に呼び出されていない状態になっている事を表しています。HTTPとHTTPSの要素が混在している状態の時にこの「!」が表示されます。そこで、ここからは「ページの一部が安全でない状態(HTTPとHTTPSの要素が混在している状態)」から「安全な状態(HTTPSのみの状態)」に戻す方法を解説していきたいと思います。※ページ数が多いサイトほど、各ページの表示が違うと思います。最終的には、全ページで「保護された通信」と表示される状態へ持っていくのが目標です。SSLエラーチェックの方法SSLエラーの特定は、目視では骨が折れますので、「Webブラウザの開発系ツール」などを利用すると、とても便利です。「Webブラウザの開発系ツール」は、GoogleChromeの場合だと「デベロッパーツール」というツールが存在しますので、そちらを紹介させて頂きます。キー」)デベロッパーツールを使用することが出来ます。デベロッパーツールは、まだ日本語化されていないので、メニューやメッセージがすべて英語になっていますが、慣れると簡単に操作できるようになるので、ここでは、簡単な操作のみ、習得していきましょう。GoogleChromeのデベロッパーツールを起動すると、右上に「!」マークで警告が表示されます。この「!」マークをダブルクリックすると、エラーの内容が表示されます。~」の部分に、エラーの原因が表示されています。すべて英語で混乱するかもしれませんが、デベロッパーツールと同時に、「Google翻訳」を立ち上げて、翻訳したい箇所をコピペして、そのまま翻訳しちゃいましょう。selection」と出てきますので、クリックしてコピーしてください。Google翻訳で翻訳すると、すぐに、日本語に訳してくれます。文章中の画像URLがHTTPのままのようです。そのまま、文章中の画像URLをクリックしてください。すると画面右上に、エラーの原因となっている画像が表示されます。ウィジェットのサイドバーで使用していた画像が、原因と判明!ウィジェットのサイドバーに入れていた、画像のURLを「http:」から「https:」へ変更すると・・・。見事!「保護された通信」と表示されました!作業自体は地味ですが、こうやって1ページずつ、コンテンツを確認して、同時に修正も行っていきましょう。次からは、作業時間短縮の為に、「エラーチェックするポイント」と「修正方法」を、一つずつ解説していきます。サイトの内部リンクとブログ画像のURLをHTTPSへ一括変換するSSL化した後でも、「http://」で貼られた内部リンクと画像URLが、ページの中にあると「安全な状態」とは表示されません。そこでまずは、「http://」の内部リンクと画像URLを「https://」の内部リンクと画像URLへ貼り替えていく必要があります。ページ数が少ないサイトをお持ちの人は、ひとつひとつ、手作業でURLの変更を行ってもいいのですが、既に多くのページで内部リンクや画像を貼っている人は、便利な「記事内の文字列を一括置換してくれるプラグイン」が無料で使用できるので、面倒な作業時間短縮の為にも、そちらのプライグインを利用しましょう。Regex」という、記事内の文字列を一括置換してくれるプライグインがwordpressでは使用できます。Regex」を、ご自身のワードプレスへ、インストールしましょう。このプラグインを使って、内部リンクや画像URLの修正を行っていきます。Regexをインストールし、有効化していきましょう。ご自身のワードプレスから、SSL化したサイトにログインします。ダッシュボード画面の左メニュー「プライグイン」から「新規追加」をクリックしてください。Regexが検索結果に表示されると思いますので、「今すぐインストール」をクリックして、プライグインをインストールさせます。インストールが完了したら、「有効化」をクリックしてプラグインを有効化させましょう。Regexのインストールから有効化までが完了しました。Regexの使い方を解説していきます。Regexの使用方法を見ていきましょう。Regex」をクリックしましょう。Regexの画面に入ると、英語ばかりで頭が痛くなりそうですよね。設定はとても簡単です。by検索結果に表示される並び順を「Ascending(昇順)もしくはDescending(降順)」から指定します。1Source文字を「検索」または「置換」したい場所を指定します。以下の「場所」が選択可能です。to検索する上限値を決める事が出来ます。対象件数がかなり多い時は、何回かに分けて対応してくれます。By検索結果の並び順を設定できます。Regexの設定画面で、下のように各項目を選択してください。「Regex」は選択不要です。https://自分のドメイン(※ご自身のドメインを入れて下さい)入力したら「Replace」をクリックすると、置換する候補が出てくるので、しっかり置換されているかを確認してください。サイトへの外部リンク(アフィリエイトタグ含む)をHTTPSへ置換する内部リンクの貼り換えは前回で行いましたので、次は外部リンクの貼り換えを行う必要があります。サイトで使用している外部リンクには「アフィリエイトリンク」「他サイトへの外部リンク」などが、あるかと思います。これも、すべて、(https://)のURLに変換しなければなりません。その外部サイトも、HTTPS化(SSL化)していないとダメです。自分がおススメしたいサイトが、まだSSL化に対応していないようなら、一旦、外部リンクを外しておいても良いかもしれません。「テキストリンク」や「バナーリンク」も、これに該当します。各社ASPでは、通常「SSL対応のアフィリエイトリンク」が取得出来るようになっていますが、中にはごくまれに、(http://)のアフィリエイトリンクしかないASPもあるようです。現時点でSSL化に対応していないアフィリエイトリンクは、こちらも外した方が良いでしょう。あと、「Amazonアソシエイト」や「楽天アフィリエイト」の画像を、ご自身のサイトで使用している人も多いと思いますが、上記のような外部サイトの画像URLに(http://)のURLが残っている場合が多くあります。Regex」を使用し、以下のように置換してください。Regex」を使用して投稿記事の外部画像URLも置換していきましょう。https://images-fe.ssl-images-amazon.com※アフィリエイトリンクの他にも、古いユーチューブのコードなどは、HTTPのままになっている可能性があるので、こちらも貼っていたら修正しておきましょう。この外部リンクの貼り換えが、一番時間かかるポイントだと思います。【ヘッダー・フッター】グローバルメニューなどからの自サイトへのリンクをHTTPSへ置換するPHPテンプレートの全記事共通部分(ヘッダー・フッター)にも「http://」のリンクが残っていたりしますので、こちらもチェックして修正しておきましょう。ここはそんなに時間をとられないと思います。グローバルメニューの内部リンクに使われているhttpをhttpsに変更しますフッターメニューにも内部リンク入っている人は、もちろん、この箇所も(https)に変更しますダッシュボード画面の「外観」→「メニュー」からグローバルメニューが編集できますヘッダーのグローバルメニューや、フッターメニューに、自分のサイトへの内部リンクを入れている人は、内部リンクのURLが(http://)のままの事が多いので、URLを(https://)に変更しておきましょう。【ウィジェット】ウィジェットの中のHTTPリンクをHTTPSリンクへ置換するウィジェットの中で使用している「画像」や「リンク」がHTTPのリンクの場合がありますので、HTTPSのリンクへ置換してください。こちらは手作業での変更になります。この部分の変更もそれほど時間はかからないでしょう。【アクセス解析】GoogleアナリティクスとGoogleウェブマスターツールの再登録をするSSL化をした事で、サイトのURLが変わっているので、「Googleアナリティクス」と「Googleウェブマスターツール(Googleサーチコンソール)」を、(https://)のURLで再登録してください。Cache」というプラグインがあります。便利なプライグインで、私のサイトでも使用しているのですが、http時とhttps時のシェア数のカウントを合算して表示する設定がありますので、導入している人は、設定を変更しておいてください。Cache」を選択し、「設定」をクリックします。Cache」→「設定」とクリックしてくださいシェア基本キャッシュ情報の「HTTPからHTTPSへのスキーム移行モード」を「有効」にして、「設定の更新」をクリックします。この設定を行うことで、「http」と「https」のシェア数の合算を行うことが出来ました。最後にすべてのWebページをチェックしてくださいhttpsにすべて置換できたページには、Chromeの検索窓のURLに「保護された通信」という文字が表示されるようになります。すべてのページをチェックして「保護された通信」と表示されているかを確認しましょう。表示されていないページは、まだどこかに(http://)のリンクが残っている証拠ですので、これまで紹介してきたチェックポイントを参考に、引き続き修正を行ってください。「緑の鍵マーク」と「保護された通信」と表示されたページは、置換が完了した合図となりますまとめこのように、サイトのSSL化は、早くやっておいて損はないですし、逆に今後、SSL化サイトが多くなってくると、SSL化していないサイトは、リンクしてもらえなくなる可能性が増えてきます。その為にも、SSL化は早く取り組んだ方が良いですね。