♡ななえの美容ブログ>>コチラからどうぞ

※記事内に商品プロモーションが含まれる場合があります。

pz-linkcardでつまずいたWordPressをエックスサーバーで常時SSL化

スポンサーリンク
ブログ運営
スポンサーリンク

当ブログ、ようやく SSL 化が終わり「頑張ったね自分よ!おめでとう!」と、
成功した際には一人で小躍りしたほどでした。(;^ω^A

わーいこれで肩の荷が下りた!

パソコンのことも、ネットのことも、WordPress のことも、Google 様のことも、
ほとんど何もわからない50代の私。
今回のように SSL 化しないといけないと聞いただけで
少し気持ちが落ち込むほど(笑)でしたが、
私のような無知な者でも、下書きを含め約600ページ有るこのブログをSSL化することができました。

この今日のブログが、これから SSL 化する方々の参考に少しでもなれば・・・という思いで記録いたします。

当ブログのレンタルサーバーはエックスサーバーを利用しております。

スポンサーリンク
スポンサーリンク

常時SSL化の下準備と参考サイト3選

下準備は万全に

まず丸3日ほど時間をたっぷりかけて、ブログ内の全てのページのリンク先を修正しました。
(内部リンクを除く⇒内部リンクはSearch Regexを使ってSSL化確定後に一括修正しました)

既にSSL化の終わっていた私の別ブログ「美人肌バイブル」へのリンクも数ページあり、
そのURLもhttp からhttps(新URL)に 修正しました。

その次に、今まで訪れた美術館やレストラン、見た映画や、
ブログ運営されている方はほとんど利用されているアフィリエイトタグ、
それらを全て修正しました。

SSL化されていないレストランサイトは食べログに、
同じくSSL化されていない映画や美術館の公式サイトは Wikipedia に、
とにかく自分のブログ内に今まで貼ったURLをひとつ残らず(内部リンク以外)確認しました。

レストラン映画美術館などは、
SSL化されておらずリダイレクトもされていない公式サイトが数多くあります。

Wikipedia より非SSL化の公式サイトの方がより詳しくわかりやすく、
綺麗な画像入りでページが作られており、
本当は私も自分のブログ内で公式サイトを紹介したいのですが、
こればかりはもう時代の流れなので仕方ありませんでした。

もっと良い方法があるのかもしれませんが私は全て手作業でやりました。
先ほど書いたようにこれに3日ほどかかりました。
のべ24時間ほどだったでしょうか。

特に時間がかかったのはカエレバとヨメレバ。
カエレバ・ヨメレバは商品画像と商品名が入るので
見た目が好きで使っています。
カエレバはSSL化されたようですが、ヨメレバも同じくSSL化されたとは言え、
新たにタグを取得しても、
物によっては http のままの箇所をいくつも見つけたので全てカエレバに変更
アマゾンのタグも https のタグを取得。

このように下準備さえきちんとやっておけば、そんなに怖がることはありません。
(下準備が最も重要ということは既にSSL化した別ブログで経験済)

SSL化する際に参考にさせて頂いたサイトはこちらの三つ

この三つの記事を書いてくださった方々に感謝いたします。

エックスサーバーを使うSSL化の方法を詳しく書いてくださったので、
この方々の記事がなければ私はSSL化できなかったでしょう。
本当にありがとうございました。☆Yヽ(´ω`)ノ

これから SSL 化される方々もこの三つの記事をぜひ参考になさってください。
きっとうまくいくことと思います。

しかしながら、この三つの記事を参考にした上でも
「あれ?」と思うことが何点かあったので、私と同じようにつまずいてしまった場合に
少しでも参考にしていただけるように私がつまずいた点を以下にあげておきます。

スポンサーリンク

SSL化わたしがつまずいた点5つ

SSL化設定に一時間半ほどかかった

エックスサーバー内の表示では
「ドメイン名」に独自SSL設定を追加しました。
なお、SSL設定が反映するまで、最大1時間程度かかります。今しばらくお待ちください。

と、ありました。
ネットで参考にさせて頂いた記事の中にも数十分から最大で1時間と記載があり、
私も「1時間、1時間」と思って待っておりました。

が、しかし!
待てども待てども一向に完了せず、ページはエラーのまま。
これは何か大変なことが起きたのではないか?とやきもきしながら待つこと1時間半

ようやくエラーが終わり https のページが出たのです。
待っている間は何もせず(エラーが消えるまで待つ)待たないといけません。⇒他の事をして待つ

あぁ~心配させるよな~・・・(;゚;ω;゚;)ぅ゛… ヒヤヒヤもんでしたよ。

パソコンからはOKなのにスマホから見るとSSL化されていないページがある

パソコンから見てみると URL の前にグリーンの鍵マークがあるのに、
スマホで同じページを見ると https の文字がグレーのまま・・・
これって多分、スマホだけ表示されるウィジェット内に私が何かhttpのURLを貼ったことがあるということだよね?
で、ウィジェット内を全て確認。

するとスマホだけ表示される小さいアイコンを過去に自分で貼っていたようです。
ウィジェット内は既に修正済みのつもりでいたのにそこだけ漏れていたようです。

そのアイコン画像の置き場所のURLをhttpsに修正
またスマホで確認するときちんと グリーンの鍵マークが出ていました!

ページによってSSL化されているページとされていないページがある

もう一度パソコンから全てのページをもう一度チェックしました。
私はGoogle Chromeを使っています。
グリーンの鍵マークが出ていないページの中で明らかに http が使われていることがすぐわかった箇所は即修正できましたが、
ざっと目を通した限りすぐには見つからないページもありました。

その場合は、そのページの上で右クリックし、ページのソースを表示させ、
Ctrl + F で、出てきた入力スペースに「 http:」と入力すると、
そのページに http がある場所と数を、数字と色で教えてくれるので修正

pz-linkcard が原因でSSL化が進まない

全ての http を https に直してもなお、 グリーンの鍵マークのでないページの共通点を見つけます。
グリーンの鍵マークがどうしても出ないページを 4~5ページ確認した頃に
「あっこれは pz-linkcardが原因だな」と気づきました。

pz-linkcard とは、こういうカードを表示してくれる WordPress のプラグインです。↓


しかしネットで詳しく検索してみても、 pz-linkcardはSSL 化されていると書かれた結果ばかり出てきます。

「え~でもそんなことないよ~。
実際に私のブログは pz-linkcardが原因で SSL 化できないページが出来てるんだよ。
それには間違いないよ。」

WordPress の管理画面から pz-linkcard の設定を確認してみました。

上から下までざ~っと目を通していくと、画像取得 API の設定という項目があり、
その中にファビコンの取得 API及び サムネイル画像の取得 API という項目に
http を使った URL の記載がありました。
それらの取得 API がどのように使われているのか私には全く分かりません。

分からないってことは大して意味ないかもと、
おかしくなれば元に戻せばいいし・・・と、
それらの二つの http に sを足して https にして変更を保存

そして元のpz-linkcard を使ったグリーンの鍵マークの出ていなかったページに戻ってみると、
やった! グリーンの鍵マークが出ていました。
やっぱり設定の中にあったこの二つのURLがSSL化を邪魔していたようでした。

また最後にブログ内のすべてのページを確認したところ、
(私の見落としがなければ)全ページでSSL化が終わりました。

サーチコンソールから「証明書にドメイン名がありません」のメールが来て焦った(; ゚ ω゚)

最後にサーチコンソールや、アナリティクスなども登録変更しすべてが完了。

と喜んでいたら、それから何時間かして Google からメールが来ました。
サーチコンソールからです。

SSL/ TLS 証明書にドメイン名がありません。

ウェブマスター様

使用されている現在の SSL / TLS 証明書にドメイン名が含まれていないことが判明しました。

このためブラウザによっては、貴サイトを安全ではないウェブサイトとして認識している可能性があります。
この結果、多くのウェブブラウザが、
貴サイトにアクセスしたユーザーにセキュリティ警告メッセージを表示してユーザーをブロックすることになります。
これは、安全でないサイトで起こりうる、第三者によるユーザーの閲覧の傍受を防ぐための措置です。

すでに TLS 証明書を置き換えている場合は、このメッセージを無視してください。

いやいや手順は間違えてないはず。
エックスサーバーは SSL 化無料だし。
お金払ってないから証明書がないとかそういう問題でもないし。

でもなんだかやっぱり Google からのメールっていうのは無視するわけにいかず、
メールの文章をそのまま貼って、そのままで検索してみると
どうも原因は私にあったようです。

SSL 化が順調に進んで、
すぐサーチコンソールに登録したのですが、
それが時間的にちょっと早すぎて、
Google のクローラが回ってくるタイミングと、SSL化の証明書ができるタイミングがずれてしまっていたようです。

念のためにエックスサーバー内でも確認しましたが、
ちゃんと証明書は発行されておりました。
セキュリティ警告メッセージの表示もされていないので、これはこのまま放置することにしました。

スポンサーリンク

まとめ SSL化につまずいてもネットにたくさんの答えがある

「SSL化、それって何?」
1年前の私はこういう状態でした。

普通に動画を見たり、調べ物をしたり、メールをしたり、
そんな程度でしかパソコンというものを理解できていなかった私が、
ちょうど2年前から独自ドメインを使って WordPress でブログを始め、
悪戦苦闘しながら何とか進んでまいりました。

WordPressを使い始めた2年前の私は、 まさか自分がこうやってSSL化が出来るようになるなんて思いもしておりませんでした。

しかしSSL化といっても、こんな私が出来たぐらいだからやる作業はさほど難しくはありません。
でも何か間違えたらブログの中の記事が全部消えるんじゃないかとか、
一旦進み始めたらもう後戻りできないとか、
何も分からない私だからこそいろんな心配がありました。

でも最近の世の中は便利なもので、こんな何もわかっていない私のようなものでも
ネット上には親切に説明してくださっている数々の記事があり、
その方々の助けがあってこうやってSSL化することが出来ました。

時間はかかったものの、いざやってみれば、やる手順としてはシンプルでそんなに難しくもなくて、
終わらせたときの達成感は清々しいものがあります。
ページが多ければ多いほどやり遂げた感有り。(でももうやりたくないけど(;´ω`A

特に私が使っているエックスサーバーはSSL化が無料なので、
それもとてもありがたかったですね。
エックスサーバーを使っていらっしゃる方もたくさんおられるので、
私がつまずいたような点を細かく詳しく説明してくださっている記事もみつかります。
使っている人が多い物はネット上に答えがあるのでとても助かります。


SSL 化がまだの方、
ネットにはたくさんの素晴らしい記事が山ほどあるので、
SSL 化作業中に何かつまずいても時間をかけて検索すれば必ず答えがあります。
私と同じ箇所で躓いた方が日本の中に一人ぐらいいらっしゃるかもしれません。
そんな方の参考になれば嬉しいな
と思って今日の記事を書きました。

とにかくSSL化が終わって気持ちが軽くなりました!良かった~!!

ブログランキング参加中!下のバナーをクリックいただけると嬉しいです。
いつも応援ありがとうございます♪

 にほんブログ村 その他生活ブログ 節約・節約術へにほんブログ村 その他生活ブログ 家計管理・貯蓄へ
やりくりななえ.com - にほんブログ村

ブログ運営
スポンサーリンク
スポンサーリンク
ななえをフォローする
やりくりななえ.com