ブログ集客のキノウビデザイン|Web制作・デザインチームブログ集客のチャンスをすべての人に。Know-HowワードプレスWordPressブログの作り方まとめBEGINNRS中級者向けIntermediateプロフィールPROFILEコンセプトCONCEPT事業内容BUSINESS問い合わせCONTACTホームSEOエックスサーバーでSSL(https)設定!ブログに鍵マークを表示させて差別化しませんか?公開:2016年7月6日SEOWAKOエックスサーバーでSSL(https)設定!ブログに鍵マークを表示させて差別化しませんか?ツイートシェアGoogle+3はてブ10Pocketエックスサーバーの独自SSLが無料、もしくはお値打ちな価格で使えるようになった事をご存知でしょうか?実は先日、このエックスサーバーのサービスを利用して、僕のサイトも「httpsサイト」に設定を変更しました!!!URLの先頭に「鍵マーク」が付くようになったことがその証拠ですが・・・、なんだかカッコいいですね(笑)この記事では実際に自分のサイトをエックスサーバーの独自SSL化サービスを利用してSSL化を設定を変更した手順を紹介していきます。今回の常時SSL化において支払った費用はキャンペーンの適応がありましたので1年間無料となりました。エックスサーバーを契約している方で、WordPressブログを運営している方は、この記事をご覧になってSSL化(https暗号化)を是非行ってみてください。「検索エンジンから少し評価される」ようになったり「サイトの信頼性がアップ」したりする所かと思います。Webサイトの表示スピードが上がっているように感じています。暗号化サイト)」へと設定変更をしてみることをお勧めいたします。エックスサーバーでSSL化(https暗号化)する手順まずはエックスサーバーにログインします。ログインしてインフォパネルに入ったら「追加のお申込み」をクリックします。続いて、オプション独自SSLの「追加のお申込み」をクリックします。続いて、「同意する」をクリックします。エックスサーバーから申し込めるSSLブランド(証明書)は複数あります。実際には無料のものを使っても何も違いは無いようです。要するに料金の高さは「ブランド力」という事。クイック認証SSLの3つのみという事です。上記3つのSSLブランドで申請した場合、サイトシールの表示タグは後から発行されるようです。サイトシールについての説明は「サイトシールについて」を参考にされると良いかと思います。比較もしてみたいので変えてみました。いう事で、設定に戻ります。対象サーバーのIDと、コモンネームを選択します。SSL証明書新規お申込みの確認。問題が無ければ確定します。確定が終了すると、SSL証明書の発行申請に入ります。エックスサーバー内に複数のドメインを設定してあり、2つめのドメインに対しても同じSSL設定をかけようとすると無料キャンペーンの適用はありません。支払いが済むと、以後の手順につながります。SSL証明書の申請情報を入力していきます。エックスサーバーSSL証明書の発行手続き完了の画面。この画面まで来たら、あとは30分~1時間程度待ちます。上図のような表示となりました。この状態は、まだエックスサーバー上での設定が完了していない証拠です。待っていると「【Xserver】SSL証明書設定完了のお知らせ」という内容のメールが届きます。これで先ほどと同じようにアクセスをすると「https」で表示されるサイトになっているかと思います。SSL化したのに鍵マークがつかない場合の対処方法SSL化の申請が終わり「https」にアクセス出来るようになったとしても、URLの先頭についているマークが「鍵マーク」になっていなければ、まだ設定完了ではありません。SSL化が完了すると鍵マークが表示されるようになります。ここから先は少々地道な作業が始まります。僕が行った対処方法を紹介していきます。1.WordPressのサイト設定を「https」に変更するまずはWordPressの一般設定から、サイトのURLをhttpからhttpsに変更を行いました。データベースをいじったりすることもありませんのでご安心ください。クリックし、一般設定を開きます。WordPressの一般設定の画面です。変更する個所を赤枠で囲みました。(URL)に入力してある「http」から始まるサイトアドレスを「https」に変更して保存します。当サイトの具体的な変更例です。再ログインする時にはダッシュボードも「https」になっているかと思います。余談ですが、WordPressに特化したエックスサーバーの姉妹ブランド「WPX」では、現状独自SSL化のサービスは対応していないようです。その代わりにダッシュボードにだけはSSL化出来るようになっています。2.サイト・記事内の「http」を「https」に変更する続いて行うのは、サイト内に「http」から始まるURLで記載されている内容を全て「https」から始まるURLに変更する作業です。画像リンクや内部リンクを貼っている場合のURLは全て「http」になっているので、ここを変更する必要があります。これを完了した段階で、当サイトは「鍵マーク」が付きました。記事内の文字を置き換えるプラグインを利用する投稿してある記事数にもよりますが、目視と手動で全ての記事の文字を置きかけるのはかなりの手間です。Regex」というプラグインを使えばあっという間に「文字の置き換え」を行う事が可能となります。Regex」を検索してインストールを行いましょう。Regexを検索した画面です。Regex」が表示されますので、そちらをクリック。実際に変更をかけた際のキャプチャ画面です。patternの中に「元々のhttpのURL」を入力してSearchで検索。Save」で置き換えが完了します。先に「Srarch」をクリックしてサイト内にどれくらい該当する文字があるかを見てからでも良いかと思います。content」以外のものも検索しましょう。※ミスをしてしまうと取り返しがつかなくなる可能性があります。バックアップは取ってから慎重に行うようにしてください。Regexというプラグインでは修正できない個所を目視で修正していく作業です。閲覧しているページのソースコードを表示して、文字検索により「http」で始まるURLを入力してチェックします。該当する部分が見つかったら一つずつ修正していく流れとなりますが、だいたいは以下の場所をチェックすれば良いかと思います。グローバルメニューウィジェットフッター部分テーマに直接入力している部分Windowsであれば、見ているWeb画面の上で右クリックをして「ページのソースを表示」。macのSafariの場合には環境設定→詳細タブから「メニューバーに開発メニューを表示」にチェックし、開発のメニューから「ページのソースを表示」をクリックで見る事が出来ます。続いて行うのはリダイレクトの設定で『.htaccess』を修正します。簡単に言うと「http」へアクセスがあった場合に「https」へリダイレクト(自動的に転送)させる記述を行うという事。実はhttpサイトとhttpsサイトは別物として扱われるので、リダイレクトをかける必要があるのです。この辺りはあまり詳しくはないのですが、色々とサイトを調べている中で参考にさせてもらったソースコードがコチラです。[R,L]</IfModule>『.htaccess』をFTPソフトを活用してデスクトップにダウンロードし、ミスをしても修正が出来るようにコピー。その後、テキストエディタを使って上記内容を『.htaccess』に記述したら再アップロードしたら完了です。Consoleの情報も同じことです。従いまして、改めて「https化」されたWebサイトを登録し直す必要があります。プロパティの追加にて「https」で始まるWebサイトを追加する。Consoleのプロパティを追加は画面右上にあります。「3」のSearchConsoleにサイトマップを追加する画面、送信を行いましょう。wwwのありなしを両方とも追加しておきましょう。Googleアナリティクスの設定を変更するGoogleアナリティクスにすでに登録してある方は「http」から「https」に変更する必要があります。以下を参考に変更してください。Analyticsの管理画面の「管理」の場所Googleアナリティクスにログインをしたら「管理」をクリックします。Analyticsのプロパティ設定プロパティに関しては、管理画面の真ん中あたりにあります。AnalyticsのプロパティからデフォルトURLを修正これで設定は完了。これで保存を行います。Consoleと関連付けを行います。失われたソーシャルシェア数を元に戻すhttps化のデメリットとしてはソーシャルボタンのシェア数がリセットされるところです。Cacheというプラグインを活用すれば、これを戻す事が出来るんです。設定も大変簡単なので是非行ってみてください。Cacheをインストールします。Cacheが表示されるようになりますので「設定」の中にはいります。スキーム移行モードを無効から有効へ。あとは、HTTPからHTTPSへのスキーム移行モードを有効にするだけです。時間はかかりますがシェア数が戻ってきます。常時SSL設定のまとめ自分も今回いろいろと調べながら行ったSSL化ですが、実際に終えてみると簡単に出来たように思います。これからWebサイトやブログを作る場合にはSSL化(https暗号化)は当たり前の世界になってきます。いった意味合いでもエックスサーバーを利用する価値は大きくあるかと思いますので、もしよかったら独自SSLを提供しているエックスサーバーを検討してみてください。WordPress.comプラグインの設定方法RECOMMENDこちらの記事も人気です。DESIGN』の代表。骨太なコンセプトとデザインを軸としたブログ・サイトの作成をしています。広告担当、グラフィックデザイナー等の経験を経て現在はフリーランスとして活動中。Install...ブログノウハウ2016.5.28ブロガー必見!検索エンジンを効率良く使う為の検索コマンド8選!PROFILEはじめまして、WAKOです。ブログを本気で楽しむ為のWebマーケティングを、これからブログを始めようとする全ての方にお伝えしています。企業様向けのWebサイト制作を行ってきた中で感じた「ブログの重要性と可能性」をコンテンツとしてまとめなおし、「ブログの始め方」から「アクセスの集め方」、「マネタイズする方法」も紹介。21世紀は個人もブログを活用すれば自由に情報発信が出来る次代です。一緒にブログライフを楽しみましょう。Installerの使い方。