2020-02-14TweetPocket日々の作業やお勉強、お疲れさまです!元社畜ゲーマー姉弟のアネオトです。アドレスバーを見てみてください。このブログでは、icon-lock緑色の鍵マークや「保護された通信(安全な接続)」と出ていると思います。保護(https化=SSL化)のメリット・デメリットについて、そしてそのhttps化の設定方法と注意点まで、ここでご説明します。「エックスサーバー側でやること編」だけとばして読んで、ご自分が使っているサーバーでの設定については別の詳しい解説サイトを調べてみてください!><※サーバーによってはSSL化に対応していない場合があります。Layer)』とは、インターネット上で、データを“暗号化”して扱うという仕組みです。URLの先頭ってふつう「http://~」ですよね。これに「セキュリティ」の「s」が増えて「https://~」になっている状態、つまり「HTTPS化」している状態がSSL通信になっているということです。Security)』と呼びます。いってもSSLという言い方のほうが広まっているので、これからもSSL呼びで使っていってOKです!メリット1:セキュリティが強化される『通信を安全に行う』SSL化の主な目的はコレです!データが“暗号化”されると先ほどお話しましたね。名前や住所、クレジットカード情報、IDやパスワードなどの、重要な個人情報を暗号化してやりとりしてくれるのです。改ざんされたりすることを防ぐことができます。URLがhttpsになっている......はずです!(よっぽど古いサイトでなければ笑)メリット2:信頼性が上がるSSLを導入しているページなら、アドレスバーのURLの左にicon-lock鍵マークや『保護された通信』というステータスが表示されます。「うちは安心して利用できるサイトです!」と信頼感をアピールできるわけです。完全にSSL化(https化)できている状態です。icon-exclamation-circle情報、または保護されていない通信https化していない、httpのページ。一部httpファイルが混ざっている......といった不完全なSSL状態のときにもこの表示になります。危険度の高いページだという警告です。入力フォームがあるページにも関わらず、SSL化されていないときなどに見られます。安全と判断されたサイトにはリンクの横に緑色の安全マークが表示されます。SSL化していても、avastの評価が間に合っていないと安全マークが表示されませんが......(苦笑)また、サイト名が長いと表示が隠れてしまうという特徴がありますが......(笑止)多少はクリック率に影響するので、ふんわり確認しておくといいかもです!アネオトは正直気にしていないのですが(笑)メリット3:SEOにちょっと有利になるSSL化されているサイトは、検索エンジンに評価されます。「ユーザーが安心して利用できる、優良なコンテンツである!」と認められ、掲載順位もちょっとヒイキしてくれます。『HTTP/2』に対応しているブラウザから閲覧している場合、httpsページは表示が早くなります。Edge......といった主要ブラウザの最新バージョンが、すべて『HTTP/2』に対応しています。この『HTTP/2』というのは、いままでの『HTTP/1.1』から進化した、データのやりとりにムダのない優れた通信形式のことです。(覚えなくても大丈夫ですw)そして『HTTP/2』による高速化が、httpsページに対して適用されているのです!やはり表示がスムーズだと、お客さんはイライラしなくて済むし、ページの離脱率(すぐ帰っちゃう確率)が減りますね。SSLを導入するうえでのデメリットhttpsに対応していないツールや広告は、非表示になってしまう一応、怖いのはこれですかね......少し前までは、ニコニコ動画や各ASPのバナー広告なんかが、HTTPS非対応でした。「これじゃアフィリエイトできねえ!」と困っている方が多かったです。今ならもう、ASP各社もSSLに対応してくれましたし、ニコニコの埋め込み動画もきちんと表示されます。Console(サーチコンソール)』にあなたのブログを登録していた場合の話です。サーチコンソールの仕様上、httpとhttpsは別サイト扱いになっています。「https~」のURLで新規登録し直さなければいけません。否認用テキストファイルの再アップロードも必要です。独自SSL設定の追加ちょっと複雑で迷子になりやすい構造なので、スクショでもご案内しますね!エックスサーバーのトップページのメインメニュー右側の「ログイン」を触るとびろ~んとプルダウンが出てきます。その中の『サーバーパネル』をクリックしてください。右側に「ドメイン」のメニュー一覧があります。その中の『SSL設定』をクリックしてください。今回SSL化したいブログのドメイン名を選びます。『独自SSL設定の追加』タブをクリックします。設定対象ドメイン名には、本来ついてないはずでも「www」が入っていることがあります。違和感スゴイですが、ここは気にしなくてOK!「www」つきで問題ありません。SSL設定がちゃんと反映されるまで30分~1時間ほどかかります。「保護されていません!危険です!」的な表示が出てビビると思います(笑)しばらくは我慢して待ちましょう!そのあと無事、SSL化完了が確認できたら、ワードプレス側の作業に入ります。手間がかかりそうなら使ってみるといいかも!記事内だけでなく、メニューやウィジェットに手動ではりつけたリンクがあればチェックです!追加CSSやテンプレートをいじっていた場合は背景画像のURLをhttpで入れてないか確認しましょう!心当たりのある個所をすべて「https://~」に変更できたと思ったら、アドレスバーを見てください。icon-lock緑の鍵マークが出ていればそのページはSSL化完了です!icon-exclamation-circle情報アイコンのままだったら、どこかにhttpが残っています。犯人は画像ファイルです!「どの画像がダメなんだろう~?」てっとりばやく調べる方法ページを開いた状態で、(Windowsなら)F12を押す(Macなら)option+command+Iを押す→コンソール(Console)タブを開くもしくは、ページのどこかで右クリック→「検証(要素を調査)(要素の検査)」をクリック(※)→コンソール(Console)タブを開くの方が覚えやすいかな?※ブラウザによって表記が異なります。「この画像(image)のURLがhttpですよ!」と指摘してくれているのがわかります。「https~」で新規登録することになります。登録している情報のURL変更だけでいけます。変更箇所が2つあるのでお気をつけください。Googleアナリティクスの管理画面にログインします。「https」に変更してください。「http」か「https」か選択できるようになっているので、これも「https」に変更してください。これでGoogleアナリティクスでの変更は完了です!今回はちょっとあっちいったりこっちいったりダルい作業でしたよね、お疲れさまでした。最後まで読んでくださってありがとうございます!こちらからでも無料講座に登録できます▼お名前(ニックネームでOKです)メールアドレス※icloud、hotmail、携帯メール(au、softbank、docomo)はスパム判定が厳しいため、メールが届かないことが多いようです。Google攻略WordPressアネオト元社畜デザイナーのゲーマー姉弟ふたり組です。今はノンストレスで好きなことをして日々すごしています。[...]フォロー:プロフィールアネオト元社畜デザイナーの姉弟二人組です。『趣味』をうまく活かすことで軌道修正することに成功しました。社畜時代よりもラクに大きく収益を得られるようになりました!今は自由な時間に起き、家やカフェなど自由な場所で気ままにネットビジネス。+ときどきお店にコンサルしています。趣味や興味を活かして、お金が自動で入ってくる仕組みを作っていこう!そんなネットビジネスの攻略本をプレゼント中!無料で学べるメール講座をお届けしています。