鍵マークは、SSL認証サイトのURLの前に表示されます。私が運用している個人事業のサイトで、SSL化したにも関わらず、スマホサイトでこの鍵マークが表示されません。
個人事業のサイトの引っ越しは手こずりました
私は本サイトnawakinino.netとは別に、個人事業のサイトを運営しています。
本サイトは新規設定だったので、エックスサーバーで立ち上げて比較的簡単に最初からSSL化することができました。
一方、事業用サイトは前のレンタルサイトからエックスサーバーに引っ越して立ち上げましたが、この引っ越しはなかなか手こずりました。SSL化も終わって、やれやれと思っていました。
ところが、この事業用サイト、一週間ほどしてようやく気づいたのですが、パソコンで見たときは鍵マークが出ますが、スマホで見たときは鍵マークが出ません。原因はなんなのか…。
スマホのみのコンテンツがある？
いろいろググって、こんなサイトを見つけました。
この方は、私と同じ症状です。この方の場合、「スマホのみで表示していたコンテンツがあった」「そこにhttpソースが残っていた」ことが原因でした。
私の事業用サイトはWordpress＋Simplicityで作成しており、レスポンシブデザインになっているので、パソコンもスマホも同じコンテンツを表示しているはずです…。違うのかな…。
Simplicityの画像設定に問題が？
ついにこんなサイトにたどり着きました。
追記：ここで紹介していたサイトはリンク切れになっていました。
この方は、私と同じSimplicityを使っています。ロゴ画像のURLがhttp://のままで、「ロゴ画像を再設定してみたところ見事鍵マークが出現」とのこと。
はたと思い当たりました。そういえば、私の事業用サイトでは、パソコンのヘッダー画像とスマホのヘッダー画像は違う画像を使っていたはず。これじゃないか！
ヘッダー画像の再設定してみる…
ダッシュボードにログイン、「外観＞カスタマイズ＞ヘッダー」で、モバイルヘッダー背景画像を一旦削除し同じ画像を再登録してみる。
スマホで見てみるがやはり鍵マークが表示されない。ウ～。やはりだめか…。
もう一度ダッシュボードに戻ってみる。
あっ！再登録のあと公開ボタンを押すのを忘れてる！
公開ボタンを押して再度スマホで見てみると見事に鍵マークが表示されていました。
スマホで鍵マークが表示されない原因、私の場合は…
原因は、結局「スマホのみで表示する画像があり、そのアドレスがhtttps://になっていなかった」ということでした。
エックスサーバーもWordpressもSimplicityも、SSL化に際して相当な部分で自動的に対応してくれます。しかし、自動的にならない場合その原因を探すのは、知識の浅い私にとって、なかなか大変でした。