管理TweetPocket今更ですが、、、SSL化対応することにしました。Googleが『SSL化されたWebサイトはランキング評価で優遇する』とのことで、仕事先ではもうだいぶ前から『SSL化』の準備を進め色々対応してきたのですが、自分の管理しているサイトは後回しになってしまって、というか家に帰ると仕事モードではなくなるので、ずっとほったらかしになってたんですよね。『2017年10月以降は、SSL対応されていないサイトに対するchromeの警告表示も強化』とGoogleが発表していたようで、確かにこのあたりから管理しているサイトのPVが微妙に下がったんですよね。これはもう面倒くさくてもやっておかねば。いうことで、SSL化対応することにした次第なのです。ABC』で独自SSL対応を行ったのですが、やっぱり大変でした。その方法を、順をおってまとめていきます。データのバックアップまずはバックアップ。普段と違う慣れない作業を行う時は、思わぬ操作をしてしまうこともありますので、念のため。FTPで丸々ダウンロードしたり、データベースをphpMyAdminでエクスポートしたりしておきます。エックスサーバー(XSERVER)でのSSL設定エックスサーバーでは、『無料で独自SSLが設定できる!』ので、ほんとありがたいですよね。他社では数千円〜数十万円とかかるようですのに。これでエックスサーバーやめられなくなっちゃいますね。XSERVERにログインしてサーバーパネルの画面へ行き、『SSL設定』をクリックします。SSL化したいドメインを選択します。『独自SSL設定の追加』タグから設定するドメインを選択し、『独自SSL設定を追加する(確定する)』をクリックします。『SSL設定一覧』に設定したドメインが表示されます。反映までには最大1時間程度かかるとのことで、設定してすぐ『SSL用アドレス』をクリックすると、このような画面になります。(Chromeにて)最大1時間程度かかるとのことでしたが、今回は10分ほどで完了しました。この状態ではまだ『保護された通信』とアドレスバーの左にでてないので、これは後で対処していきます。ちなみにエラー画面から正常にサイトの表示へと変わったのを確認してから、次の手順に移ってくださいね。表示される前に作業をしてしまうと、サイトが真っ白になって管理画面に入れなくなることもあるそうですので。『エックスサーバー(XSERVER)でのSSL設定』はとりあえず以上です!ちなみにエックスサーバーのサイト内にも、独自SSLの設定方法を公開してますので、気になる方はそちらも参照してください。ワードプレス(WordPress)でのSSL設定プラグインを使用して手順を減らす方法もあるのですが、プラグインエラー等、今後のことも考えて、今回は全て手作業で設定していきます。変更し、『変更を保存』をクリックします。ちなみに、この作業を行うと自動ログアウトされるので、再度ログインしてください。等々、いじったことのあるファイルは全部チェックですね。DreamWeaver等でテーマのファイルを選択して検索すれば、そこまで大変な作業ではないですが、やはり大変ですねぇ。Regex』で、内部のリンクを一括置換します。Save』をクリックでOK!!です。ある確認したかったので、『Search』をクリックしたら、270箇所ありました。他のサイトでは4,000箇所以上あったので、だいぶ少ないですね。外部リンク等ほとんどないからかな。最初この作業をせずに最後まで行ったのですが、なかなかSSLエラーが解消されず、『保護された通信』の状態になるまでだいぶ時間を費やしてしまいました。DreamWeaverで検索しても引っかからない場所にある、共通で使っているcssやプラグインがあったんですが、そんなのいちいち覚えてないので、チェックして探し出すのにほんと苦労しました。そんなわけで、ここもきちんとチェックして変更してくださいね。Cache』で、SNSのシェア数を引き継ぎます。別サイトとして認識されるので、せっかく今まで積み重ねてきた『SNSのシェア数』がゼロになってしまいます。Cache』の設定は簡単で、設定内にある「HTTPからHTTPSへのスキーム移行モード」を「有効」にするだけでOK!!です。『ワードプレス(WordPress)でのSSL設定』は以上です。変更しただけなので、『保護された通信』にはなっていません。『保護された通信』の状態にしていきます。C」なりで、デベロッパーツールの画面を開きます。Panel』と出ていれば、これをクリックし『Network』画面にいきます。出てこない場合もありますのが、その場合も『Network』の画面へ行きます。『Network』の画面にいくとこのような画面になるので、エラーとなっている画像等をチェックします。なってない場合は[F5]なり[command+R]でリロードして、『mixed-content:displayed』といれてフィルターします。エラーとなっている画像等の名前にマウスを載せると、パスがでてきます。ちなみに、『Console』の画面でも確認は可能です。今回はあえて一つだけにして確認したのですが、最初はここに何十個もでてきました。certificate』で証明書を確認出来るようになります。アドレスで表示されるだけですので、『.htaccess』にてリダイレクト設定をしていきます。『.htaccess』はエックスサーバーのサーバーパネルの「.htaccess編集」の画面、もしくは、FTPで、[public_html]直下にある『.htaccess』ファイルを直接編集します。リダイレクトされる記述を追加します。[R=301,L]以下のような状態にして、更新をすればOKです。WordPressちなみにこの上には別の記述もありますので、これ全体の丸々コピペは厳禁です。リダイレクトの記述のみをコピペしてくださいね。エックスサーバーのサイト内にも、「.htacces』についての説明がありますので、気なる方はこちらも参照にしてください。Console』などなど、色々と設定をされていると思いますので、そのアドレスの追加や設定をどんどんしていきます。変更し、『保存』をクリックします。Console』を設定した後に、設定し直します。Analyticsの設定変更』は以上です。両方のアドレスを追加します。アドレス追加が完了したら、『優先するバージョンを設定』し、ターゲットとする』国を設定』し、『サイトマップ(sitemap.xml)を送信』すればOKです。Console』のメッセージにきてると思いますので、その手順にしたがっていけば、さほど難しくはないと思います。調整』のボタンをクリックして設定すれば、晴れて終了です!!まとめいや〜〜〜〜〜、大変でした。週末丸々使っちゃいました。この『常時SSL化対応』をしたことで、検索結果が下がることはない、というより『検索結果におけるランクが向上します。』とGoogleも明言してますので、上がって行ってくれるはずなので、しばらく様子を見たいと思います。前回はRSSのボタンを自分のサイトに表示させる方法を書いたのですが、今回は自分のサイト以外(勿論自分のものもOK!)の気...記事を読む▷RSSフィードを設置してすぐにエラーが...恥ずかしながら、RSSフィードを管理している全てのサイトに設置していませんでした。Optimizerへ登録するPingのURL)久しぶりに新たなサイトのためにPingの送信先リストをチェックしてみたら、、、このようなよろしくない状態でした。簡単コピペ!!先週『日付を毎月変えるの邪魔くさいし、サイトに書いてる日付とってくれへんやろか?』という依頼がありました。コメントをキャンセルメールアドレスが公開されることはありません。*次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。