2017年11月27日アフィリエイトTweetShareGoogle+B!はてブPocketfeedly以前までは、データの送受信が必要となるECサイト(通信販売サイト)や個人情報入力画面など一部のページのみにSSL化されていましたが、数年前からGoogleウェブマスターでは、常時SSL化「https://~~」の切り替えをすすめています。検索エンジンの最適化SEOに効果があるかどうかは今はまだなんとも言えないところですが、確実に暗号化通信を利用しているWebサイトが増えているのは事実で、そうするべきでしょう。このサイトでもSSLサイトへ変更させたので、その際の注意点と方法をまとめます。WordPressのテーマには賢威6.1を使用しています。サーバーはロリポップです。これで完了!常時SSL化に対応、その後は、インデックス登録へそもそもSSL化って?暗号化通信httpsって?サイトページの住所であるURLは通常「http://~~」から始まりますが、SSLサイトでは「https://~~」と表示されます。SSLは、インターネット上でデータを暗号化し、送受信する仕組みを指します。第3者からのデータの盗聴や改ざんを防止する役割を果たします。SSL化されたサイトは、第3者機関であるSSL認証局からSSLサーバー証明書が発行されているため、閲覧者からしても安心してサイトを見ることができます。表示するブラウザによって表示方法は変わりますが、SSL化されたサイトでは、上のようにURLに「保護された通信」と表示されます。最近はどのレンタルサーバーでもSSL化無料となっているため、誰でも比較的簡単にSSL化することができるようになりました。開設したばかりのサイトであればすぐにできるのですが、場合により、少々手間のかかる設定が必要となる場合もあります。バックアップを取ってから編集するようにしてくださいね。レンタルサーバー側ロリポップで独自SSL証明書を設定するまずは、ロリポップのユーザー専用ページから独自SSL証明書を申し込みます。独自SSL証明書導入をクリックします。下にスクロールしていくと、データベースに保管しているドメインの候補が出てきますので、SSL化させたいドメインのチェックボックスをクリックし、「独自SSL(無料)を設定する」をクリックします。クリックすると設定作業に移りますので、数十分から数時間ほど待ちます。「SSL保護有効」に切り替わっていると、レンタルサーバー側でのSSL証明書の導入は完了です。FTPサーバーから.htaccessに301転送設定を追加もう少しだけ、レンタルサーバー内をいじりましょう。「http://~」と「https://~」が2つ存在している状態から、サイト全体を「https://~」に統一します。続いて、FTPの編集画面から該当するドメイン以下の.htaccessを編集していきましょう。リダイレクトさせるために上の5行を一番上からコピー&ペーストで貼り付け、保存しましょう。下のコードをそのままコピーして入れましょう。[R,L]</IfModule>以上で、レンタルサーバー側の設定は終了です。これだけじゃまだURLに鍵マークはつきません。WordPress側でアドレスをhttpからhttpsに変更WordPressからアドレスを変更します。(URL)とサイトアドレス(URL)を変更します。httpsに変更します。スペルミスしないように注意してくださいね。WordPressアドレスはWordPressをインストール・管理している場所になります。このURLを誤って保存してしまうと戻すのに非常に手間がかかります。これで、URLはhttpからhttpsに変更されました!が、自分のサイトを見に行ってもhttps://~にはなっているけど、鍵マークがついていません。鍵マークがつく条件として、全てのページがSSL化されている必要がありますが、今はSSL化されたページとされていないページが混在しているため、鍵マークが表示されません。サイト内部のURLを全てhttpsに切り替えるココから、人によって手間具合が相当変わってきます。長いことやっている人ほど沢山の画像やリンクをかいています。それを全てhttpsに変更しなくてはいけません。WordPressのプラグインに内部のURLを一括で変換するプラグインがあります。Regexと検索して、有効化させましょう。上の画像のように、上が変換する前のアドレス、下が変換したいアドレスを入力し、Searchで検索結果が出てきますので、確認後、Replaceで一括で変換してくれます。変換後のアドレスが間違っていると、大変なことになるので気をつけて!これで、ほとんどのURLがhttpsに切り替わりました。実際にサイトに見に行っても、まだ鍵マークはついていないと思います。Regexが介入できる部分には限度があり、ウィジェット内や設定ロゴなどは自分で変更しなくてはいけません。ここからは、探して変更しての繰り返しになります(笑)ソースコードから地道にhttpのままの部分を探し、変換していくとは言っても、ソースコードを上から眺めていっては、頭痛との戦いになりかねませんので、検索して探していきましょう。自分のサイト内から右クリックでソースコードを表示させます。ソースコード内でCtrl+F(Command+F)で自分のアドレスを入力し、検索して見当を立てていきます。ここから直接、変換していくことは不可能ですが、おおよそのポイントが判断できます。結果的に出てきたポイントは以下になります。賢威6.1なので、賢威6.2や7を使っている場合、表示が違うと思いますが、だいたい同じような感じで進めれるでしょう。src=”https://hrs・・・に変更しました。このように自分でカスタムHTMLを使用している場合は、そこが原因になっているケースが多そうです。賢威の設定からヘッダー・フッターの画像のURLを変更する僕は、このサイトにヘッダーとフッターを利用していないため関係ありませんが、使用している場合は、ここのURL部分も変更しましょう。使用していない場合でも、変えていた方がいいのかな?僕は変更しておきました。次に、サイト上に表示されているサイトマップのアドレスがhttpのままでした。テーマファイルfooter.phpを開きます。どこかわからなければ、php内で「http://ドメイン」で検索してみるのもいいかもしれません。これで、ソースコードから検索した部分は全てhttpsに変更できました。それでも鍵マークが付きません。Chromeでは、ディベロッパーツールとしてConsole画面を開くことができます。Console画面からはhttp接続のリソースを探すことができます。Chromeブラウザで自分のサイトを開き、F12(MacはCommand+option+I)または、右クリックの検証をクリックします。ToolsのウィンドウからConsoleボタンをクリックします。SSL通信でない箇所が警告されます。urlをクリックすると該当箇所が表示されます。今回の場合は、SNSボタンのはてなブックマークボタンが原因でした。いつSNSのシェアボタンを追加したのか、最初からだったのか覚えていませんが、はてなブックマークのボタンがSSLに対応していない画像を使っていました。現在は、はてなブックマーク公式が対応させている旨のニュースを出していますので、以前のバージョンを使っている人は自分で変更する必要があります。テーマ編集のsocial-button.phpとdesign.cssから変更ができます。いい機会だったので、ボタン自体を変更しました。これで完了!常時SSL化に対応、その後は、インデックス登録へ実際にやってみた所感としては、htmlやcssに詳しい人であれば、どこを直せばいいのかもピンとくると思うのですが、何の知識もない人がやるにはちょっとハードルが高い気がします。繊細な内部をいじるため、変更する前に必ずバックアップを取っておきましょう。できる限り、初めのうちにSSLさせておきたいものです。Consoleに再登録して、サイトマップを送信してインデックスを促しましょう。以前までは、データの送受信が必要となるECサイト(通信販売サイト)や個人情報入力画面など一部のページのみにSSL化されていましたが、数年前からGoogleウェブマスターでは、常時SSL化「https://~~」の切り替えをすすめています。検索エンジンの最適化SEOに効果がある...何よりも痛いのがアクセス数が減ったこと。Consoleから再度インデックスし直しになるのでいずれ戻ってくるとは信じていますが、中にはそのまま下がったままなんて人もいて少し怖いものがあります。見た目的には、鍵マークもついてビシッとしますね。鍵マークがつかないページがあって四苦八苦、ここで参考にしたサイトはこちら(学生でもできるアフィリエイトで稼ぐ方法さま)。学生さんなんですね、そのせいか非常に分かりやすいし、見やすいです。[...]返信コメントを残す返信をキャンセルする。管理人:廣瀬Twこの春から大学生!厳しい家計をなんとかするためにアフィリエイターへ。学生でもアフィリエイトは可能です。〜いまはスペインのサラマンカ大学に留学に来ています。アフィリエイト以外にもサラマンカ大学やスペインについて気になることがあったら聞いてください。わかる範囲でお答えします。学生生活もアフィリエイトも頑張りましょうね。学生が騙される?「稼げる方法教えます」に実際にコンタクトを取ってみた学生でもできる記事の外注化ランサーズで実際にやってみようサラマンカ留学に来てすぐに知れていたらよかったものレンサバZenlogic(ゼンロジック)の評判と詳細スペイン城塞都市アビラに行ってきた。Reserved.このページの先頭へ。