SSLに対応したテンプレートの見分け方

自身の内容に問題がある場合にはまずそちらの修正を先に行います。
これから行う手順は テンプレート内に問題があるかどうか の見分けですので、自分に問題が有る場合にはテンプレートの検査になりません。

検証に使うブラウザは Google Chrome とします。
他ブラウザでも若干表示は異なるものの、同じ手順で察することはできます。

共有テンプレートの公式配布ページへ行き、対象のテンプレートをクリック

まずはここからです。
対象のテンプレートをクリック

左にある画像をクリックすると、自分のページが適用された時にどうなるかのサンプルページを見ることができます。
別タブで開かれますので、まずそのタブの ブラウザ検索バーを目視確認

アドレスバーに注目

ああ、保護された通信 と出ているな。このテンプレートは合格だ！
という判断をしてはいけません。
ここで見るべきは右の方にある 盾マーク です。 これは
スクリプトファイルに問題があるのでブロックしましたよ
という意味です。
ブロックする = 動作させない
ページの安全性を保つために動作を強制ブロックします。
つまりそのスクリプトはページ内での役割を果たしません。
具体例を挙げると

• スライダーが動かない
• 整形されているべきサムネイルがバラバラの大きさで表示される
• ページ内移動のスムーススクロールが効かない

などなど。
一見問題が無いように見えるもの、明らかに様子がおかしいものと色々ですが、ともかく本来動くべきJSが動いていないことになります。
スクリプトがブロックされた実際のページで要素検証を行うと こんな風に内部エラーがたくさん出ています。
製作者の特定ができる部分は伏せています。
エラー項目のURLに私のアドレスが入っていますが、私のページサンプルで取得しているのでそうなっているだけで、私が製作したテンプレートではありません。誤解のないようにお伝えしておきます。

そしてこの状態ももちろんダメですよ。 これはテンプレート内の 画像ファイル に問題が有る場合です。
盾マークは スクリプトファイル(JS) です。
FC2ブログでは非SSL画像をブロックするという道は取らず、表示させて混在コンテンツとなる道を選んでいます。
Yahoo!ブログは前者の道を選択しています。参考までに。

まとめ

スクリプトのエラーというのは普段からソースコードを触っている人間でないとなかなか気づきにくいんですね。
本来は各製作者が自主的に修正するのが一番ですが、それぞれの事情があるのでそうもいきません。
ですからユーザーが賢く選択をする、と。
ま、そゆことですね (´・ω・｀)

Education SEO SSL AOSSL 初心者向け