ssl化で保護された通信が出ない/ならない、httpsが表示できない原因となるプラグインなど

シェアする

wordpress001

このサイトではありませんが別のサイトをssl化しました。ssl化する際にhttpsが表示されない原因をまとめておきます。簡単にいうと保護された通信にならないのはhttpのリンクが残っている、この1点につきると思います。実体験に基づき、問題になった箇所を網羅しました。

WordPressの管理画面は保護された通信になる

まずWordPressの管理画面が保護された通信になっているのかを確認しましょう。そこだけはすぐなります。管理画面が保護された通信になっていないと他に原因があるかもしれません。ブラウザはchrome(クローム)とfirefoxの両方を使っている人が多いです。firefoxなら原因なる画像などがわかります。

スポンサーリンク

電子書籍のおすすめ比較

保護された通信にするための基本作業

念のため基本作業も簡単に書いておきます。

  • スターサーバーやエックスサーバーなどレンタルしているレンタルサーバーの管理画面でsslの設定をします
  • 設定 > 一般 「WordPress アドレス (URL)」と「サイトアドレス (URL)」でアドレスをhttpからhttpsにします。
  • Search Regexでhttpからhttpsに内部リンクを置換します。
  • .htaccessにリダイレクト用のコードを追記します。
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>

BOMなしで保存します。普通に保存すればBOMなしになります。

ただ、リダイレクトなどはせずとも保護する通信にはなります。保護された通信にするにはhttpのリンクさえなくなればOKです。

スポンサーリンク

エックスサーバーのhtaccessがない。transmitでhtaccessを表示する方法

エックスサーバーの管理画面からもhtaccessを編集できますが、直接いじるのではなくバックアップが取りたかったのでFTPソフトを使うことにしました。

しかし、ftpソフトではhtaccessファイルがありません。すぐに隠しファイルになっているだけとわかったため表示しました。

transmitというftpソフトを使っています。

表示 > 不可視項目の表示

で、htaccessファイルが表示されます。

表示するとメニューが反転するため非表示にもできます。

表示 > 不可視項目を隠す

保護された通信が出ない原因となるメニューのカスタムリンク

メニューのカスタムリンクはhttpからhttpsの書き換えが必要です。数が多いとすごく面倒です。。

外観 > メニュー

スポンサーリンク

Search Regexでhttpsに変更できないウィジェット

Search Regexの置換範囲はあくまでコンテンツであり、ウィジェットのアドレスまで置換してくれません。

テキストウィジェットにurlが入っていないか確認しましょう。このような手動リンクを作っているとダメですね。

サイドバーに画像つき手動リンクを設定する1番簡単な方法(画像と文字の縦並びのcss)
いろいろと手動リンクのプラグインがでています。 一応、使ってみたいのですが、どれもちょっとした不満やバグがあります。 WordPre...

httpからhttpsに書き換える必要があるphpファイル

functions.php、header.phpやfooter.phpやsingle.phpなどのファイルはすべてチェックが必要です。子テーマを利用している場合、直書きも少なくないでしょう。

Wordpressの子テーマの作り方〜header.phpやfooter.phpやsingle.phpもあると便利
Wordpressの子テーマの作成方法をまとめておきます。覚書をかねています。 style.cssやfunctions.phpだけでは...

こちらの方法もfunction.phpにアドセンス以外の画像を設定している場合は修正が必要です。

【応用編】Wordpressで記事中H2の手前にアドセンス/広告を入れるカスタマイズ全まとめ
Wordpressで記事中H2の手前のウィジェット(広告・アドセンス)をカスタマイズする方法についてまとめます。記事に広告やコンテンツバナー...

httpsが表示できない原因となるプラグインSimple Local Avatars

Simple Local Avatarsは原因になっていました。このプラグインに限らずプロフィール画像や著者情報を記事下にのっけている人は注意してください。

解決方法は画像をもう1回設定しなおすことです。

Wordpressで記事下にプロフィール(投稿者)のアバターを表示するプラグインまとめ
Wordpressで著者情報(プロフィールの作り方)を調べました。記事下にプロフィール(投稿者)のアバターを表示するのに必要なプラグインをま...

httpsが表示できない原因となるプラグインWP Responsive Menu

WP Responsive Menuも原因になりました。スマホのメニューですが、PCも非表示時もソース上にあるためです。解決方法はロゴの画像をhttpsにします。

