2017/11/03WordPressで運用しているサイトをhttps化(SSL導入)しました。さまざまな他ブログでもていねいにまとめられているけれど、ここでは備忘録としてその手順をシンプルにまとめてみました。ロリポップで運用をしていますので、ここでの手順はロリポップ編になります。まとめバックアップをとる何か問題があると困るので、バックアップをとりましょう。プラグインを使ってバクアップする方法はいくつかありますが、どうしても専門知識が必要。万一のことを考えると、ロリポップユーザーならバックアップオプションを契約するのが手っ取り早いです。月額300円(税抜き)ぐらいの投資ならば、申し込んでおくべきだと思います。メンテナンスモードにするバックアップが終了したら、サイトをメンテナンスモードに切り替えます。メンテナンスモードの切り替えは、プラグインを導入するとカンタン。私は「Maintenance」というプラグインをインストールして使用しています。ボタンひとつでメンテナンス画面の切り替えができ、画面のデザインもシンプルでかっこいいから愛用しています。ちなみに、AdSenseの収益に影響しないよう、アクセスが少ない明け方4時頃に実施しました。サーバー側の設定をSSLにする次はサーバー側の設定を変更します。「セキュリティ>独自SSL証明書導入」と進みます。すると契約しているドメインごとにSSL化する設定画面が表示されるはず。チェックを入れてSSL化をしましょう。設定すると「設定中」となります。設定完了まで5分ぐらい時間がかかるようです。コーヒーブレイクしている間に完了しました。WordPressの管理画面でアドレス設定をhttpsにする次はWordPressの管理画面にログインします。ログイン後、「設定>一般」と進みます。「WordPressアドレス(URL)」と「サイトアドレス(URL)」に入力されているアドレスを変更しましょう。次に、サイトの内部リンクを変更します。Regex」と選択すると置換画面が表示されます。patternの欄には修正後の文字(https://)を入力。このとき、httpだけでなくコロン以降も入力しないととんでもないことになるので注意が必要。(httpssなんて置換される場合がありますよって話)Replaceボタンを押してもまだ置換はされません。どこがどのように置換されるか確認できるようになります。問題がなければ、「Replace&Save」をクリックして置換します。Regexでエラーが出たときの対処法ただし置換数が10,000を超えるとエラーになります。置換しても画面に何も表示されません。Replace」を導入する方法があります。Regexエラーの原因と改善方法httpsに置換するべき主な文字列この他にもアフィリエイトタグなど置換すべき文字列が存在するはずです。人によって違いますが一応、私が置換したのは以下のとおり。続いて「.htaccessファイルの編集」です。FTPでサーバーに置いてある「.htaccess」ファイルをダウンロードして編集します。普通にFinderなどで開いても見えていないはずです。私はCyberduckを利用していますが、この場合、メニューバーの「表示>不可視ファイルを表示」を選択。すると半透明になって見えるはず。これをまず自分のPCにダウンロードしますが、ダウンロード先でも不可視ファイルなので見えなくなるはず。(ピリオド)」を同時に押してあげれば不可視ファイルが見えるはずです。Leopard以上です。「.htaccess」は重要かつ繊細なファイルなので、ダウンロードしたら複製してバックアップもとっておきましょう。以下のコードを一番上にコピペします。[R=301,L]これで、外部から当ブログへのリンクは、SSL化する前のアドレスになっていてもSSL化後のアドレスに転送されるはずです。ちなみに「.htaccess」の最後の行は必ず改行されていなければなりません。アナリティクスの設定変更GoogleAnalyticsの設定を変更します。「設定>プロパティ設定」を開きます。デフォルトのURLをhttpsに変更しましょう。手作業での置換さらに自分が利用しているアフィリエイトタグやブラウザの開発ツールを使って目視で修正しました。メンテナンスモードをオフにして自サイトをブラウザで確認するこれまでの作業を行えば、ほぼ終了したも同然。仕上げに、メンテナンスモードをオフにして、自分のブログサイトがきちんとSSL化されているかを目視で確認します。私の場合は、作業完了後もひとつだけhttpで画像を読み込んでいたため、エラーが発生していました。このようなときは、Chromeのデベロッパーツールを利用して、どこがエラーの原因になっているかを見極めます。チェックしたいサイトをChromeで表示。ツール」を開いて、「Console」タブにいきます。Content」の表示があれば、そこをよくチェックしましょう。私の場合は、ブログサイトのロゴ画像がhttpで画像を表示していました。ブログのSSL化のチェックにSafariを利用して、ページのソースを表示してエラーが出ないか確認もしました。ちなみにSafariでページのソースを確認するには、環境設定で「メニューバーに”開発”メニューを表示」にチェックを入れていないと見られません。ウィジェットの確認WordPressのウィジェットを利用してテキストファイルをアフィリエイトタグなどを導入していたので、ひとつひとつ目視で確認しました。楽天アフィリエイトを導入しているため、念のためタグを再発行しました。SNSのシェアカウントを引き継ぐ自分は導入していませんが、SSL化するとFacebookやTwitterなどのSNSボタンのシェア数カウントがリセットされてしまいます。Cacheというプラグインを利用するとカウント数を引き継ぐことができるそうです。Console(ウェブマスターツール)のサイト登録を設定します。登録した場合でも、SSL化したサイトの登録をしないといけません。Consolの管理画面から再登録をしましょう。以下の記事も参考にしていただけると幸いです。Consol(ウェブマスターツール)のエラー対処法ブログやサイトの重複ページや重複コンテンツはSEO的にマイナス評価を受けてしまいます。...続きを見るまとめ以上がSSL化対応の作業内容でした。難しいと思っていた作業は、作業フローがわかればカンタンでした。SSL化しないとSEO的にもセキュリティにも悪影響があるのでもっと早くから対応すればよかったです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。*関連記事ブログで設定すべきオススメのping送信先とはWordPressブログを始める際、管理画面より基本的な設定をする必要があります。そのひとつがping送信設定です。Post:過去記事をTwitterやFacebookに自動投稿するWordPressプラグインの使い方ブログに書いた過去のエントリー記事。放っておくと新しい記事の中にどんどん埋もれてしまいます。iOS)から記事更新するとエラーになる不具合を修正iPhoneでWordPressにアップした記事を更新しようとしたところ、記事が編集できずエラーになった。本ブログではWordPressのテーマであるSTINGER5を使用しているのですが、記事下にGoogleアドセンスをダブルレクタングルで表示させています。...PREVGmailを複数台のMac(Mail.app)で受信する際、webサーバーにメールを残しておく方法について(IMAPではなくPOPで受信する方法)NEXTカエレバ、ヨメレバ、トマレバのレイアウトデザインをレスポンシブ対応する方法Twitter@saketoorockさんをフォロー2019/11/13リンナイのガス給湯器の台所リモコンMC-60v3が故障。修理費がもったいないので自分でDIY交換!新品のリモコンMC-120vに交換してみた給湯器のリモコンが故障してしまい、困っていませんか?たとえば、風呂場のリモコンは正常だし、給湯器は壊れていなそうだけど、キッチンのリモコンが壊れてしまった...とか。「モノが違う」という異色な店名のパン屋がオープンしていたので行ってみた。※さいたま市を馬鹿にしているのではない。...2019/08/26Macで「常にこのアプリケーションで開く」が反映されないときの解決方法テキストファイルを開く際、僕はCotEditorというアプリを使用している。...2019/07/16マッサージチェアの処分に困ったら知っておきたい5つの処分方法じいちゃんの家にあるマッサージチェア。ある日、壊れてしまって「処分するにはどーすればいいの?」と言われ、困り果ててしまいました。たしかに、どうやって処分するんだろ。