戯れ言葉

超簡単 FC2ブログのSSL化作業手順

カテゴリ: FC2ブログSSL化
タグ:

下記のAkira氏のブログの注意喚起の記事を強くお勧め。
【注意喚起】SSL化の件を放置して泣くのは自分 

FC2ブログのSSL化が可能になりました。
SSL化の作業手順は簡単です。
また、何か支障があれば非SSL化にすぐに戻せます。
解りやすく書いてくれへんと
解らへん
という要望があったので
記事にします。

私の環境は Windows7 Firefox です。
マウスの操作がMACだと違うかも
ごめんなさい。
あとスマホやタブレットでの操作も
操作の方法は判らないです m(_ _)m

PCでFirefoxやChromeではこのページを新しいウィンドウで開くとか
新しいウィンドウへ移動で見るとかすると
操作がやりやすいです。

まず、FC2ブログの管理画面で

右上方にある 環境設定 を左クリック(選択)します。
すると下記のような画面になります。


この画面上で
ブログの設定 という項目にマウスを持って行くと
メニューが下へ展開されます。
(クリックすると最下段の追加設定の欄)

このプルダウンメニュー上のSSL設定を左クリック。
下記のような画面になります。

SSL という項目の右側の窓に無効と言う表示が出てると思います。

この右側のドロップダウンボタン  を押し
有効を選びます。

次に 更新する を左クリック
下記画面になるので

OK をクリックすると
おもむろに元の画面に戻ります。

左サイドのメニューの  ホーム から
ブログの確認 をクリックして自ブログを確認してみます。


上図の赤枠で囲まれた部分:アドレスバーのURLがhttpsになり
緑の鍵マーク  が出ていればOKです。

ちなみにChromeでは下図のような表示になります。

こう表示されればOKです。

(注)2019 11 :Chromeクローム78 では下図の様に
スキーム(https://)が省略され
「保護された通信」という言葉もなくなっています。

Windows7上のIE11ではSSL化前と表示は変わらず
SSL化の特別な表示は出ません。

Microsoft Edgeは、鍵マークが出てます。

私のSSL化前のURLは
http://blgid1974.blog13.fc2.com/
ですが
新しいURLは
https://blgid1974.blog.fc2.com/
となってます。
httphttpsになった以外に
.blog13..blog.と数字がなくなっています。
もともとこの部分に数字がない人のURLは
変化していないはずです。

過去記事をできるだけ多く表示させて
アドレスバーを各個で確認します。

[ 下記のようだとまだダメ ]

ところが
ここで、もし下記のような表示になれば
混在コンテンツ(混合コンテンツ)と言って
SSL化できてないものがブログ中に含まれており
改善しなければなりません。
非SSL化に戻すのではなく
非対応のものを直していくのが正道です。


Firefoxの場合はこう表示される。
鍵マークに黄色の!マークが付いている時。


Chromeの場合はこう表示される。
この様に鍵マーク  が表示されない時は
混在コンテンツ(混合コンテンツ)が含まれており
治しておかなければなりません。

(注)2019 11
Chrome81では混在コンテンツは
ブロックすると発表されました。

私の下記記事は混在コンテンツが含まれた記事で
アドレスバーにどう表示されるかを確認してみて下さい。
FC2ブログのSSL化でChromeの警告を見てみる 
SSL化されてないFC2のランキングバナーが
記事中に含まれています。
警告のアイコンなりが出ているはずです

SSL化に対応していないものの多くは
他所のサーバーに置かれた画像を直接表示しているもの。
(ダウンロードしてFC2のアップロードし直したものは別)
アフィリの広告リンクとかの古いものは
殆どが引っかかりました。

FC2ブログランキングのバナーも昔貼付けたものは
新たにSSL化されたバナーを貼直す必要があります。
同じ理由でにほんブログ村のランキングバナーも
SSL化されたあと貼付直ししていないと引っかかります。
新しいバナーのタグを取得して貼付け直してください。

2017 10 26 追記
このほかに script の不適合による不具合があります。
これはchromeで見てみるのが判りやすい。

URL欄の右端にこんな表示が出た時はscriptをチェック。
それはテンプレのHTMLかも知れないし
プラグインかも知れない
この場合は導入先を確認して
SSL対応になったものが出てないかを確認する。
FC2のプラグインの場合は諦めるしか無いと思います。
ただJSがテンプレと重複してないかのチェックでなおるかも

最後に
これらの混在コンテンツ(混合コンテンツ)を
ほぼ全ての記事で解消できたら

環境設定のSSL設定で
転送設定を301(恒久的な転送)を選択し
「更新する」をクリックします。

参考サイト
The other way round:AOSSL 

Comments 7

There are no comments yet.

金  

こんにちわ!

お忙しい中、御丁寧に有難うございましたm(_ _)m
今、早速操作致したんですが、今の所変化無しです~~(>_<)
説明では、少しお時間掛かります・・・とありましたので
少し様子見してみますね。

ホンマに有難うございました(*^▽^*)


※・・追伸
変化無かったら、又お伺いしますね。

2017/10/19 (Thu) 13:38 | 返信を書く |   

金  

あ!

今、見たら
https://chibisann2.blog.fc2.com/
こんなになってました。
でも🔓マークは出て居ません
丸の中にiが 入ってるマークが出ています

2017/10/19 (Thu) 13:41 | 返信を書く |   

金  

えへへへ(;''∀'')

金・・・Chromeでしたわ!

ごめんなさいでした。
成功の様ですね(*^-^*)

2017/10/19 (Thu) 13:46 | 返信を書く |   

hige  

金さんへ

ブログの設定はできましたね。
でも、Chrome での鍵マークが出てません。
もう一作業を。
詳細はそちらのブログに書きます。

2017/10/19 (Thu) 14:45 | 返信を書く |   

金  

有難うございました(´∀`*)

🔓マークが出ましたし

脱退したかった「ブログランキング」のマークも消えました

御手数お掛け致しました。    イエ~~~!出来ちゃった(*^^)v

2017/10/19 (Thu) 17:04 | 返信を書く |   

hige  

金さんへ できましたね

できましたね。
こちらの記事の書き方がヘタッピーでちょっと誤解される書き方だったのかもと、
記事を色々追加修正しました。

あと、金さんの場合は
環境設定
→ブログ設定
→SSL設定で
転送設定の 302(一時的な転送) を
301(恒久的な転送)にして更新してください。
これで完璧です。

私に301の事は聞かないでくださいね。

2017/10/19 (Thu) 18:01 | 返信を書く |   

金  

了解!

金もこの数字気になって居ったのですが

了解いたしました「301」に訂正いたしました

「ブログランキング」は、金には不要かな?って感じたし

何か、意味も感じないので「脱退」してよかったです

画面から消えて呉れてサッパリしました(*´▽`*)

脱退出来てるのかどうかは判りませんが

画面上にあの「ブログランキング」マークが消えた事に感謝です(^^♪

2017/10/19 (Thu) 19:36 | 返信を書く |   

Leave a reply
コメントをどうぞ

ブログやホームページのURLをどうぞ

パスワードを入力すると投稿後、訂正・削除が出来ます