ブログ関連の話

ブログをSSL化したら、余計に怪しいサイトになった話

投稿日:2019年2月15日 更新日:

あなたのサイトURL『https』になってる”だけ”ではありませんか?

 

ブログURLをSSL化して、鍵付きにしていたのですが

ある日、突然

 

この表示が、

 

謎の『i』マークに・・・

しかもクリックすると

 

『安全には保護されていません』

『悪意あるユーザーによって』

など、おどろおどろしい文面が・・・

 

SSL化することで、

・サイトの信用性を高めてSEOが見込める

(Google先生が優良ブログと評価してくれる)

 

・「なんか俺のブログは、一味ちがうぜ」とドヤれる

 

 

という効果を求めてやっていたのに・・・

これでは、意味がないどころか逆効果。

 

 

ブログ読者は、そんなに気にしていない気もしますが

もし、誰かの共感を得られた際に、

 

たまたま『i』マークをクリックされて

「あれ、この人ウイルスにやられてね!?」

 

と勘違いされたくないので、改善しておくことにしました。

 

 

 

その備忘録と自分へのおさらいも兼ねてここに

記しておこうと思います。

 

 

 

 

SSL化ってなに?

SSL化というのは、自分のWEBサイト全体の通信を

暗号化することです。

 

企業が使っているイメージでしたが、

最近では、『SEOに影響を与える』という

点で個人のブロガーの方も多くがSSL化していってます。

 

 

SSL化する具体的なメリット

1、セキュリティ面の強化

通信を暗号化することで、

『なりすまし』

『通信内容の盗聴や改ざん』

 

が防げます。

 

『なりすまし』

SSL化しておくことは、

確かにこのサイトの運営者は私です。

 

という証明になります。

 

具体例でいうと

もし、外部リンクを貼ってもらえる機会があったときに

「あっこの人SSL化してないな。

なんかあったら嫌だからやめとこう」

 

といった事態をさけられることなどが挙げられます。

 

 

『通信内容の盗聴や改ざん』

に関しては、

クッキーの改ざんでアフィリエイト報酬を奪われたり

 

自作の決済フォームを用意している場合に

購入者のカード情報が盗まれて、信用を失ったり

 

といったことが考えられます。

 

これらを防ぐ効果がSSL化による通信の暗号化が

役に立ちます。

 

 

2、サイトの表示スピードの向上

『http/2.0』を利用する事でパフォーマンスが改善されます。
http/2.0とは、自分のサイトと借りているサーバー

とのデータのやり取りのルールみたいなものです。

(当ブログならXSERVER)

 

※詳しくはこちらのブログが参考になります。
https://blog.redbox.ne.jp/http2-cdn.html

 

 

データのやり取りがスムーズになりますので、

『ブログ記事に、画像をいくつも盛り込む』

場合に大きなメリットになります。

 

逆に重たいサイトだと読もうと思ったのに、

クリックしてから『しばらくなにも表示されない』

となると離脱理由にもなりかねません。

 

Google Chrome や Mozilla Firefox をブラウザで

このhttp/2.0を利用できるのは、SSL化したサイトだけです。

 

このブログへのアクセスも50%以上が

Google Chrome と Mozilla Firefox で

見て頂いているので、効果が得られています。

 

 

3、検索順位が上がりやすい

SSL化することは、SEOに効果があると言われています。

 

これは、Googleが公式に

HTTPSページが優先的にインデックスに登録されるようになります

と発表しています。

 

良質なブログであると、認識された方が検索順位は

上がるようですが、他のメリットも含めると

SSL化しない理由はないと言えます。

 

 

4、アクセス解析の際に正確なデータが取れる

自身のブログの解析に、Googleアナリティクスを

利用する人も多いと思います。

 

自身のブログがhttpsになっていると

訪問者の参照元が分かる『リファラ』機能に

ついて大きなメリットがあります。

 

 

例えば、URLがhttpのままだとhttpsのサイトから

訪問された場合にそのリファラ情報が分かりません

 

それは、つまり『Google検索』からの流入なのか

すら分からないということです。

Google検索は、httpsのサイトだからです。

 

 

他にも、周りがどんどんhttps化していってる

現在の流れでいうとかなり損です。

 

 

私の実例でいうと、自分の情報商材を

アフィリエイトしてもらう際に

どんなサイトから、アクセスが多いかが分かります。

 

それによって、

・そのサイトを参考にして自身のサイトの強化

・別の情報商材を作成した際にお願いする。

 

といったことが可能なので、非常に有効です。

 

 

なぜ『i』マークがでたのか

今回、私のサイトでSSL化し、URLもhttpsに

変えたにも関わらず

 

なぜ、『i』マークが出てしまい

このような表示がでてしまったのか。

 

結論から言うと、『mixed-contents』と呼ばれる

状態になっていたのが原因でした。

 

ちなみに、全ページこうなってしまっている人は

SSL化設定が不十分なまま

ウィジェットに画像を貼り付けている可能性があります。

 

 

その解決とSSL化の仕方のおさらいをしておこうと思います。

 

 

 

優しいブログの始め方。 XSERVERでWORDPRESSを始めるには?

WordPressでブログを始める方法を解説していきます。

 

SSL化するためにしたこと(XSERVER)

1、XSERVERで証明書を発行する

SSL化をするためには、実は有料のところが多いです。

(年間1,000円〜10万円以上と幅は広い)

 

ところが、サーバーをXSERVERで借りている人は

無料で証明書を発行できます。

 

その方法はこちらです。

