Chromeで「保護された通信」の表示が広まり、続々と対応する人が増えてきました。この記事では、SSLの対応方法となぜSSL対応が必要なのかをお伝えします。最後に常時SSLとは常時SSLとはウェブサイトの全てのページをHTTPS化するセキュリティ手法です。多くの大手サイトの対応が対応しており、最近新規で立ち上がるサイトはSSL対応された状態で公開されるのが当たり前になっています。SSL化は必要なのかSSL対応によりhttps通信で通信が暗号化されます。http://で始まるURLのままだと、通信を傍受される可能性があり、フォーム送信の際にクレジットカード情報などの個人情報が盗まれる可能性があります。以前はお問い合わせフォームなど、個人情報を含むページに限られていましたが、常時SSL対応で全てのページが暗号化されより安全になるのです。SSL化してないことで、フォームを送信する時に公共のWifi環境などでアクセスしていた場合、通信の傍受が自宅や携帯回線より簡単にされてしまうので、SSL対応(https化)による暗号化が重要視されます。SSLに対応していれば、そのサイトが偽物の場合は警告がでるので、「情報が漏洩する可能性があります」とアラートが出るようになったので、ユーザーの離脱を回避するにはSSL化は重要な役割を持っています。googleはSSL対応のサイトを検索結果の上位に表示しやすくすると発表もあり、SEOの対策としての意味もあります。主な理由は対応の目的は下記のようにお考えください。個人情報の保護のためユーザーの信頼を失わないためSEO対策の一貫SSL証明書の有料と無料もの違い実はSSL証明書は無料でも有料でも暗号化の強度において違いはありません。実は私も最初誤解していました。Encrypt(れっつえんくりぷと)」が有名です。Encrypt」を利用しています。ガラケーに非対応だったり、サイトシールは使えませんが、維持費用がかからないのがメリットです。ほとんどの方は、無料のSSL証明書で問題ないのですが金融関係や個人情報をモロに扱うサイトですと信頼を得るために有料のSSLを使場合もあります。有料のSSLで有名どころですとジオトラストやグローバルサインなどがあります。名前が知られている有料のSSL証明書は、サイトシールを掲載することでできこれで、ユーザーからの信頼感を得ることができます。有料の証明書の場合、購入の手間以外にもインストールや更新の作業の手間がかかるので、ITに不慣れな方にはオススメしません。SSLの対応をするとどうなるか今はほとんどのサイトがSSL対応ずみですので、現在の検索順位が大幅に上がるようなことはありません。過去には上位を取れていたけど常時SSL化を行なっていないために順位が下がっている場合などは元の順位と取り戻すことはあるかもしれません。SSL対応をしていなかった事で離脱していたユーザーの信頼を取り戻せる可能性はあります。これらの成果はサイトによって全然変わってくるので、「絶対にこうなる!」という結果はありません。「SEOを目的としてSSL化したい」という人もいますが、正直期待はできないので顧客の情報保護を目的にしたほうが良いです。大まかには以下のような流れとなります。SSLは契約してるサーバー設定以外にも触らないと行けないところがありますのでお忘れなく。今回記載しているのはHTML版です。WordPressの場合はPHPの変更やデータベースの変更も必要なケースがありもう少し複雑になります。バックアップを取るHTMLやCSSを変更しますので、まずは全部のファイルのバックアップデータを取ってください。バクアップのとり方はHTMLメインのサイトでしたら、FTPからダウンロードするのが一番カンタンです。契約されてるサーバーにもよりますが、管理画面からボタン一つでバックアップが取れるレンタルサーバー会社もあります。)バックアップの準備が終わったら常時SSL化後にHTTPSで公開するための作業していきます。ソースの書き換えSSL対応ではSSL証明書の準備以外にも読み込みファイルをhttp→httpsにする必要があります。書き換える可能性のあるタグは下記になります。書き換えが不要なものファイルの読み込みパスにも色々な書き方があります。「相対パス」の場合は書き換えが不要です。現在のファイルの位置を基準にしたパスの記述方法です。参照するファイルの位置関係が変わらなければ、リンクやパスの修正は不要です。href="../ディレクトリ名/ファイル名"></a>サイトルート相対パスの場合Webサイトのドキュメントルートの位置を基準にしたパスの記述方法です。参照するファイルのドキュメントルートからの位置関係が変わらなければ、リンクやパスの修正は不要です。href="/ディレクトリ名/ディレクトリ名/ファイル名"></a>書き換えが必要なもの絶対パス「絶対パス」はWebサイトのURLでページやファイルを指定してリンクする方法です。「絶対パス」を使っている場合SSL化に伴って参照するURLが変わりますので、リンクやパスの修正が必要になります。修正するのはあなたが今修正しているサイトのドメインだけになります。他のドメインにリンクしているものは変更不要ですのでご注意ください。href="http://example.com/ディレクトリ名/ディレクトリ名/ファイル名"></a>修正後httpの部分をhttpsに変更しています。href="https://example.com/ディレクトリ名/ディレクトリ名/ファイル名"></a>ファイルの上書きファイルの修正が完了したらFTPなどを使ってもとの場所に上書きしてください。SSL証明書のご契約SSL証明書は基本的にご契約のサーバーで契約ができます。契約の設定は各サーバー会社によって異なりますので、各会社のサポートに問い合わせるか、ヘルプページを探すとすぐ見つかります。無料でSSL証明書を発行できるサーバー会社は後述します。httpsの読み込みディレクトリ設定これは設定しないサーバー会社もあるのですが、http://example.com/で読み込むディレクトリ(フォルダみたいなもの)とhttps://example.com/で読み込むディレクトリを別々に設定するサーバー会社もあります。設定が必要な場合はhttpと同じディレクトリを設定すると別のディレクトリを作らなくても良いのでオススメです。ブラウザのチェックSSL証明書の発行が確認できたら、あなたのサイトにアクセスしてみてください。Chromeでアクセスすると、下記のような、鍵マークのアイコンがついているはずです。Chromeでアクセスすると、下記のように「保護されていない通信」と表記されているはずです。転送設定(リダイレクト)とは、自動的に指定したURLに強制的に移動させることです。今回の場合はhttp://example.com/→https://example.com/に移動させる目的です。ドメイン(example.com)が同じでもhttpとhttpsではURLが別と認識されているので注意してください。これまでhttpで検索結果に表示されていたので、httpsに強制的に移動させないと、せっかくやったSSL対応も効果を発揮しません。リダイレクトをしておくと、検索結果でもhttpsのURLが表示されるのも早くなります。リダイレクトは必ず301リダイレクト(恒久的に転送)を行います。基本的には下記のコードをhtaccessに追記すれば転送が完了します。htaccessはそのサイトのTOPのディレクトリにあると思いますのでFTPなどでダウンロードしてください。なければ新しく作って設置してください。さくらサーバーでは「HTTPレスポンスヘッダー」の兼ね合いでエラーが発生するケースもあったので、サーバー環境によっては少し記述が変わってきますのでご注意ください。[R=301,L]これであなたのサイトのhttpにアクセスしてhttpsにリダイレクトされるかを確認してください。https化の後にすることこれら全てが完了したら提携サービスの変更も必要になります。アナリティクスですね。サーチコンソールにhttpsから始まるURLで新しく登録し直します。httpで登録してある分は検索結果が残っているので削除せずに残しておきましょう。Googleアナリティクスは「プロパティ設定」と「ビュー設定」のURLを切り替えるだけで大丈夫です。最近は色んな会社さんが無料SSL対応されてます。私が利用していて、使いやすかったのは下記の2社です。ZenlogicMixHostどちらも新しくできたばかりのレンタルサーバーの会社ですが、新しく参入されただけあって管理画面が使いやすかったり、HPのサポートが丁寧に書かれてたりします。価格もどちらも月額1,000円以下で始められるので、もしお使いのサーバーが無料のSSLに対応していない場合は乗り換えを検討されたほうがSSL対応はすばやく出来るかと思います。(有料のSSL証明書を使うのは大変なので...)最後にもしSSLの設定ができるか不安...とかでしたら、お問い合わせからご連絡いただければ、相談にのれるかと思いますよ。(ゝω・)ツイートこの記事を書いた人conti大阪で東京の事業会社でフルリモートワークで働いているWebデザイナーです。副業とか好きで週末フリーランスしてます。コードを書くのが得意なのでプログラマーに愛されるデザイナーってよく言われます。関連記事Web制作全般Evernoteが料金体系が変わったので違うサービスを検討してみたEvernoteの料金体系が2016/6/28に変わったので他の有料のメモアプリを検討してみました。何も知らないWebデザイナーが初めてマーケティングオートメーションのプロジェクトに参加するにあたって、知っておいたほうが良いことの紹介です。Partner)を取得しました。マーケティングの知識や流行りの技術もそれなりに身についてきたので、資格でも取って実力試しでもしようかなーと思って、探してみたら無料でGoogleが認定している資格がありましたのでご紹介します。私は一週間くらい前まで知りませんでした。知ったきっかけはこちらの「カスタムフィールド製造業ならびにWebアセンブラーという職業について」です。運用ノウハウ開発cntlog。