<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?ごん

突然ですが、あなたのブログのURLは「https://」から始まっていますか?「http://」になってはいませんか?

ブログのURLが

http://

となっている方はSSL化を行う必要があります。

そのサイトをSafariやGoogle Chromeを使って開くと、
「安全ではありません」「保護されていない通信」と表示されてしまうからです。

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
Safari
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
Google Chrome
目次

「http://」から始まるサイトは要注意

「http://」から始まるサイトはGooglechromeでは「保護されていないサイト」iPhoneのSafariでは「安全ではありません」と表示されてしまいます。

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?

このままでも問題はないのですが、サイトに訪れた人にしてみれば気持ちの良いものではありませんよね。

疑問:なぜ安全ではないと表示されるのか?

極端に言えば、「http://」は鍵の掛かっていない家
それに対して「https://」はしっかり施錠された家

つまり「http://」は、空き巣に入り放題で「なんでも盗んで行って~」というようなオープンなハウス状態です。

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?ごん

因みに、httpsのsSecureの略で“安全な、危険のない”って意味です。

エックスサーバーとWordPressで「http://」を「https://」に変更する方法

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?ごん

それではここから「https」に変更する方法を紹介していきますが、その前に。必ず現時点でのバックアップをとることをおすすめします。

<エックスサーバー>SSL設定の方法

SSLとは、通信を暗号化する技術のことです。
「http」と表示されているサイトはSSLが導入されていないサイトです。
SSLを設定し導入すれば「https」表示に変更されます。

STEP
エックスサーバーのサーバーパネルへログイン

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

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
SSL設定を開く
ドメインカテゴリー内のSSL設定を開きます
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
該当のドメインを選択する
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
SSLを設定する

独自SSL設定追加のタブを開き、確認画面へ進むをクリックします

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
確認画面
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
確認画面が表示されるので、追加するをクリックします
STEP
しばらく待つ

画像のように表示されるので、しばらく待ちます

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
完了
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
SSL設定を確認する

さきほどのSSL設定画面を開くと、「https」から始まるURLが追加されていることがわかります。

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?

ここでひとつ注意が必要です。

反映待ちと表示さている間はSSL用アドレスを入力しても開くことができません。

使っているプラウザによって違いますが、下記のようにエラー画面が表示されます。

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?ごん

数10分〜1時間待てば表示されるので、少し時間をおきましょう

<WordPress>URL設定を変更する

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?ごん

時間をおいて、無事「https://」で表示されることを確認したら、WordPressの設定を変更しましょう

STEP
設定を開く
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
WordPressのダッシュボードから設定のなかの一般を選択します
STEP
URLを変更する

WordPressアドレス(URL)とサイトアドレス(URL)を「https://」から始まるものに変更します

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
保存して完了

変更を保存をクリックして完了です

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?

<WordPress>ブログ内の内部リンク「http://」を「https://」に変更する

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?ごん

内部リンクを一括で書き換える場合はSearch Regexのプラグインを使いましょう

Search Regexの詳しい使い方は、下記の記事で紹介しています。

Goblog ごぶろぐ
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
WordPressで複数の画像やコード、リンクを一気に置き換える | Goblog ごぶろぐ ワードプレスで記事をサイトやブログを作成していて、後々「あそこのhtmlを変換したい」「複数使っているあの画像を一括変換したい」「何度も使ったあのショートコードを、...
STEP
Search Regexをインストールする
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
ツールからSearch Regexを選択する
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
検索と置換に入力する
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?ごん

ここは非常に大事なところです。URLの入力ミスをしないようにしましょう。万が一、入力ミスをして置換してしまった場合でも、ミスした内容を覚えておけばこのプラグインで再度置換することが可能です。

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?

検索の窓:SSL化前のURL http://ではじまるブログのURL
置換の窓:SSL化後のURL https://ではじまるブログのURL

STEP
検索のボタンを押す
すべて置換を押してしまうと、置換してしまうので、まず最初に検索を押します
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
置換するリストを確認してすべて置換する

置換するリストが表示されるので、置換前・後の入力が間違っていないか再度確認し、問題がなければすべて置換をクリックして完了です

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?

<エックスサーバー>前のURL(http)からのリダイレクト(転送)

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?ごん

次に、SSL化する前のURL「http://〜」からサイトに訪れても、自動で期に「https://〜」に転送するようリダイレクトの設定します。たとえば、http://chocogon.com←このリンクを踏んでも、ごぶろぐでは自動でhttps://chocogoon.comへ転送されています。

STEP
サーバーパネルを開く

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

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
.htaccess編集を開く
ホームページカテゴリーの中の.htaccess編集をクリックします
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
該当のドメインを選択
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
使用前の注意を良く読みます
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
.htaccess編集を開く
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?ごん

念の為、中身をコピペして保存しておきましょう。

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
コードを貼り付ける

.htaccessの先頭部分に下記のコードを貼り付けて、確認画面へすすみます

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
STEP
実行して完了

実行するを押して完了です。

<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?
<初心者ブロガー必見!>サイトURLは「https://」から始まっていますか?ごん

http://自分のサイトのアドレス を開いて、https://に無事転送されているか確認しましょう。
万が一、サイトが表示されなくなった場合、.htaccessでなにかミスをしてしまった可能性があります。
コピーしておいた.htaccessを貼り付けて、一旦もとにもどしましょう。

この記事が気に入ったら
フォローしてね!

お手数でなければシェアしてください
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ごんのアバター ごん でざいなー

デザイン・パソコン・副業がお好き

Excelやillustratorの使い方
日々の生活で効率をあげる方法など
あらゆることを書いています

目次