(XSEREVERの公式サイトに飛びます)

 

この時の、注意事項は上記のリンクページにも

記載されているコレです。

 

ここから、『常にSSL化』をするために

もう少し設定が必要です。

 

2、『.htaccess』の編集をする

ここが、おそらく一番の難関です。

XSERVER公式の説明を見てもややこしいです。

 

・まずはXSERVERのサーバーパネルにログインしたら

画像部分の『.htaccess設定』をクリック

 

・ドメイン選択画面になるので

SSL化したいドメインをクリック

 

・次の画面でタブ「使用前のご注意」から

「.htaccess」に切り替える

 

 

・.htaccess編集画面に切り替わるので

①空欄に以下を記述(コピー&ペースト)

※必ず編集前に記述されているものを

全文コピーをして保存するなどしておいてください

RewriteEngine On
RewriteCond %{HTTPS} !on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]


この記述は、

「httpに入って来た人を全部httpsに転送しますよ」

的なことが書かれています。

 

②記述したら『確認画面へ進む』をクリック

 

・次の同じような画面で『実行する』をクリック

 

XSERVERでの設定は以上になります。

 

3、ワードプレスでの設定

ここまでくれば、もう一踏ん張りです。

 

・ワードプレス管理画面(ダッシュボード)に入り

『設定』→『一般』をクリックします。

 

 

・次の画面で

『WordPress アドレス (URL)』『サイトアドレス (URL)』

のURLが”http”になっているはずなので”https”にします。

 

以上で、自分のブログサイトが常にSSL化します。

 

『mixed-contents』の修正方法

私のブログがSSL化の設定をしたにも関わらず、

この状態になってしまったのは、

ワードプレスでの”常にSSL化設定ができていなかったから”でした。

 

ワードプレスに追加していた、メディア等がhttpのままだったため

ウィジェットの自己紹介部分に呼び出していた画像が

『http経由』ということで『mixed-contents』になってしまっていたのです。

 

これを直す方法は、

『i』マークが出て鍵付きになっていないページで

『F12』のキー(Windows)か

『Command + Option + I』(Mac)を押して、

デベロッパーツールを呼び出します。

 

すると上のような画面がでますので、

上部の『console』を押すと原因特定ができます。

※画像はGoogleCromeの画面です。

 

こんな感じで、意味不明な文字列で

「httpのメディアファイルを呼び出しているよ〜」

と教えてくれているわけですね。

 

 

これを修正していくわけですが、

僕の場合はウィジェットに原因がありそうだったので

ウィジェット画面を開いてみると・・・

自己紹介欄に使用していた画像が

httpから呼び出していたことが判明

 

これに”s”を付け加えて”https”にすることで

今回の件は、無事に一見落着となり

 

怪しいサイトから脱却することができました。

 

追記

デベロッパーツールの利用は

自己責任でお願いします。

 

変にいじると厄介なことになりますので・・・

 

 

もし、今回の記事でよく分からないというのが

ありましたらコメント等でご質問ください。

 

Twitterから、連絡頂けると気づきやすいです。

 

 

 

-ブログ関連の話

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ブログで取り返しがつかなくなる前に、気をつけるべき事と3つのメリット

ブログを数年運営している友人から、こんな連絡がありました。「パーマリンクの設定してる?」話を聞くと、どうもパーマリンクの概念を何も気にせずにブログ運営していたようです。※パーマリンクについてはコチラパーマリンクの設定は5秒も要らないのですが、これをするとしないでは時間の費用対効果が大きく異なります

稼ぎのタネは、怠惰の中に埋まっている

「あ〜、あれやらなきゃな…」 なんて思いながらも先延ばしにしている事ってありませんか?   やらなければならないことをやらない事を怠惰というのですが、 人というのは本当に怠け者で、面倒なこと …

ブログネタに困ったらドメイン戦略だ!!

「記事の更新だ!アクセスを稼ぐために更新をせよ」 趣味ブログやアフィリエイト用にしても、アクセスのために毎日毎日更新をしよう。 なんて言われますが、   「そんなに書くことねーわ。」 って人 …

ブログを1日1記事、更新すれば稼げると信じている人の末路

ブログで稼ぐには、まず最低1日1記事書きましょう ブログを始めた人で この言葉を、聞いたことがない人は いないのではないでしょうか?   実際に、私もこの言葉をなんども聞きましたし 実践もし …

アクセスを稼ぐ、不変の方法

『ブログでアクセスを増やす為には、1にも2にもタイトルが命です。』 という風に言われています。   これは本当です。   なぜなら、たとえ自分のブログ記事の内容が読む人を 満足させ …

自己紹介

background

@ko_suke_buz

名前:村田 康介 性別:男性
出身:京都府 趣味:ソシャゲ、マンガ
スケボー、スノボー

avatar

【ヒストリー】
インフォプレナー兼アフィリエイター某大手家電量販店に、勤務中に
”家電でせどり”を始めたことが
キッカケでネットの可能性を感じ、
うさんくさいながらも
ネット起業に踏み込みました。せどりで、稼いだお金を元に独立し会社
【LLC.Riend】を設立派遣社員で、20代後半にも関わらず
月収20万程度のしょぼくれた人生から、
せどりで稼いだMAX額は、純利益で年300万。アフィリエイトをはじめ
インフォプレナーとして情報発信をするなど、
ひと月で60万円の収益を達成。

 

【ご意見やご相談、質問などコチラ】

にほんブログ村 小遣いブログ ネットワークビジネスへ
ブログ応援にクリック

頂けると嬉しいです