WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

当サイトはエックスサーバーを使っています。高速・格安・高機能の3拍子揃ったとても優れたレンタルサーバーです。そのエックスサーバーで、2016年6月30日から独自SSLが無料・無制限で使えるようになりました。

そこで当ブログもhttpからhttpsに移行したので、その方法を紹介します。

独自SSLとは?

独自SSLに変更するのは良いのですが、独自SSLの意味くらいは知っておかないといけないので、ネットで検索して調べてみました。

SSLとは?

SSL=Secure Sockets Layer。インターネット上でデータのやり取りをする時に、通信を暗号化するセキュリティ機能。暗号化だけではなく、WEBサイトが信頼できる証明書付きの機能も備えている。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

我々がインターネットで買い物をする時に、クレジットカードの情報を入力しますね。この時にSSL通信で暗号化されるので、第三者に盗み見られる事無く安心してカード情報を入力できる訳です。

ブログをhttpからhttpsにする事によるメリット

インターネットで買い物をする時には必須なSSL通信ですが、当ブログのような素人が運営しているサイトで、独自SSLに変更してもメリットはあるのでしょうか?

HTTPS ページが優先的にインデックスに登録されるようになります

Googleのウェブマスター向け公式ブログでも、はっきりと明記されています。という事は、サイトをhttps化しておけば SEO的にも有利 になります。検索順位が上がるのならば、是非設定しておきたいですね。

サイトをhttpからhttpsに変更する手順

それではサイトを常時SSL化にして行きましょう。いちばん最初はエックスサーバーにログインします。

markエックスサーバー

サーバーパネルへ進み、https化したいドメインに設定します。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪""

ドメイン欄の「SSL設定」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

https化したいドメインを選択します。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪""

「独自SSL設定の追加」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

「独自SSL設定を追加する(確定)」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

なお、「CSR情報(SSL証明書申請情報)を入力する」にチェックを入れると、新たに入力フォームが開きますが、ここは特に記入する必要はありません。なので、チェックを入れない方が良いと思われます。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

「SSL新規取得申請中です。しばらくお待ちください。」と表示されるので、しばし待機。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

以上でサーバーの設定完了です。

なお、SSL設定が反映するまで、最大1時間程度かかります。今しばらくお待ちください。

とこ事なので、しばらく待つ必要がありますね。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

試しに「https」で当ブログを表示させてみると、「この Web サイトのセキュリティ証明書には問題があります」と表示されました。続いて「このサイトの閲覧を続行する(推奨されません。)」をクリックしてみました。

「無効なURLです。」と表示されました。やはりしばらく時間がかかりそうです。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

1時間後にはURL https://www.pochiru.click/ がアクセス可能になりました。この段階で次の作業に移ります。

サイトのダッシュボードからWordPressのアドレスを変更する

ブログのダッシュボード→設定→一般へ進み、サイトのURLの「http」を「https」に変更します。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

サイト内のすべて内部リンクをhttpsに変更する

「これでGoogleからの評価も上がる!」と喜んだのもつかの間、ブラウザで表示させると、緑色の「保護された通信」というマークが表示されません。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

ブログ内で使用している画像や内部リンクが「http」のままなので、完全な保護された状態になっていない訳ですね。なので、サイト内のすべての「http」を「https」に書き換える必要があります。当ブログは記事数も少なく、手動でも出来そうですが、記事数が多いサイトではプラグインを使って変更した方が楽ですね。

Search Regex を使って一括変更して行きます。プラグイン→新規追加と進みます。検索ボックスに「Search Regex」と記入、Search Regexが表れるので、今すぐインストール→有効化と設定して行きます。

Search Regexの使い方

ツール→「Search Regex」と進みます。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

以下に設定します。

  • Search pattern http://ドメイン.com/
  • Replace pattern https://ドメイン.com/

「Replace」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

変更予定のコード一覧が表示されます。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

変更してしまうと元には戻せないので、慎重にチェックしておいた方が良いですね。問題なければ「Replace & Save」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

