Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!
雑記

ワードプレスSSL化で画像表示が崩れた

このブログはワードプレスを使って書いていますが、昨年末から意を決して始めました。

今まで無料ブログでは何年もブログを書いた経験はありますが、ワードプレスは初めて。

こもこ
こもこ
何だか難しそうで…

ずっと敷居が高いイメージがあったのですが、実際に始めてみると想像よりは使いやすいと感じました。

こもこ
こもこ
分からない箇所は色々な解説サイトがあるので助かります

ですがここにきて、躓いています。
10日程前からサイトの表示に異常が出てしまいました。。。

今回は覚書の意味でこの記事を書いてみたいと思います。

 

危険なWebサイトと判断されている?

ある日、ウイルスバスターが入っているスマホからこのブログを見ようとすると、「危険なWebサイト」と表示されてしまい、アクセス出来ない状況だと気付きました。

他のウイルスソフト(ノートンなど)でも評価の確認をしてみたのですが、どれも未評価です。まだサイトが出来て間がないからかも…と思いましたが、とりあえずトレンドマイクロに評価の申請をしました。

 

サイトをSSL化する

ですがその事がきっかけで「サイトの安全性」について調べているうちに、自分のサイトが「http」だという事に気付いたのです(恥)

こもこ
こもこ
SSL化…聞いた事はあったもののその重要性も知りませんでした…

そこで、今後の為にもSSL化しておいた方がいいのではないかと思い、SSL化してみる事にしたのです。

 

エックスサーバーでSSL設定

このブログはエックスサーバーを使用しています。
SSL化をする為に、エックスサーバーにログインし、SSL設定をしようとすると…

こもこ
こもこ
既に無料のSSL用アドレスがありました…

最初から無料でSSL用のアドレスがあったのですね。気付かなかった…
どうして初めからこちらのアドレスを使わなかったのか…今から思うと後悔です。

ですが救いはまだブログを初めて日が浅い事。今のうちにパパッとSSL化すれば問題はない!と思っていました。

 

SSL化の為にやった事

よく理解出来ていないまま進みましたが、以下SSLの為にやった事です。

  1. ワードプレスでアドレスを「http」から「https」に変更
  2. Search Regexで内部リンクを全てhttpsに置換
  3. エックスサーバーの.htaccess編集からリダイレクト用のコードを追記
  4. Google Analyticsのプロパティ設定でURLをhttpsに変更
  5. アフィリエイトの設定も必要なものはhttpsに変更
  6. Google Search Consoleでhttpsのサイトマップを追加
  7. SNSの設定アドレスをhttpsに変更

 

まだ他にも処理したものがあったかもしれませんが、覚えているのはこれぐらいです。
とりあえずこれらの設定変更で、サイトは無事SSL化する事が出来ました。

 

サイト表示のスピードアップ

SSL化だけで終わっておけば良かったものの、これを機会に以前から気になっていた事も修正しました。

それはサイトが重い事です。
サイトを開こうととすると、表示までかなり時間がかかる事があり、それを改善しようとしました。

ワードプレスの新たに入れたプラグインは以下のとおり。

  • Autoptimize
  • BJ Lazy Load
  • WP Super Cache

これ以外にも、以前から入れていたプラグイン。

  • EWWW Image Optimizer

エックスサーバーの高速設定

  • Xアクセラレータは最初からONになっていました。

 

サイトの画像が表示されない

ここまで処理をした段階で、ようやくサイト表示の異常に気付きました。

画像が表示されない時があるのです。

こもこ
こもこ
常に表示されない訳ではありません。その時々により表示されたりされなかったりするのです

例えばこんな感じ。

記事ページはわりと表示出来ている事が多いのですが、トップページはこのように表示されない事があります。

読み込みし直すとほとんどの場合は表示されますが、キャッシュをクリアして再度表示するとまた白くなったり…。

毎回同じ画像、同じ場所が白くなる訳ではなく、その時々で違うので、画像自体に問題があるというより、読み込みに問題があるのか…。

 

解決する為に試した事

まずは多くのサイトで、「プラグインでエラーが出る」と説明されていたので、新たに入れたプラグインが原因だと思いました。

  • プラグインを停止した

まずは新たに入れたプラグインを全て停止しました。それでも改善されなかった為、他のプラグインも可能な限り停止したり削除したりしてみましたが改善されず。

  • 子テーマから親テーマに

私は「JIN」というテーマを使わせてもらっています。
子テーマを使用していましたが、どこか設定を間違ってしまったのかと思い、まずは親テーマに戻してみましたが…改善されず。

こもこ
こもこ
この辺りでようやく焦り始めました

気付くの遅っ!(汗)

 

ワードプレスSSL化で画像表示が崩れた|まとめ

解決していないので「まとめ」にもならないですが、原因が分からない状態です。

最初はプラグインやテーマで何か問題が発生したのだと思い込んでいましたが、問題は別にあるような気がしてきました。
現在サーチコンソールを確認するとエラーがあるのが気になっています。

そもそもSSL化が原因なのか、プラグインやテーマを触ってしまった事が原因なのかも不明です。

引き続き観察しますが、解決するのでしょうか…。

 

噂の美容液。お試し定期モニターキャンペーン!

初回限定999円!特濃集中ケア♪