ブログ

あなたのサイトは大丈夫?Word PressのSSLの設定方法【ロリポップ編】

おはようございます!最近やっとアドワーズの収益が出たえるもです!

実は最近、友人に「えるものブログ、SSLになってなくない?」と言われてやっと設定をしました。(遅い)

私は基本的にこの状態になってました。

前は「これなんだろう〜でも開けるし、いっか!」なんて思っていましたが、実はめちゃめちゃ危ない状態だったんですね。たまにChromeで開けなくなっていたけど、気にしない自分、怖い…

SSLとは?

SSLとは簡単に言うと「データを暗号化して送る仕組み」です。

ブログに限って言うと、最近では、SSLを設定していないとGoogleで警告が出されたり、Chromeでページが開けなくなったりするんです。

もし、あなたのサイトに誰かが来て、下記のようなページが出たらどうでしょう?

せっかくSEOを上げてもこんな警告がでたらユーザーは別のサイトにいってしまいますよね。

ブログは、SSL通信をしないと訪問者数が減ってしまうというリスクがあります!なので、SSLを設定していない人は今すぐ設定しましょう。

SSLの設定の仕方

でも、SSLの設定って大変じゃない?

大丈夫です。ネットの知識が皆無のわたしですらすぐにできました!(笑)

今回は私が普段使っている、ロリポップ!の方法で紹介していきます。

ロリポップ!サーバーでSSL設定を申し込む

ロリポップ!の管理画面から「セキュリティ」→「独自SSL証明書導入」を選択

独自SSL(無料)という欄があるので、ここでSSL保護を有効にします。

※設定前の画面を撮るのを忘れていました…

これだけ!

サーバー側で独自SSLの設定をするのに5分〜10分くらいかかるけど、設定自体は秒で終わります!

今回サイトを立ち上げた方はこれでOK!この後は通常通りにWord pressのインストールと設定を行ってください

すでにWordPressを立ち上げている人は、次はWord Press側での設定をします

Word Pressの設定

今の状態だと、URLが異なっているため、リンクが切れて今までのサイトにアクセスができない状態になっています。

なので、ここでWordPress側でも設定が必要になってきます。

まず、WordPressの管理画面にhttps://(HTTPS)でログインします。

管理画面の「プラグイン」→「新規追加」からプラグイン「Really Simple SSL」を検索・インストールします。

プラグインを有効化すると確認メッセージが出てくるので「SSLを有効化」をクリック。これで常時SSL化の完了です!

参考サイト:WordPressで構築されたWebサイトの常時SSL化手順

SSL変更後の注意点

さて、SSL変更もしたし、URLも有効になったし、早速記事にしよ〜と思ってこの記事を書いていたのですが…

あれ?

Word Pressのアプリで何度やっても保存ができない。

ネットワークを接続し直しても、再起動しても何も起きない。せっかく書いた記事が…と思っていたのですが、

ここが元のURLになってました…

「サイトの切り替え」→「+」→「サイトの追加(インストール型サイトの追加)」から新しいURLでログインし直せばOK!

書いた記事はコピペで移せた…よかった〜

SSL設定ははじめのうちから設定しておこう!

いかがだったでしょうか。

SSL設定はSEOにも影響するらしいので、心当たりがある方はすぐに設定することをおすすめします!

私もSSL設定をしたらPVが少し上がってたので、やっぱり表示されない人や離脱がいたのかなーと。

ただ、たくさん記事数も合って、変に設定を自分で行うのが怖い人はちゃんとしたプロの人に頼むのもおすすめです

私はいつもサーバーを触ったりする時はフリーランスエンジニアのこみ(@komisukee)にお願いをしています
(素人が触るの怖いしね…)

SSL設定なら5000円くらいでリダイレクト&確認まで完璧にやってくれます!

こみのポートフォリオ・お問い合わせはこちら

初心者なりに設定とかも発信していくので、ぜひぜひご覧ください〜!

[st-midasibox title=”合わせて読みたい” fontawesome=”” bordercolor=”” color=”” bgcolor=”” borderwidth=”” borderradius=”” titleweight=”bold”]

[st-card id=73 label=”” name=”” bgcolor=”” color=”” readmore=”on”]

[st-card id=375 label=”” name=”” bgcolor=”” color=”” readmore=”on”]

[/st-midasibox]