以上で内部リンクの書き換えが完了です。

ヘッダーやフッター、ウィジェット内の画像URLや、ファビコン画像のURLも書き換える必要があります。

アフィリエイトリンクの貼り換え

外部リンクに画像を使っている場合、アフィリエイトリンクがこれに当てはまりますが、httpをhttpsに変更する必要があります。しかし、ASP自体がhttpsに対応していなければコードを貼り換えても意味がないですね。

こんなところにhttpを発見!「 これはヤバい!」 と思いましたが、どうやら<img src=”http>このタグがNGで、<a href=>の中にある「http」はSSL設定には影響は無いそうです。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

全ての貼り換えを終えると、Google先生からお墨付きを言い渡されました(笑)。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

htaccessでURLを統一する

今現在の当ブログの状態です。このままではサイトが2つ存在する事になります。

  • https://pochiru.click/
  • https://pochiru.click/

そこで、https://pochiru.click/ にアクセスされると、https://pochiru.click/ に転送(リダイレクト)されるように設定します。

FTPソフトを起動します。ドメイン→public_htmlと進みます。public_html内の「.htaccess」を右クリックでダウンロードします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪""

ダウンロードした.htaccessファイルをエディターで開き、下記のコードを追加します。

こんな感じですね。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

ファイルを上書きして、元の場所にアップロードします。これで「http~」のサイトにアクセスすると、「https~」のサイトにリダイレクトされるように設定されました。

Google AnalyticsやGoogle Search Console。その他の設定

Google Analytics

Google Analyticsの対象ドメインの「プロパティ設定」から「デフォルトの URL」を「https」に変更します。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

ついでに「ビュー設定」も変更しておきます。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

Google Search Console

新規サイトとして登録する必要があります。Google Search Consoleのログイン後、「プロパティを追加」と進みます。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

https化したサイトURLを記入して「追加」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

①「別の方法」をクリック。②「HTMLタグ」にチェック。③metaタグ内の「” ”」内のコードをコピーします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

別窓を開いて、サイトのダッシュボード→「サイトをカスタマイズ」→「アクセス解析(Analyticsなど)」に進み、「Google Search ConsoleのID」欄に貼り付けて、「保存して公開」をクリックします。Google Search Consoleのサイトの先ほどのページの「確認」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

以上で所有権の確認作業の完了です。試しに「続行」をクリックしてみました。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

「サイトマップがありません」と表示されていますので、サイトマップの作成が必要になります。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

サイトのダッシュボード→「設定」→「XML Sitemap 」と進みます。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪""

「サイトマップを最構築する」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

Google Search Consoleのサイトに戻り、新しい方の「https」のブログをクリック。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

「サイトマップがありません」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

「サイトマップの追加」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

sitemap.xml と入力して送信します。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

サイトマップが送信されたので「更新」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

こんな感じ。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

次に、Google AnalyticsとGoogle Search Consoleを連携させます。Google Analyticsのホームから、「集客」→「Search Console」→「検索クエリ」と進みます。「このレポートを使用するには Search Console の統合を有効にする必要があります。」と表示されているので、「Search Console のデータ共有を設定」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

「プロパティ設定 」のページに移動するので、下へスクロールし、「Search Consoleを調整」をクリックします。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

「編集」と進みます。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪""

連携させたいサイトにチェックを入れて「保存」→「OK」で完了です。

WordPressのサイトアドレスをhttpからhttpsに変えたった!★独自SSL導入♪

WordPressを独自SSL化のまとめ

  • エックスサーバー側で独自SSL設定を追加
  • WordPressサイトのアドレスをhttp→httpsに変更
  • Search Regexを使い内部リンクを一括変更
  • ヘッダー・フッターやウイジェットの画像URLの変更
  • アフィリエイトリンクの貼り換え
  • htaccessでURLを統一する
  • Google AnalyticsやGoogle Search Console。その他の設定

簡単に行えると思いますが、アフィリエイトリンクの貼り換えが大変になりそうですね。