SSブログ
ソネットブログで常時SSL化を適用させるコツ

ソネットブログで常時SSL化を適用させるコツ [WEB ネット関係]

あくまでもふわふわ対策なのです(笑)


nissinIMGL0857_TP_V.jpg

今回はブログを持つ方の頭を悩ませている・・・『ソネットブログで常時SSL化を適用させるコツ』!!

そうは言っても『ブログのSSL化』って一般的なブログならソネットさんが自動で変更を適用してくれてるし・・・

『WORD PRESS』でブログを作成してる方ならば、適応するプラグインを導入すれば一括変換できちゃうので全く実害がないよね??

なのでそのままでも全く問題が出ないケースもあるのだけど・・・

でもね、私たちのように『無料ソネットブログ』をデフォルトのまま使用してて・・・

記事中に写真やイラストの添付、アマゾンなどのリンクをおススメ商品のイメージ代わりに使用してると・・・

ソネットさんの自動SSL化だけでは対応できず、かといって対応するプラグインが無いが故にページがSSL化されずに問題が発生するケースがあるのが悩ましいって事なのです(泣)

そんな感じで私たちのブログには問題が多々発生していたので昨年から暇を見つけては色々と対応してきたんだけど・・・

ようやくソネットブログのSSL化への全ての対応策を見つけたので、今回はそれを一気に紹介しちゃおって思うのです!!

って、言いながらも・・・

先日、ようやく全ての答えを見つけたので、私たちの過去記事全てに対策を施しきれていないのが現状で・・・

未だにかなりの過去記事がSSL未対応のままだったり(泣)

なので記事毎に下記、対策を手作業で施していかないといけないので・・・正直、泣いちゃうぞってな感じ!!

そんな感じで今回は困っているであろう皆さんに向けて、SSL化対策を紹介するんだけど・・・

バージョンやブラウザ等の違いによっては不具合が起こる可能性も有るので・・・

この記事での対策手法はあくまでも参考例として捉えるようにしてもらって・・・

全ては自己責任で行うようにしてねって強くお願いしちゃうぞ!!

それで言い忘れてたけど・・・

本日、2019年2月5日現在『MS Internet Explorer 11』だと『ソネットブログ管理画面』にログインできなくなってる!!

でも『MS Edge』や『Google Chrome』を使用すればログインできるので焦らずに試してみてね??

って、追記で・・・2月8日現在、ソネットサポートさんの丁寧なご指導のお陰で治ったぞっ(嬉)

でも申し訳なかったのは・・・実はソネットさん側の問題ではなくて・・・

私のPCのブラウザ『MS IE 11』に問題が発生してたみたい(泣)

なのでソネットさん・・・私的な問題だったのにお手数をお掛けしちゃって本当にごめんなさい!!

なので対策として『IE 11』をアンインストールして、再インストールしたら・・・

ログインできるようになっちゃいましたっ!!

この事に気が付けたのは親切丁寧に教えてくださったサポートさんのお陰で・・・

いやぁ・・・ホント・・・ソネットさんって本当に素晴らしい企業だよねって絶賛しちゃうぞっ!!

ではそんなふわふわな感じのまま・・・行っちゃうぞって事なのです(笑)

 



まずは・・・SSL化ってなあに??


まずは『SSL化ってなあに?』から始めないといけないんだけど・・・

これって超面倒くさいので簡単に言っちゃうと・・・

『サイトに鍵をかけて閲覧者の情報が漏れないようにすること』ってな事らしい!!

でもこれだけでは余りに端折りすぎなのでちょいと詳しく言うと・・・

『SSL化とは常時SSL化の事で”SSLサーバー証明書”を利用することでSSLを常時適用し、閲覧時の通信を暗号化する技術』の事なんです!!

このメリットは・・・『閲覧者の個人情報を守れる事』!!

なので現在、私たちが見れるほぼ全てのサイトは『常時SSL化』されてるのが現状で・・・

その『SSL化』されてるかどうかの目安になるのが・・・アドレスバーの右にある『鍵マーク』だったりするのです!!

