こんにちは。

先日お客様よりホームページを見るとトップページ以外が真っ白になっていて表示されていないとご相談をいただきました。

詳しくお話をお伺いしてみると、こちらの現象が起きるのは Android のスマートフォンでアクセスしたときのみで、iPnone やパソコンでアクセスしたときは通常どおり表示されるようでした。

ご相談を受け調査・対応を行い、最終的には HTML のシンタックスエラーを処置したことで Android のスマートフォンでも通常どおり表示されるようになりました。

その過程で他にもいくつか対応させていただいたので、今回はこのように特定のデバイスで特定 Web ページが表示されないときの対処案をご紹介します。

現状調査

まずはAndroidでホームページが表示されない原因を特定するため、お客様のホームページがどのような状態なのか確認させていただきました。

その結果、気になる点がいくつかありました。

• WordPress のバージョンアップがある
• プラグインのバージョンアップがある
• JavaScript でバイオレーションがある
• HTML でシンタックスエラーがある

お客様のホームページはWordPress で作られていたのですが、それ自体やプラグインに未対応のバージョンアップがありました。

また、テーマが WordPress テーマディレクトリに公開されているものではなく、オリジナルテーマを使われていました。

そのためか、テーマファイル内で HTML のシンタックスエラーや JavaScript のバイオレーションが出たままになっているようでした。

対応内容

以上を踏まえ、次の流れで対応を進めさせていただきました。

• WordPress のバージョンアップ
• プラグインのバージョンアップ
• JavaScript ライブラリのバージョンアップ
• HTML のシンタックスエラー処置

今回のお客様はこちらの対処で改善しましたが、実際ページが真っ白になる原因は様々あります。

そのためご参考程度として、どうしても改善しない場合は当社までお気軽にご相談ください。

WordPress のバージョンアップ

まずは WordPress のバージョンアップです。

オリジナルテーマが使われていたこともあり、いきなり公開されている本番のホームページを最新バージョンにするのは他の不具合が発生する要因にもなると考えました。

そのため、検証用にホームページを複製し、まずはそちらでバージョンアップのテストを行いました。

以降、すべての作業において検証環境で問題ないことの確認がとれた後、公開されている本番のホームページへそれらを反映する手順を踏んでいます。

プラグインのバージョンアップ

次にプラグインのバージョンアップです。

10 個以上のプラグインが利用されていたのですが、いずれも対応時の WordPress 最新バージョンをサポートしているようでしたので、こちらもバージョンアップを行いました。

WordPress Popular Posts のキャッシュ機能有効化

利用されていたプラグインの 1 つに WordPress Popular Posts があったのですが、バージョンアップと同時にこちらのキャッシュ機能も有効化しました。

WordPress Popular Posts とは、ページへのアクセスをカウントし、そのランキングを表示することができるプラグインです。

それなりのアクセスがあるホームページの場合、WordPress Popular Posts の処理に負荷がかかることがあるようで、キャッシュ機能を使うことが推奨されているようです。

お客様のホームページも毎月ある程度アクセスがあったこともあり、WordPress Popular Posts の通知も出ていたのでこちらの機能を有効化しました。

JavaScript ライブラリのバージョンアップ

次は JavaScript ライブラリのバージョンアップです。

テーマファイルでインストールされているJavaScriptライブラリでscroll blockingに関するバイオレーションがいくつか出ていました。

ライブラリ自体もバージョンアップされたものがリリースされているようでしたので、テーマファイルへそれを反映いたしました。

HTML のシンタックスエラー処置

最後にHTML のシンタックスエラー処置です。

テーマファイルで閉じタグなどのエラーが出ているようでしたので、それらの修正を行いました。

まとめ

以上がWeb ページが表示されないときに対処案です。

今回はAndroid のスマートフォンでアクセスしたときのみ表示されないとのことでしたが、iPnone やパソコンなど他のデバイスでもある程度は有効な方法かと思います。

しかし、実際ページが真っ白になる原因は様々あります。

そのためご参考程度として、どうしても改善しない場合は当社までお気軽にご相談ください。