当サイトはWordPressテーマにTCDで販売しているGENSENを使用しているのですが、ある時からこのテーマの一番の売りである検索機能がモバイルページで使用できなくなるトラブルが続いていました。Xサーバーの表示高速化設定が悪さをしている事を突き止めて、どうにか修復する事ができましたので、この記事ではどのように修正したのかを記事にしています。
ワードプレステーマ TCD GENSENとは？
例えば宿・ホテル、ショップの紹介や地域情報を掲載するポータルサイトの場合、メインカテゴリーを「東北」。サブカテゴリーを「青森県」「岩手県」「宮城県」「秋田県」「山形県」「福島県」と設定することで【エリア検索】として活用することができる検索機能に特化したテーマとなっており、キーワードやカテゴリの自由な組み合わせが可能な検索機能と、任意のタグから絞り込み検索が可能な機能を搭載しています。
また、デフォルトでスマートフォンなどのモバイル端末での表示に最適化されたレスポンシブデザインも採用しており、Googleが発表したモバイルファーストインデックスでの高評価を目指した素晴らしいWordPressテーマなのです。
TCD GENSENのヘッダーバー検索機能とハンバーガーメニューが開けない
この便利な検索機能を充実させたTCDのGENSENで、ある時からスマートフォンなどのモバイル端末に最適化されたページで、検索機能が全く使用出来なくなりました。
パソコンなどで表示する時にはキーワード、カテゴリー1～3までのボックスを使用した絞り込み検索が可能なのですが、モバイル端末での表示では虫眼鏡アイコンで絞り込み検索ボックスを表示し、その隣にある三本線をタップしてカテゴリーを表示できるはずなのです。
しかし、どちらの項目もタップしたページのURLの最後に#が付くだけで全く機能しておりません。
TCDのGENSENを使用している他のホームページをスマートフォンで見てみると、ほとんどが正常に機能しているようなので、筆者の環境で起きている不具合である事が濃厚になってきます。
WordPressのバージョンアップをしたり、GENSENの再インストールをしたり、プラグインやキャッシュ機能を無効化してみたりなど、あらゆる手を尽くしてやっとの事で原因を突き止める事ができました。
原因はXサーバーのWebサイト最適化機能XPageSpeedだった！
「XPageSpeed」は、Google社により開発された拡張モジュール「PageSpeed Module」をもとに、エックスサーバーが開発したWebサイト最適化機能で、画像・CSS・JavaScriptなどのファイルを圧縮してデータ転送量を削減したり、同種のファイルを一つにまとめて無駄な通信を削減するなど、Webサイト表示におけるSEO（検索エンジン最適化）のための最適化処理をワンクリックで適用できます。
この機能を有効化する事でページのロード時間を短縮し、Webサイトの読み込み速度を評価する「Google PageSpeed Insights」のスコア値が最大で264％向上します。
Google PageSpeed Insightsは、Google検索での上位表示に有利となるページの表示速度を評価するもので、このスコアが高いほどページの読み込み速度がモバイル端末に最適化されているという判定となり、その結果Google検索での上位ランクに表示されやすいという結果をもたらします。
今回は高速化設定の機能の一つであるJavaScriptの遅延読み込みが、TCDのGENSENの一番の売りである絞り込み検索機能のドロップダウン表示を止めてしまい、その結果URLの最後に#を付けてリロードをするだけの機能となってしまっていたようです。
JavaScriptの設定項目の注意書きには、「本項目をONにすることで、JavaScript読み込み順序が変わり、サイト表示に影響が出る場合があります。 設定変更後、サイトが正しく表示されているか必ずご確認ください。」と記載されているので、もしXサーバーで構築したWordPressサイトの表示に不具合がある場合は、XPageSpeedの最適化設定を見直してみるのが良いのではないかと思います。
当ウェブサイトでは、XPageSpeedのJavaScriptの遅延読み込みを止める事で、スマホなどのモバイル端末での表示において絞り込み検索やカテゴリーのドロップダウン表示が正常に行えるようになったので、もし同じ症状で悩んでいる方がいたら、是非参考にしていただければ幸いです。
Youtubeチャンネルでは、日本国内各地の美しい四季の風景、ネイチャービデオ、花火大会やイベント・お祭り等、クリスマスイルミネーションや夜景、星景タイムラプス映像、Vlog、飛行機や新幹線などの乗り物等の映像をライブラリー化し、世界各地に発信しております。
また、不定期で花火大会やイベントのライブ配信も実施中！
下のYouTubeアイコンからチャンネルを表示していただき、チャンネル登録後に通知をオンにしていただくとライブ配信の通知が受け取れます！
もちろん動画URLや埋め込みタグを使用したウェブサイトへの埋め込みやSNSでのシェアもOKです！
この記事へのコメントはありません。