THE THOR(ザ・トール)でアイキャッチ画像が表示されない理由はあの有名プラグインだった!

宝箱からキュンです

以前から有料のWordpressテーマ「THE THOR」を使っていてSEO設定のimg非同期読み込みをONにすると画像やアイキャッチが表示されずにアイキャッチ画像が表示されずにブラックボックスで表示され、おそらくレイジーロードも機能していないと思われるので、対処した方法を紹介します。

 

img非同期読み込み

 

アイキャッチを表示させる方法は解決済みで、img非同期読み込みのチェックを外すことで正常に機能しているので問題はないですが、久しぶりにサイトスピードを計測してみたら異様にサイトスピードが遅いので気にはしていましたが、最近はGoogleのサイトスピードの基準も5Gが始まってからだいぶ緩和されている感じがしますのでかなり放置していましたが、改善したくなってので対処方法を紹介します。

テーマのAMPでもimg非同期読み込みのチェックを入れていると画像が表示されないようですので、AMPで画像が表示されない問題もわかってはいましたが、記事数が多いのでAMPに対応するか悩み中です。

THE THORのアイキャッチ画像が表示されない症状を確認

 

画像が表示されない

 

THE THORでアイキャッチ画像が表示されない不具合はあの有名なワードプレスプラグインの「Autoptimize」が原因であることはわかっていてTHE THORのSEO設定のimg非同期読み込みのチェックを外せば正常に表示されますが、カスタマイザー画面では画像が表示されているので気付いていない方も多いかもしれませんのでシークレットモードで確認してください。

シークレットモードで確認してみるとアイキャッチ画像が表示されずにブラックボックスで表示されますので、もしかしたらこのサイトでもアイキャッチ画像が表示されていない期間があったかもしれません…

シークレットモードでのサイトの確認方法は自分のサイトのリンク(黄色枠)を右クリックして「シークレット ウインドウで開く(G)」(赤枠)で表示されますのでご確認ください。

 

シークレットウインドウ

 

THE THORではデフォルトでGoogleのレイジーロードが無効化されているので、テーマのimg非同期読み込みを外すと実際に機能しているかも全ての確認は難しいので遅延読み込み(レイジーロード)がおこなわれているかはわかりませんね!

「Autoptimize」にも遅延読み込みの機能が付いていてチェックをつけていましたが、Googleのレイジーロードが使われている場合に機能するのかも怪しいですし、テーマの遅延読み込みの方が無難です。

 

THE THORのフォーラムでもAutoptimizeのことは出てきますし、使われている方が多いように思われますが画像が表示されない報告もされてないようですので、気づいていないか?誰も教えないだけかもしれません。Twitterで他のテーマでAutoptimizeを使っている方が画像が表示されない書き込みがあるようですので全テーマでの不具合でしょうし、設定しだいでは改善できるかもしれませんね!

Autoptimize使用でアイキャッチ画像が表示されない問題を解決

 

軽くWebで調べて解決策があるか調べてみて試してみましたが、アイキャッチ画像が一瞬表示されるもののブラックボックス化してしまうのでAutoptimizeを停止し、削除することにしましたところTHE THORのimg非同期読み込みを入れても画像が表示されますし、遅延読み込みもされるようになりました。

さらに調べたり、設定のチェックを外せば解決できたかもしれませんが、めんどくさいのでAutoptimizeを削除することにしました。

Autoptimizeを使いwebpを使おうと思ってもいただけに残念ではありますが、今後はAMPの導入も検討中ですが記事数が多いので悩むところです。解決といってもプラグインを無効化し削除しただけなのでAutoptimizeを使いたい方は徹底的に調べてみるのもいいでしょう。その他にも広告などの画像なども表示されなくなる可能性もありますので対処しない予定なら削除して使わないのが無難でしょう。

久しぶりにPageSpeed insightsで計測してみたところ以前のスコアに戻っているので問題ないですが、それでも遅いのでサイト速度改善にのぞみたいところです。しかし記事数が多くなるとAMPを導入しても遅いようですし、エラー修正などに追われる可能性もありますので慎重に考えて時間があるときに導入したいところです。

まとめ

 

今回はTHE THORでアイキャッチ画像が表示されないときの対処方法ですが「Autoptimaize」を使っている場合のみですが、他の高速化プラグインを使っている場合にも起こりうる可能性もありますので似たような不具合がある場合はプラグインを疑ってみましょう。

Autoptimizeは使っている方も多くいですが、間違った使い方をすると不具合が出やすいプラグインなので対処できない方は使わないほうが無難でしょう。シークレットウインドウで確認しないと画像が正常に表示されるかわからないので確認してみましょう。管理人もシークレットモードでたまたま確認したときにブラックボックスになっていたのを確認出来ましたが、カスタマイザー画面しかみていない方は気づいていない可能性もありますし、キャッシュの問題で実際には表示されているのかもしれないので自身でも確認してみてから対処しましょう。

 

パソコン買うならBTOパソコンはいかが?
宝箱からキュンです
最新情報をチェックしよう!