初心者がサイトのSSL化に着手してみた

ブログ

最近、サイトのアドレスバー部分に緑色の鍵マークが増えていますよね。

こんにちは。アッシュです。

web上では、色々な情報の送受信が行われています。そのなかには、個人情報やパスワードなどが含まれる場合もあり、それらを暗号化して通信するセキュリティの世界標準技術がSSLと呼ばれるものです。

色々な方々に情報を発信していく上で、読んで下さる方に安心して訪問頂けるように、このサイトもSSL化する事にしました。

 

スポンサーリンク

SSL化

GoogleでもサイトのSSL化を推奨しています。

検索する際にGoogleを利用した事がある方は沢山いらっしゃると思いますが、Google自体が検索結果で安全性の高いサイトを表示し、ユーザーの本当に必要な情報を提供出来るように取り組んでいます。

YahooやTwitterを開いてもSSL化されていますよね。

その際、サイトアドレスがhttp://からhttps://に変わっています。

自分のサイトをSSL化する

サイトをSSL化する為には費用と手間が掛かるのが普通でした。

しかし、今はレンタルサーバー側でSSL化へのサポートを用意してある場合もあり比較的簡単に実施出来るようになっています。

今回は、XSEVERで簡単にSSL化する事が出来ました。

僕の場合は、まだサイトを作成し始めて浅いので、作業も簡単でした。これからサイトを作ろうという方ならSSL化前提で作成されるのが良いのではないかと思います。

 

XSERVERでの設定方法

自分のサイトをSSL化するにあたっては、データーを保管しているサーバーで確認が必要です。

僕の場合は、XSERVERを利用しているのでXSERVERのサーバーパネルからSSLの設定を選択し、登録する事で費用も掛からずにSSL化する事が出来ました。登録には少し時間が掛かるので暫くしてから設定したhttps://~のアドレスにアクセスすると確認が出来ます。

費用を掛けずに出来るなんて、さすがXSERVERです。

 

SSL化した後の設定

Googleアナリティクスやサーチコンソールを使用している場合、サイトをSSL化すると設定を変更しなければなりません。

管理画面からサイトアドレスを変更する必要があります。

 

このサイトは、WordPressを使用しているのでWordPressの基本設定アドレスも変更が必要でした。更にサイトの内部リンクなどは、リンク先のアドレスを変更する必要があります。

僕の場合は画像も多く、各ブログ記事のアドレス変更と画像のリンク先アドレスを変更するとなると膨大な時間が掛かりそうでした。

そこで、僕の場合は一括で変更可能なプラグインを使用して実行しました。このプラグインで一括だと数秒で完了しました。設定を間違えると大変な事になる可能性がありますが。

 

akane072122928_tp_v

(写真はフリー素材です。何も無いと寂しいので)

 

鍵マークが出ない

全ての作業を完了し、https://のアドレスでアクセスが可能になったところで確認するとアドレスバーの部分が緑の鍵マークにならず黄色の!マークになりました。

これでは、セキュリティが万全ではありません。

 

外部リンクの要因

自分のサイトから外部へリンクしているもの。

例えばブログのランキングサイトや広告を貼っている場合、そのリンク先がSSLに対応していないと不完全なセキュリティとなり鍵マークになりません。

サイトに貼っているバナーや広告コードを編集する事で対応出来る場合もありますが、先方が未対応の場合は、どうする事も出来ません。そのバナーや広告を諦めるしかありません。特に広告のコード編集は、基本禁止されている事が多いので最悪の場合、報酬が受け取れなくなる可能性があります。

ですので、サイトで収益を考えて運営されている方はSSL化しない方が良いのかもしれませんね。僕の場合は趣味が主体のサイトでしたので、SSLに対応した広告だけ貼るスタイルで進めています。

 

セキュリティの問題点を調べる方法

自身のサイトが鍵マークとならない場合に何処に問題があるのかは、お使いのブラウザで簡単に調べる事が出来ます。

FireFoxやchromeをお使いの場合は、開発者ツールで対応可能です。調べたいサイトを開きキーボードのF12を押しコンソールを確認すれば、問題の部分が表示されます。

その画面で表示されたアドレスへのリンクを改善すれば、そのページは鍵マークが表示されてセキュリティが改善されたと認められます。

 

表示速度

これは、ついでになりますが僕のサイトは画像が多いので、どうしてもサイトの表示速度が気になるところです。

来て下さった方が、イライラしないような表示速度を目指したいというのもあって今回は表示速度の改善にも色々とチャレンジしてみました。

表示速度を調べる

サイトの表示速度を計測するには、計測サイトを利用しました。

Googleが推奨するサイトと別のサイトの2ヵ所で確認したところ、かなり悪い結果になり落ち込みました。

 

測定に使用したサイトは、

PageSpeed Insights

GTmetrix

の2つです。

速度改善

そこで、画像を圧縮する事とサーバーにアップしていたファイルを少し編集する事で改善にチャレンジしてみました。

画像の圧縮には、プラグインを使用しました。それとは別にCSSなどの修正は難しくて出来そうに無かったので、簡単に対応できそうなサーバー内のhtaccessファイルを編集する事で再度速度を計測したところ大幅に改善されていました。

それでもまだ優秀とは言えませんが。

 

まとめ

最近ではweb上でのセキュリティ向上を推進し、世の中でもhttp://からhttps://への移行が推奨されていますのでSSL化されたサイトが増加しています。

セキュリティが不安なサイトよりセキュリティが安全なサイトの方が信頼出来るのは間違いない事だと思います。無料ブログであれば運営側が対応してくれますが、独自ドメインでサイトを運営していく上では、重要な要素だと感じています。

サイトを訪問して下さる方に情報を提供するだけで無く、セキュリティ強化であったり、サイトの表示速度アップなど、サイトを取巻く環境整備も充実したサイト作りを心がけて今後も更新して行きたいと思います。

コメント