FC2ブログでSSL設定したのに[保護された通信]にならない時の原因を考える

2017年10月03日
13
0
AOSSL
Why?

さてさて、最近そこそこ(笑) 「FC2ブログのSSL設定」に関心を持って、弊ブログでも「AOSSL」カテゴリの記事が盛んに読まれるようになって来てます。
かなりの勢いですよ~って、それは筆者の「感覚」的判断ではあるんですけどね(笑)

で、ブログの「訪問者履歴」+「アクセス解析」から 『あっ この訪問者さん、AOSSLカテゴリの○○○記事を読んでくださった』と関連づけることが出来る(筆者のこの分析能力はただ者ではないんです(爆))もんですから、ちょっと時間が経ってからブログにお邪魔させて戴くと、やっぱり「SSL設定」を済ませてあって(笑)ブログURLの先頭が https:// になってるんですよね~(笑)
ただ、残念なことにSSL化に対するなんらかの問題がブログの中に隠れていて、そのURLの前に [ 保護された通信 ] が表示されてないブログさんが殆どなんです (^^;; アセ
つまり


2017-09-28-pagessl-2.png


こんなURL欄の表示のことです。
ほんとは正しくSSL化が施されればそのURL欄に [ 保護された通信 ] https:// のように表示されるものなんです。


2017-09-28-topssl.png


こんな感じです d(-_^)good!!

要は、ブログの何処かにそれを邪魔してる原因がある訳なんですが、皆さん、それを見つけ出せなくて対処出来なくているんですね (^^;; アセアセ


2017-10-03-bitch-why320.jpg


その対処の仕方にはいろいろと方法はあるんですが、、、。
ここでは、初歩的アナログ的(笑)方法を書いてみます(笑)


但し、その原因が1つだけとは限りません。
数個や、ブログ内容によっては数十個にも及ぶかもしれません (^_^; アハハ…
でもそれらの殆どはMixed Content混在コンテンツ と呼ばれるものでして、つまりはSSL化した https:// のURLのブログの中に、未だに http:// の非SSLなコンテンツが存在してしまっていると言うことが原因の殆どです。

原因、その1  FC2ブログのサイドバーにあるプラグインを疑う


サイドバーのプラグインに何らかのブログパーツ(ランキングバナーも含めて)を貼ってあったりすると、そのサービスが未だSSL化されていなかったりということもあり得ます。

調べ方は、とりあえずブログ管理ページの「プラグインの設定」で、全てのチェックを外して一旦全部を「非表示状態」にしてみます。
プラグインのどれかが原因で [ 保護された通信 ] が表示出来なくなっている場合には、とりあえずプラグインを全部非表示にすることで [ 保護された通信 ] が表示されるでしょうから、先ずはその確認をします。
もし、首尾良く表示されたら、やはりプラグインのどれかに原因があることになりますから、上から順番に1つずつプラグインのチェックを入れて確認します。
その要領で順次1つずつ下へと確認作業を行って行く過程で [ 保護された通信 ] が非表示になるものがあったら、それが1つの原因であることが分かる訳ですね。

で、そのプラグインは削除しないでチェックを外した「非表示」のままとりあえず置いておきましょう。
やがて、そのサービスがSSL化される時が来るかもしれませんから。

その要領で上から順番に全てのプラグインをチェックすればOKです ヽ(^^ ) ヨシヨシ
簡単でしょ? (笑)
ただ「原因」となって非表示にしたそのプラグインでも、ほんとは既にそのブログパーツのサービスがSSL化されているかもしれないんです。
ですから、そのURLに「s」を追記して https:// のURLでアクセスして、表示されるかを確認すれば簡易的なチェックが出来るんです。
それで表示されれば、そのブログパーツ先のサービスはSSL化されているので、あなたのプラグインのURL先頭を今までの http:// から https:// に修正してあげればOKになります。


原因、その2  FC2ブログのサービスのSSL化設定を見過ごしている


ご自身のブログ内で

【FC2カウンター】
【FC2メールフォーム】
【FC2アクセス解析】

これらのサービスのどれかを導入していて、あなたのブログ内でそれらをまだSSL化未設定でしたら、下記のブログカードをクリックした先の記事(FC2総合インフォメーション)を読んで、必要な対応をなさってください。
これ、けっこう知らないでそのままになっているFC2ブロガーさんが多い様子です。
本来はもう既に以前より「FC2総合インフォメーション」で告知されていて、それを普段よりしっかり目を通しているFC2ブロガーさんは「既に対応済み」の筈のことなんですよ(笑)
それをそのまま放置で「SSL設定」すると、カウンターやそれぞれのサービスが表示出来なくなってしまいます。
先にSSL設定して「あれれ? FC2カウンターが表示されなくなったぞ!」なんてのは、これが原因です(笑)
またこのようなことが原因でも [ 保護された通信 ] が表示されなくなってしまいます。


【重要なお知らせ】 FC2サービスのSSL化につきまして - FC2総合インフォメーション

 平素は、FC2(fc2.com)をご利用いただき、誠にありがとうございます。2015年12月18日にGoogleの公式ウェブマスターブログで「HTTPSページが優先的にインデックスに登録されるようになる」という旨のアナウンスが行われました。...




さて、ここまでの対処で大抵は [ 保護された通信 ] https:// が表示されるようになるのですが、それでもダメな場合には、今度は記事内容を疑うことになります。


原因、その3  記事内にランキングバナーを貼り付けておりませんか?


サイドバーではなくて、よく記事内にブログランキングのバナーを貼り付けている人がおります。
要は


2017-10-03-shufu.gif  2017-10-03-b_03.gif


こんな感じのバナーを(笑)
左側のは「にほんブログ村」のランキングバナーですが、同サービスは既にSSL化されたランキングサービスですから、まだ古い http:// のURLのままだったら https:// に修正しましょう。

右側はご存じ(笑)FC2ブログランキングのバナーですよね。
ところが、実はFC2ブログランキングは未だSSL未対応の様子ですよ (_ _)ノ彡_☆バンバン!!
なにやってるんでしょうねぇ、FC2運営さんは(爆)
でも実は、FC2ブログランキングバナーをコピーして、それをブログ管理ページの「ファイルアップロード」からアップロードして、それで得られるバナー画像用の https:// のURLに書き換えてあげれば、なんとSSLとして通ってしまうから笑えます(笑)

さて、もうこのような対応であなたのブログに [ 保護された通信 ] https:// のように表示されるようになるんですが、それでもそうならなかったら、、、。
もう、記事の中のHTML記述を個別に調べるしかありませんね~。

管理ページで「SSL設定」しても、あなたのブログ記事内に貼ってある画像等のURLのHTMLソースが https:// に自動変換されずに http:// のように旧のままになっている部分もけっこうあるんです。
その場合には https:// と「記事の編集欄」で手動で修正するしかありません。


原因、その4 混在コンテンツはGoogleChromeのデベロッパーツールで1発で見つけられます


「デベロッパーツール」だなんて、何やらとても難しそうな語句が出てきちゃいましたね(笑)
何のことはない、GoogleChromeに機能的に内蔵している「開発者ツール」のことでして、簡単に言えば、まだSSL化が未完成なあなたのブログの中に潜んでいる「混在コンテンツ」を1発で見つけることが出来るツールなんです。
使い方は、あなたのブログをGoogleChromeで開いて、キーボードの F12 をクリックするだけなんです(笑)

そうするとブログ画面の右側に




[ この画像はGoogleChromeデベロッパーツールの紹介ページでのサンプルです ]

こんな画面が展開するんですが、よく見ると赤い表示や黄色の表示部分に「 Mixed Content 」が見られて、目で追って行くと、 http:// の非SSLな要素が見つかります。
それがあなたのブログが   保護された通信 |https:// の表示にならない原因となっている箇所なんです。
ですから、それらのサービスがほんとに未だ非SSLなサービスなのかをあなた自身で確認して修正する必要があるんです。
この時期に未だに非SSLなサービスでしたら、スッパリとブログから外したり、SSLな代替サービスと入れ替えたりすれば良いのです。


原因、その5 でもほんとはですね(笑)


「SSL設定」の前に、利用しているブログのテンプレートを「レスポンシブテンプレート」で、かつ「記事要約タイプ=グリッドタイプとも言う」に変更してからの方がSSL化はほんとは楽なんですよ(笑)

「記事要約タイプ=グリッドタイプとも言う」と言うのは、いま弊ブログで利用しています


2017-09-22-webtec-ssl800-ss.png


このように、記事欄が「抜粋表示」のグループになっているもののことです。
このタイプだと、記事のタイトルや、記事の一部だけ抜粋表示されますから、記事下部に貼ったランキングバナー等の画像は除外されて表示されるものですから、ブログトップページでは記事内の不具合原因がなくなるんです。
つまりは「サイドバーの不具合」だけになりますから、当然問題箇所の発見と修正がだいぶ楽になると言うことです。

ブログのトップページにアクセスしたら、記事ページがそのまま開くタイプだと、記事内に上記のようなSSL化されてないランキングバナーが貼ってあった場合には、そこにも不具合がある為に、サイドバーの修正が終わっても、まだ [ 保護された通信 ] が表示されないと言うことが起こりえますので、さらに原因が分かりにくくなってしまうのです。

レスポンシブテンプレートについては、弊ブログのカテゴリ『 レスポンシブ 』にも複数の記事を書いてありますから、左記リンクをクリックしてご参照ください。

そうそう、何故「レスポンシブテンプレートにするのが良いか」なんですが、もう1つの素晴らしい理由もあるんです。
PC用のテンプレート1つで、そのまま同じデザインのブログがスマホやタブレットからの閲覧でも表示出来るのです。
旧来の古いテンプレートですと「PC用テンプレート」と「スマホ用テンプレート」の二部構成で、1つのブログを閲覧者に見せると言うことですから「スマホ用のテンプレートもSSL化の修正が必要になる」と言うことなんですよ~ δ(⌒~⌒ι)とほほ...
つまりは2倍の苦労をしなくては、完全にSSL化対応出来ないと言うことなんです。

レスポンシブテンプレートでのブログ運営なら、PC用テンプレート1つで済んでしまうんです(笑)

この件については、次回記事にもっと明記することにします。


完全SSL化に向けて、頑張りましょう♪



関連記事
ぼっちん

Comments 13

There are no comments yet.

ポンデリン子  

ぼっちんさぁ~ん・・・泣
助けて下さぁ~い・・・泣

また真夜中のメッセージになってしまいましたが、あれこれやってもどうにもならないのでヘルプですぅ~
今日、PCを夜になって初めて開いたのですがぁ
FC2ブログを開こうとすると、今まですんなりログイン出来てたのが、IDだのパスワードだの入れろと画面に出てきました。
それでIDもパスワードも入れてログインしようとするのですが、「間違っています・・」とか、意味解らないメッセージが出てきて
全くログインできないのですぅ・・

っで、ログインが出来ない場合・・って下にあったので、そこをクリックして読んでみました。
ナントカ環境が最新版ではないのでは?とか、読んでも意味不明な事ばかり書かれていて
Googlechromeの設定から、ここにチェックを入れろと指示がある画面を見てもチェックは入っているし
どぉやっていいのかもぉお手上げですぅ・・

Googlechromeに変えた事で、URLが変わったって事ですかぁ?
FC2ぶろぐの画面を開こうとすると、例の「保護された通信」って最初に出てきます。
でも自分のブログなのに開く事が出来ませぇ~ん・・・
あれこれ検索して読んで見ても、もぉ私のキャパでは限界ですぅ・・
どうすればいいのでしょうか?
全て元に戻してしまえば使えるのかも知れないですけど、折角進歩しようとしてるのに、それは気が重くて・・

こんな場合は、何処をどぉチェックすればログイン出来る様になるのでしょうか??
助けて下さぁ~い・・・号泣

ここへ訪問するのも、ブログが開かないので訪問出来ないと思ったのですが
単純にGooglechromeに「FC2ブログ ぼっちん」と入れたら出てきました・・
このブログが神様の様に見えましたよぉ~
自分で勉強しなさいと言われていますが、これは私にはどうしようも出来なくて・・・
アドバイス下さい・・
開けないので、また明日になったらこの返信があると信じて訪問させて頂きます・・
どうか、宜しくお願いします・・
あぁ~今夜は眠れそうにない・・・トホホ・・

2017/10/05 (Thu) 00:50

ぼっちん  

リン子さ~~~ん♪

リン子さん、おはようございます ^^

えっえっ? 仰ってることを察すると「自分のブログの管理ページ」にログイン出来なくなってしまったってことなんですね?
もしそうでしたら「入力したIDかパスワードが単純に間違えている」ことが一番最初に考えられますよ。

今まではリン子さんは「IE」だけでインターネットしてたから、管理ページへのログインもIEでのみやって来てましたから、まだGoogleChromeからはログインってしたことがなかったでしょ?
だからGoogleChromeのキャッシュやクッキー(お菓子のクッキーじゃないんですけどね)という「記憶回路」にリン子さんのIDやパスワードが記憶されてない為に、初めてGoogleChromeでログインしようとした時に、間違えてIDやパスワードを入力してしまう場合がありえます。
だから、ログイン画面にいきなりそれを入力するのではなくて、Windowsの「メモ帳」などに、正しくIDとパスワードを一度書き出して、ログイン画面にそれを「コピペ」して入力するんです。
コピペする時に、その文字列の後ろ側に余分なスペースが入らないようにコピペしてくださいね。
余分なスペースが入ったりすると、間違えたIDやパスワードと受け取られてしまいますから。

それか、今まで通りにとりあえず「IE」でログインするとか。

そうすればちゃんとログイン出来る筈ですよ ヽ(^^ ) ヨシヨシ
焦っちゃだめ(笑) 心落ち着けてやってみてくださいね。

Googlechromeに変えた事で、URLが変わったって事ですかぁ?
いいえ、それは全くなんの関係も無いことですよ(笑)

FC2ぶろぐの画面を開こうとすると、例の「保護された通信」って最初に出てきます。
それは当たりまえです(笑) だってFC2はもうSSLになってるんですから うんうん(^-^)

とにかく、先ほど書いた「メモ帳」方式でログインを試してみてくださいね~。
落ち着いて、落ち着いて~~~ e(^。^)g_ファイト!!

********** 追記します *********

あのですね、リン子さん

FC2のログインって実は2つあるんです。
もしかして、そこから間違えてるのかもしれませんよ。
その2種類のログインってログイン時のURL(アドレス)そのものから違いがあります。

① FC2IDへのログイン
https://fc2.com/login.php

② ブログ管理画面へログイン
https://fc2.com/login.php?ref=blog

このように違いがあります。
①はリン子さんが初めてFC2ブログを作ろうとした時に取得した「FC2ID」です。
②は、単純にFC2ブログの管理画面にログインする時です。

だから、今回は単純に②のURLの
https://fc2.com/login.php?ref=blog
このアドレスにクリックして、そこにリン子さんの普段の管理画面へのログインIDとパスワードを入れてください。

そして②の方法でログイン出来て、なお 「定期的なパスワード変更のご案内」 こんな画面が開いたら
一番下にある「スキップ >>」の文字列をクリックしてください。

もしかして①のURLが表示されてて、そこに一生懸命ブログ管理IDとパスワードを入力しようとしてるんじゃないでしょうか?
落ち着いて落ち着いて~~~♪ ヽ(^^ ) ヨシヨシ

2017/10/05 (Thu) 07:39

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/10/05 (Thu) 12:23

ぼっちん  

鍵コメNさんへ

コメントをありがとうございます ^^

完全SSL化、おめでとうございます ^^
ハーイ(^O^")/ カウンターも無事に表示出来ましたね~ 私も(^。^;)ホッとしました(笑)

また覗かせて戴きますね~ ('◇')ゞラジャ~

2017/10/05 (Thu) 15:53

ポンデリン子  

ぼっちんさん、大変ご迷惑おかけ致しました・・
前コメントの後、色々とやってはみたものの、全く何も進歩できずとぉとぉ諦めてFC2へ問い合わせしました。

っで、返事が来て「秘密の質問」で本人確認後、パスワードを変更する様にと指示が届き
たった今、言う通りに済ませてやっと自分のブログが開けました・・
もぉヘトヘトに疲れてしまいました・・

何度も何度もスキルの低い私にお付き合い頂き、本当に有難うございました・・。
脳みそがグツグツ言ってるみたいですぅ・・
とにかく、ブログが開けた事でもぉ今日は満足ですぅ~
お礼コメントに訪問した次第です・・。
また次のステップもあるのでしょうけど、今日は頭を休めますぅ・・・
こんな事など、スラスラやっているぼっちんさんを大尊敬しますぅ~v-435
では、また訪問させて頂きますねぇ~・・有難うございましたぁ☆彡

2017/10/05 (Thu) 18:00

ぼっちん  

リン子さんへ

なるほど~ FC2サポートに問い合わせて、パスワード変更してログイン出来るようになったんですね~♪
や~ 良かったですねぇ うんうん(^-^)

でも、リン子さんの「問い合わせ方が的確だった」から、短時間に解決したってことなんですよ。
リン子さん、盛んにご自分を「スキルが低い」なんて言うけど、スキルがほんとに低かったら(笑)まともにサポートさんに問題表現が出来なくて、何往復もサポートさんを手こずらせてしまう筈なんですから(笑)

また次のステップもあるのでしょうけど、今日は頭を休めますぅ・・・
うんうん(^-^) とっても気疲れしちゃったでしょうから、今夜はゆっくりしてくださいね~ ヽ(^^ ) ヨシヨシ
ほんとにお疲れ様でした~♪

2017/10/05 (Thu) 20:10

madameゆか  

。。。頑張ります、、、

以前コメントをいただき、SSL化。。。一度トライしてみましたが
【おきてがみ】が使えなかったり。。。そのほかつかえないものもあったり。。。
それらを外しても【保護された…】の表示が出ない原因がわからず( 一一)
断念してまた元に戻してしまいました(;^_^A

そして本日の私のブログにぼっちんさまのSSL化のページをリンクさせていただきました
事後報告になり申し訳ありません
不都合がありましたらご連絡くださいませ

SSL化に向け頑張ります。。。頼りにしています
今後ともよろしくお願いいたします(*^^*)

2017/12/14 (Thu) 20:19

ぼっちん  

madameゆかさんへ

madameゆかさん、こちらへの初コメントをありがとうございます ^^

以前コメントをいただき、SSL化。。。一度トライしてみましたが
【おきてがみ】が使えなかったり。。。そのほかつかえないものもあったり。。。

おやおや、そうでしたかぁ (^^;; アセアセ

そして本日の私のブログにぼっちんさまのSSL化のページをリンクさせていただきました
事後報告になり申し訳ありません
不都合がありましたらご連絡くださいませ

ハーイ(^O^")/ SSL関連記事をいっぱい読んでくださってたご様子ですね~ うんうん(^-^)
弊ブログは基本的にリンクフリーですから、不都合だなんてまったくありませんから気になさらなくて良いんですよ~ (^_^)ニコニコ 

SSL化に向け頑張ります。。。頼りにしています
今後ともよろしくお願いいたします(*^^*)

お邪魔でなければ(笑)微力ながらもmadameゆかさんのブログのSSL化へのお手伝いもさせて戴きますから、遠慮なく仰ってくださいね(笑)

2017/12/15 (Fri) 08:11

madameゆか  

教えてくださいませ

ぼっちんさま。。。教えてくださいませ~
SSL化にトライしました
・・・が
【保護された通信】とならなかったため
ぼっちんさまのご指示通り
プラグインをすべて外し一つづつ【表示】にかえました
・・・ら
どうやら私のプロフィール画像が原因のようです(^-^;
どの様に対処したらよろしいでしょうか???

あと一息ですよね。。。ね

2018/01/22 (Mon) 23:17

madameゆか  

お騒がせいたしました

ぼっちんさま。。。
お騒がせいたしました
念願の【保護された通信】が表示されました~!(^^)!

プロフィール内の絵文字が原因でした(^-^;
httpにsをくっつけたら。。。できましたぁ~(←本当にこれでよかったのか?!)
ありがとうございました(*^^*)

2018/01/22 (Mon) 23:51

ぼっちん  

To madameゆかさん

madameゆかさん、おはようございます~ ^^

や~ とうとうやりましたねぇ「SSL化」の完成、おめでとうございます ヽ(^^ ) ヨシヨシ
いまブログ拝見しましたよ~ (^-^)//""パチパチパチ~♪

ずっと自己努力を続けてこられてたお姿拝見してましたよ~ うんうん(^-^)
「おきてがみ」の利用が出来なくなっちゃったことは残念でしょうけど、サービス提供している方も、もうメール問い合わせしても返信がないし、新規登録すら受け付けられない(エラーになる)状態ですから、これからSSL化を図る意思がないみたいですしね (^^;; アセアセ

お時間がある時に、madameゆかさんの「私の場合はこうしたらSSL化出来た」というような記事を書かれたら、お友達リンクのみなさんのとても心強い参考になることでしょう(笑)
期待してま~す(笑)

2018/01/23 (Tue) 07:23

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2018/09/13 (Thu) 10:42
ぼっちん

ぼっちん  

To 鍵コメさん

うんうん(^-^) Chromeのデベロッパーツール、是非に使い倒して下さいね~(笑)
もうね、様々な機能が備わってますからね~。
使いようによってはブログ内のCSSなんかも直接編集出来ちゃいますから(爆)
使い方はネット検索して下さいな (≧ω≦。)プププ

そうそう、今はしっかり鍵コメも表示されるようになってましたね ヽ(^^ ) ヨシヨシ

2018/09/13 (Thu) 11:34

Leave a reply