【図解多め】WordPressブログのSSL化をやっていく

目安時間:約 11分
  • 人気ブログランキング

皆さんはブログのSSL化はやりましたか??

 

めんどくさいと聞いていたのでズルズルと後回しにしてたんですが、そろそろやっておかなくちゃなぁ・・と渋々やってみました!

 

感想としては、やっぱりめんどくさかったです!

 

やり方を解説していきますので、こんなめんどくさいことは早めに済ませてしまいましょう。

そもそもSSL化って必要なのか?

SSL化とは、あなたのブログやサイトを暗号化することです。

 

暗号化することによってセキュリティを高め、利用者の情報を守ろうとしているんです。

 

SSL化が完了すれば、あなたのページのURLが

http://〜〜〜
から

https://〜〜〜

へ変更になります。

 

SSL化のメリット

情報漏洩のリスク軽減

全ての情報を暗号化することによって読者の情報が漏洩するリスクを軽減できます。

 

信頼性のアップ

SSL化されているブログなのかどうかが簡単にわかるようになっています。

 

SSL化されて情報が保護されているものについてはページURLの前に鍵マークが付いていますが、SSL化されていないものについては「保護されていません」と表示が出てしまい危険なイメージを与えてしまいます。

 

Googleの評価アップ

信頼性の高いブログやサイトについてはSEOの観点から見ても評価は上がります。

 

Googleも「SSL化されたサイトを優遇する」という趣旨の発表をしていますので、是非ともやっておくべきでしょう。

 

ブログのSSL化をやっていきましょう

今回は私が使っているエックスサーバーWordPressブログを使って解説していきますね。

 

やっていく作業はこの4つ!

 

  1. エックスサーバー側のSSL化設定
  2. WordPress側のSSL化設定
  3. エックスサーバー側で転送設定
  4. リンクと画像URLの変更

 

エックスサーバー側のSSL化設定

まずはエックスサーバーのサーバーパネルにログインします。

 

画面右側のドメイン列にある【SSL設定】をクリック。

 

SSL化するドメインを選んで【選択する】をクリック。

 

無料独自SSL一覧に表示がないことを確認して【独自SSL設定の追加】をクリック。

 

何もいじらずに右下の【独自SSL設定を追加する(確定)】をクリック。

 

これでSSL設定の追加は完了です。

 

【SSL設定の一覧】をクリックしてみてください。

 

先ほどは「独自SSL設定はありません」と表示されていたところにhttps://となったSSL用アドレスが追加されているはずです。

 

そのSSL用アドレスをクリック。

 

すると↓のような画面になりますが、失敗したわけではないので安心してください。

 

1時間もしない間に自然と解消されますのでひたすら待ちます。

 

WordPress側のSSL化設定

SSL化されたあなたのブログにアクセスできるようになったら次はWordPress側の設定をしていきます。

 

ダッシュボードの【設定】【一般】の順にクリック。

 

一般設定画面の中にあるWordPressアドレスサイトアドレスの2つを変更します。

 

httpの間にsを入れて一番下の【変更を保存】をクリック。

 

 

これでWordPress側の設定は完了です。

 

 

エックスサーバー側で転送設定

次はまたエックスサーバーに戻って転送設定をしていきます。

 

http://〜〜〜のURLでアクセスしてきた読者さんをhttps://〜〜〜のSSL化されたURLへ誘導するための設定です。

 

サーバーパネルのホームページ列の【.htaccess編集】をクリック。

 

ここでSSL化したドメインを探して【選択する】をクリック。

 

「この機能は上級者向けの機能です」という表示が出ている通り、あまりいじることはありませんし適当にいじるべきではありませんので注意してください。

 

【.htaccess編集】をクリック。

 

↓のようなごちゃごちゃした表示が出てきます。

 

ここでやる作業は1つだけ!

 

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>

 

これをコピーして.htaccessの欄の一番上に貼り付けて、【.htaccessを編集する(確認)】をクリック。

 

最後に【.htaccessを編集する(確定)】をクリック。

 

この表示が出れば転送設定は完了です。

 

リンクと画像URLの変更

ここまでの作業でURLの前に鍵マークが出たでしょうか?

 

このサイトへの接続は完全に保護されていません」って表示されていませんか??

 

完全に保護された状態にもっていくには画像URL等も全てhttps://〜〜〜とする必要があります。

 

ただこれを1つずつやっていたのでは作業量の多さに発狂してしまいますのでプラグインを使って一気にやってしまいましょう。

 