このプラグインに限らずスマホの上部固定のプラグインを使っている人は注意してください。

簡単にスマホのヘッダーメニューを固定するWordpressのプラグインまとめ
Wordpressのテンプレートはいまだスマホの固定のヘッダーメニューに対応していないものが多いです。 そのため、jqueryのslide...

httpsが表示できない原因となるプラグインLink Manager

Link Managerのurlも書き換える必要があります。

Enables the Link Manager that existed in WordPress until version 3.5.

httpsが表示できない原因となるその他プラグイン

urlが入りそうなプラグインはすべてチェックしてください。

httpsが表示できない原因となる1ピクセルのインプレッション画像

アフィリエイトリンクで1ピクセルのインプレッション画像がhttpsではなくhttpになっている場合があります。最近はほとんどのaspが対応しているので、リンクの張り替えが必要です。aタグもhttpsになっていないともちろんダメですがインプレッション画像がhttpsになっていない場合が多いです。

ひたすら面倒です。。seo的に順位がさがるなどの悪い効果がなければ放置してもいいかもしれません。Google的にはhttpかhttpsかが評価のポイントであり、アドレスの混在コンテンツエラーは関係ないはず。

httpが残っていないかチェックする方法

firefoxでチェックする方法もありますが、ソースを表示して直接検索してもOKです。

FireFoxのチェック方法は次のとおりです。

>アイコン > 詳細の表示 > メディア

Googleさんによると2017年10月から「Not secure(保護されていません)」を表示されるみたいですね。

httpsの変更はヒートマップツールにも影響を及ぼす

少ししたのち、気づいたのですが、ヒートマップツールがurlを指定して使うものの場合、ヒートマップのデータが取れなくなる可能性があります。というか実際にそうなりました。。

httpのアドレスはhttpsに全部修正しなければなりません。ヒートマップツールによっては自動対応しているものもありそうですけどね。この機会に乗り換えを検討する人は、ヒートマップツールはこちらにまとめたのでよかったらみてください。

無料・有料で使えるヒートマップツール比較。Wordpressのプラグインおすすめのまとめ
多くのヒートマップツールは有料で安いと言えないものもありますが、条件つきであれば無料で使えるものは結構あります。 今回はメジャーなヒートマッ...

ssl化に伴いgoogle search consoleが機能せず、google analyticsの検索クエリがゼロになる

google search consoleのキーワードが取得できない状態になり、google analyticsの検索クエリが移行に伴いゼロになります。httpのアドレスが指定してあるからです。httpsのアドレスを追加してあげます。移行期間があるため、httpのアドレスもすぐ消さない方がいいみたいです。

プロパティを追加 > urlを入れる > 追加 > 確認

トラッキングコードは以前埋め込んだなら、再度埋め込む必要はありません。サイトマップの送信は必ずしも必要ありませんけど気になるならした方がよいでしょう。

google analyticsとgoogle search consoleの連携については、詳しくはこちらです。

Google Analystic(グーグルアナリティクス)のアカウントの追加とプロパティとの違い
google analyticsの使い方めもです。覚書として要点だけまとめておきます。 google analyticsのアカウントと...

「Search Consoleを調整」もhttpのアドレスではなくhttpsのアドレスを指定します。google analyticsとgoogle search console の記事をみてください。この作業をしないとgoogle search consoleでキーワードが表示されても、google analyticsの検索クエリ側でキーワードが表示されません。ゼロのままになります。
SSL化後、「Search Consoleを調整」を再び行う場合は削除して追加する

ssl化に伴いgoogle analyticsの設定変更

こちらはとくに設定を変更しなくてもトラフィックなどに影響はなくデータは取れるようです。さすがにそこはGoogleさんも問題ないようにしているのでしょう。なので、後日やってもOKです。

左下の歯車アイコン(以前はアナリティクス設定だったけど変わった) > プロパティ設定 > デフォルトのURL httpからhttpsに変更

その下のデフォルトビュー > すべてのウェブサイトのデータを選択。選択されていないと保存できません。

保存で終了です。

左下の歯車アイコン > ビュー設定 > ウェブサイトのURL httpからhttpsに変更

簡単ではありますが自分が書き換えたところを覚書がてらまとめてみました。いろいろとカスタマイズしている人は結構、重たい作業ですね。。参考になれば幸いです。

スポンサーリンク

シェアする

フォローする

スポンサーリンク