そんな世の中の風潮に合わせてソネットさんも2018年6月に常時SSL化を採用し、私たちのブログも自動でSSL化適用となったのだけど・・・

残念だったのは・・・自動でSSL化適用となったのは6月以降の新記事と文章とイメージだけで構成された過去記事の一部のみで・・・

大半の過去記事が『SSL化未対応』になってしまっているのが痛すぎるって事なのです(泣)

そんな感じで『SSL化対応』しているか否かの確認は・・・

下記イメージのようにURLバーの横に鍵マークがついてるかで判断できるのでみんなも確かめてみてね!!

【MS Internet Explorer 11の場合】

鍵マーク.PNG

【Google Chrome の場合】

クロームの場合.PNG

とりあえずこんな感じで簡単に説明したら・・・いよいよSSL化適用する場合のコツなのです!!





ソネットブログ:SSL化のコツ!!


ソネットブログって非常に優秀で・・・ほぼ大半のSSL化は自動で行ってくれてるのが嬉しい!!

でも上記『鍵マーク』がどうしても出ない記事もあると思うので・・・

あくまでも私の場合のケースだけど、その対処法を書いていきたいと思うのです!!

それで対処法なんだけど記事作成画面では完了せず・・・

『ソースコード』をいじることになるので慣れないうちはHTMLに詳しい人にやってもらうか・・・

万が一、消えちゃっても構わない記事で試してみてから行うようにしてね??

そんな恐ろしい『ソースコード』の出し方は記事作成画面の右上にある『<>』ボタンを押せば出てくるのです!!

1‗貼り付け.PNG

そんな感じでちょいと脅かしてからの・・・SSL化されない問題点のあぶり出しなのです(笑)

【ブログ記事がSSL化されない場合の問題箇所】

1、記事内のリンクURLへの追記

『http』に『s』を付けて『https』に変更する


2、添付写真(イメージ)のURLへの追記

*注意:これは写真をソネットに登録してある場合は自動で行ってくれてるので問題ないぞ!!

同じく『http』に『s』を付けて『https』に変更する

又は『http://www.』を『/_』に変更する事でも可能だが、リンク先によっては読み込めない場合もあるかもね??


3、Youtubeなどの動画URLへの追記

同じく『http』に『s』を付けて『https』に変更、もしくは新たにリンクを持ってくる

Youtubeリンクの貼り方は 『Youtube動画をソネットブログに貼り付ける方法』で紹介してるぞ!!


4、Amazonリンクなどの変更

同じく『http』に『s』を付けて『https』に変更する

『src="https://images-fe.ssl-images-amazon.com/images/I/〇〇_.jpg』の・・・
http://ecx.images-amazon.』を・・・
https://images-fe.ssl-images-amazon.com/images/I/〇〇_.jpg』に変更する

変更が面倒くさい場合は新たにリンクを貼り直すことでも対処可能!!

実は1番から3番まではネットでググればいくらでも対処法が出てきたので簡単に対処できたのだけど・・・

問題は4番のソネットブログ標準装備のアマゾンリンクへの対処法で・・・

これだけはいくら『https』に変更しても『SSL化がされない』って事態に陥ったのでスッゴク悩んだのです(泣)

なので面倒くさくなったので自棄を起こして自前の写真をアップしてやろうかとも思ったけども・・・

私たちのブログって課金されない『無料ブログ』であるが故に圧倒的に容量がたりないのでそれもできず・・・

ならばとアマゾンリンクを全部、貼り直してやろうかとも思ったけどもアマゾンって商品サイクルが早いので・・・

お目当てのグッズが無くてイメージを添付できないってなどん詰まりの状況に陥っちゃったのです(泣)

だってイメージが無く、日々変動する価格も分からない、文字だらけの面倒くさい記事になってしまったら・・・

『これってスッゴク良いので是非、みんなも試してみてね』って、いくら言っても・・・

わざわざ読んでくれてるのにまったく伝わらないってな悲しい事態にもなっちゃうでしょ??