ダッシュボードの【プラグイン】【新規追加】をクリック。

 

検索窓に『Search Regex』と入れると花柄のプラグインが出てきますので【今すぐインストール】をクリック。

 

インストールが完了したら【有効化】をクリック。

 

プラグインを有効化できたらダッシュボードに戻り、【ツール】【Search Regex】をクリック。

 

表示された画面のSearch patternにsの付いていない元々のURLを、Replace patternにsの付いた新しいURLを入力します。

 

【Replace】をクリック。

 

緑が変更前の情報、ベージュが変更後の情報になります。

 

確認後に↑の画像の【Replace&Save】をクリック。

 

これで一通り完了です。

 

最後の確認

プラグインで一括変更しても漏れているケースがあります。

 

例えばウィジェットの中に入れている画像URLなんかはプラグインでは変更されないんです。

 

こういった変更漏れがあれば完全に保護された状態にはなりません。

 

問題はどこにsをつけ忘れているのか?という点です。

 

それをチマチマ探していくというのも面倒ですよね・・。

 

 

もっと楽したい!というあなたのために簡単な方法をご紹介!

 

Firefoxをご存知でしょうか?

 

InternetExplorerやGoogle Chromeといったブラウザの一つなんですが、このFirefoxを使えばhttp://〜〜〜のまま残っているページを簡単に見つけることができます

 

 

Firefoxを開いてあなたのブログへアクセスしてみてください。

 

するとこのような鍵マークが出るはずですのでこの鍵マークをクリック。

 

 

開いた警告画面の【 > 】【詳細を表示】をクリック。

 

 

開いた画面で【メディア】をクリック。

 

たくさんのURLが表示されますが、これを見ていくとsの付いていない画像URLが出てきます。

 

こいつが犯人です!

 

URLをクリックして画像を確認しましょう。

 

私の場合は思った通りウィジェット内の画像ファイルだったので【外観】【ウィジェット】からその画像ファイルのURLを変更して完了でした。

 

これであなたのブログに鍵マークがついたはずです。

 

お疲れ様でした!

 

まとめ

いかがでしたか?

 

めんどくさかったでしょ?(笑)

 

できるだけ見ながら作業を進められるように図解を多めに入れてあります。

 

このページだけでSSL化が完了するようにまとめてありますので、分かりづらいところがあればご指摘くださいね。

 

 GoogleアナリティクスSearchConsoleの設定変更については別記事にしておりますので、SSL化した後はできるだけ早めにとりかかるようにしてください。

 

【図解多め】SSL化した後のGoogleアナリティクスとSearch Consoleの設定変更

  • 人気ブログランキング

この記事に関連する記事一覧

コメントは4件です

  1. ミラ より:

    はじめまして。
    ランキングからきましたミラです。
    SSL化、面倒くさそうでやってなかったですが、、、
    記事を見ながらやってみます。
    図解付きで分かりやすかったです。ありがとうございました。

  2. かなちん より:

    こんにちは。
    いつも読ませていただいてます。
    初めてやってみたブログを
    httpからhttpsに変えてみました。
    こんなに、めんどくさいことをやったのかな??
    わけ分からないときにやったので、記憶にないです・・・。

    ありがとうございます。

  3. さくっちょ より:

    こんにちは。

    SSL化、面倒ですね。
    でも、やらないと と思います。
    やり方がわかりやすく説明されていて
    とても助かります。
    見ながら進めてみようと思います
    ありがとうございます

  4. たっきー より:

    こんにちは!

    出来ているかどうか確認します!
    丁寧な解説でわかりやすいです。
    助かります。

コメントフォーム

名前

メールアドレス

URL

コメント

トラックバックURL: 
基本からキッチリ学ぶなら!分割払いも可能♪

メルマガを一から学ぶなら!添削指導が受けられる♪

管理人の【あーく】です
このブログについて

訪問ありがとうございます。

ここでは【副業アフィリエイトのはじめの一歩】をお手伝いするために役立つ情報をどんどん発信していきます(^^)v

私の詳しいプロフィールはコチラ

やってみたいけど私にもできるか不安・・

できなかったら恥ずかしい・・

どうしても一歩を踏み出せないというあなたはあーく宛てにメッセージをください。

ぜひ私と一緒にやってみましょう!

検索
カテゴリー
当ブログについて
このブログで使っているオススメツール
スポンサードリンク

ページの先頭へ