なのでイメージは必須ってな感じで色々調べてたら調査の一環で・・・

新しいアマゾンリンクと古いリンクの違いにふと気がついて・・・

試しに変更してみたらできちゃった的なふわふわだったりするのです(笑)




実際のサンプルを使用してやってみたぞ!!

そんな感じなんだけど実際の例を用いて直に説明しないと分かりにくいよね??

なのでここからは実際にサンプルを用いて説明しちゃうのです!!

例えば前文で挙げた『真冬のシーバス釣りにライトゲームロッドをおススメする理由』のソースと照らし合わせてみると以下の問題が発生していることが判明するのです!!

【例:記事内の問題個所】

1、NG: 記事内のリンクURLが『https』になっていなかった

『http』を『https』に追記変更した

2、OK: 添付写真(イメージ)のURLは自動で対応していた

ソネットのアーカイブを使用しているので『http://www.』が『/_』に自動変換されていた

3、OK: Youtubeなどの動画URL

この記事内には動画を添付していないので対象外

そして残りは厄介な『アマゾンリンク』!!

このリンクって前述したようにイメージが欲しいだけなので・・・

過去記事作成時に残ってるアマゾンの商品イメージをそのまま残したいってのが最重要要件って事!!

ならば違いはなんだろってな感じで『アマゾンソースコード』を確認してみるとこんな感じ!!

Amazonソース.PNG

これは例として挙げた過去記事内でイメージとして添付したロッドのアマゾンリンクなんだけど・・・

こうしてみるとURLが『http』のままで『https』になっていないよね??

なので・・・

4、NG: Amazonリンクの変更

『http』に『s』を付けて『https』に変更した

それからの一番厄介な・・・アマゾンソース(SRC)のイメージ参照先のコードを変更!!

『src="https://images-fe.ssl-images-amazon.com/images/I/〇〇_.jpg』の・・・
http://ecx.images-amazon.』を・・・ 
https://images-fe.ssl-images-amazon.com/images/I/〇〇_.jpg』に変更した

このように修正すると・・・ほら・・・『鍵マーク』が出てきたでしょ??

クローム 修正後.PNG

あっ、因みにアマゾンリンクだけど・・・

『SRC』以外の箇所は別に無理に『https』に変更せず、『http』のままでも『鍵付きサイト』になるけど・・・

でもね・・・いつ何時、SSL的にNGになってしまうかもしれないので、この際、変更しちゃってるのが現状!!

まあ、こんな感じで『SSL化対策』の説明は終了ってな感じになるのです・・・

って・・・これから全ての過去記事を個々に手打ちで改訂していかないといけないなんて・・・

ホント・・・面倒くさっ・・・てな感じなのですっ(笑)




【ブログ作成のコツ】

無料で英語のサイトを自動的に日本語に翻訳する方法

ソネットブログのドメインが変更になるぞってお話し

ソネットブログで常時SSL化を適用させるコツ

過去記事コメントのステータスを後から簡単に変更する方法

Youtube動画をソネットブログに貼り付ける方法

許可されていない属性が HTML タグ「span」にあります

超可愛い 河村友歌さんとブログ構成パーツのご紹介




今回はこれでおしまい!!

うんうん・・・超面倒くさかったでしょ??

まあ・・・私たちの過去記事なんて別に直さなくてもいいんだけど・・・

でも放っておくのも気持ち悪いのでってな感じなのです(笑)

そんな同じ気持ちを持っちゃう方向けに・・・少しでも参考になればってな感じで・・・

みなさん、ごきげんよぉーって事なのです!!





Pyonko & Mu From Tokyoでしたぁーっ!!

 

タグ:ブログ
nice!(37)  コメント(6) 
共通テーマ:パソコン・インターネット

nice! 37

コメント 6

いっぷく

たしかに手間がかかりますね。
So-netのドメイン自体、グーグルの評価は下がっているようですし、
直したところで対して変わらないかなと思い、未対応マークが出ても
放置しております。
by いっぷく (2019-02-06 03:59) 

むうぴょんこ

いっぷくさん、お久しぶりです!!
うんうん・・・すっごく手間がかかるので・・・ホント泣きそう(泣)
でも放置すると余計に気持ち悪いので・・・これからも手打ちで頑張ります!!
それでソネットドメイン・・・確かにGoogleの評価が下がってるみたいだね・・・
これって未確認のあくまでも噂なんだけども・・・
昔からメジャーなソネットって歴史がある分、ドメインに非SSL記事が非常に多いのでGoogleに嫌われたって話を聞いたことがあって・・・
なので対策しなきゃって思ったのもあったり??
うーん・・・ホントのところはどうなんだろ・・・
正直、分かんないけど・・・やれることはしよって感じでこれからもがんばろって思ってるのです(笑)
by むうぴょんこ (2019-02-06 12:05) 

むうぴょんこ

因みに・・・2019年2月7日9時現在・・・
未だにMS IE11ではソネットブログの管理画面に入れない状態が続いてる(泣)
一応、ソネットさんには問い合わせを出したけど・・・
ネットではそんな話は出ていないので・・・
これってもしかして私だけの問題なのかなってちょいと不安に思ってたりして??
あはは・・・クマったもんだ!!
by むうぴょんこ (2019-02-07 09:21) 

marimo

私もずっとブラウザはIEを使っていましたが、調子が悪くなり
年末くらいにchoromeに変えました。
そんなことになっているんですね。
・・・SSLって、私が例えばアマゾンで何か買い物をしたらその情報が
残ってずっと広告が表示され私以外の方が見たときも同じ広告が出てる?
ってことでしょうか?
間違っていたらごめんなさい。 何を買ったかってレアな個人情報ですよね(笑
by marimo (2019-02-07 11:27) 

むうぴょんこ

専門家ではないので釈迦に説法かもしれないし、間違ってるかもしれないけど私の認識では・・・
うんうん・・・マクロ的な解釈ではMarimoさんの認識であってると思うよっ!!

何故、自分が見てる無関係のサイトで特定の広告が配信されるのか??

それって『行動ターゲティング型広告』と呼ばれる企業が行う配信方法であり、その用法上、重要なのがクッキーだったりするのです!!

なのでちょいと詳しくクッキーとは何ぞやって言っちゃうと・・・

アマゾンや楽天、Yahooなどで何かを探したとか・・・
あるいは実際に買った際にサイトとローカルPCに残るクッキー(Cookie)と呼ばれる利用者に割り当てられるユニーク(固有)データの事で・・・

その固有データであるクッキーをサイトとローカルが相互にマッチングして行動ターゲティング型広告に用いるってな感じだと思ってるかもね??

でね、安心して欲しいのはあくまでもそのユニークデータとは何時何分にアクセスしたAという端末とサイトに割り当てられるデータなだけで・・・

言うなればコンサート会場の席番号的な感じで・・・
ある特定期間(曖昧だけど確かアマゾンだと2日間のみ)で消去されちゃうデータだったりするのです!!

そんな感じでクッキーは『IE』問わず、『Chrome』や『Edge』などでも初期設定では保存されちゃう設定なので、気になるなら『ブラウザを閉じた際は全ての履歴とクッキーを自動で消去する』で対処するのも良いかもね??

でもローカルPCに『最初からブラウザ中もクッキーを保存しない設定』にしちゃうと自分のブログに入れなくなったり、メールをみれなくなったりと弊害が多大に出るので注意したほうが良いかもよ??

それで『SSL』なんだけど・・・基本はソネットなどのプロバイダー以外は見ることができない暗号通信って事!!

でも例外があり、ネット通販を行った場合で・・・
ほら、購入した際にはクレジット番号や住所や氏名などを入力する必要があるでしょ??
それらデータが無いとそもそも売買契約が成り立たなくなっちゃう!!

なのでそれらはECサイトに渡されるんだけど・・・
クッキーだけなら個人の特定は無理だけど、これら購買時に入力したデータを盗み見られたら全ての個人情報が駄々洩れになっちゃう。

なのでそれら情報をクッキーデータを元にして相互に確認し合った後、『常時SSL化で暗号化』して『自分とそのプロバイダーや関係者にしかわからないデータに変換しちゃいましょ』ってのが『常時SSL化』なのです!!

結果、情報は保護されるので例えECサイト管理者であっても実際の取引に関わっていないと個人情報はおろか、IP等も全く見る事はできないし、調べようもないって事っ!!

そんな『SSL化』してるメリットは売買契約が発生しない普通にサイトを訪問してくれる方にもあって・・・

ほら、例えばソネットのサイト情報は『リンク元』と『人数』しか分からないでしょ??

なのであくまでもどの記事を何人の方が読んでくれたかといったあやふやな情報しか得られず・・・
結果、個人の特定なんて全く不可能なので安心して欲しいと思うのです!!

でもここで疑問が湧いたと思うけど・・・例えばブログを通してECサイトで商品を購入した場合はどうなのって思うよね??

実はそういった情報は『どの商品が何個売れたか』だけが開示されて『いつ誰が』なんてことは『基本は』分からない!!

それで何故、『基本は』と口を濁したのかって事でちょいと怖いことを言っちゃうと・・・

Amazonってセキュリティがしっかりしてるのでトラッキングは不可能でどうやってもできないらしいのだけど・・・

〇天やヤ〇ーショッ〇ングなどは『やりようによっては特定可能』って以前、詳しい人から聞いたことがあって・・・

なのでブログ開設時に彼女とよく相談した結果、私たちのサイトにはAmazonリンクしか掲載しないって決めたのです!!

そのように私たちは決意し、ブログを公開してるので・・・
私たちのブログにはアマゾンリンクが貼ってあるけど・・・
記事内で言ったように目的はあくまでもイメージを借りる為だけなので・・・
そういったデータ履歴はおろか、全てのデータを絶対に見ないようにしてるのですっ!!

でもね・・・その弊害で私たちのブログって世間の嗜好からズレた不人気ブログであり続けてる理由なのかもしれないけどねっ(泣)

そうは言っても自分が見られて嫌な事って、絶対に他人にもしたくは無いので・・・
これからも目隠ししたまま、頑張るぞって感じかな(笑)

あはは・・・かなりの長文になっちゃった!!
それなのに説明しきれてないし・・・で、ゴメンね!!

なので一応まとめとして・・・

1、行動ターゲティング広告が出る=クッキーの仕業
2、クッキーそのものは個人を特定できず、数日間しか残らない(Dou〇le〇lick などの悪質業者は除く)
3、SSLは利用者の通信を暗号化する技術
4、ネット通販を利用する場合はサイトが『常時SSL化』に対応しているかを確認する

こんな感じかな??

正直、答えになっていないけど・・・
参考になれば嬉しいな!!

ではではぁーっ!!
by むうぴょんこ (2019-02-07 13:55) 

むうぴょんこ

あっ、それで長文なのに忘れてたことがあるので追記で・・・
実はよく上記イメージを見てもらうと分かるけど私たちって『Google Search Console』や『Google Analytics』を利用してるけど・・・
それらツールを用いても個人の特定は不可能だし・・・
そもそもこれらって『私たちのブログが更新されました』ってな情報である『サイトマップ』をGoogleに知らせる為だし・・・
過去記事にも書いたけど私たちのブログに『サイトエラー』が発生していないかを知るために導入してるので・・・
うんうん・・・安心してねっ・・・って言いたかったのです(笑)
そんな便利なツールなのでもし現在使っておらず、『Google Search Console』や『Google Analytics』を導入したいって思ってたら・・・
その導入方法と基本的な使い方などを記事にするので・・・
興味があったら教えてね!!
ではではぁーっ!!
by むうぴょんこ (2019-02-07 14:17) 

コメントを書く

お名前:[必須]
URL:[必須]
コメント:
画像認証:
下の画像に表示されている文字を入力してください。