GeneratePressテーマ無限スクロール衝突問題

  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

無限スクロール方式は、ページネーション方式に比べて SEO的な側面ではない良いことが知られています。 実際YoastもPaginationを推奨しています。 このブログに設置されたGeneratePressテーマでは、無限スクロール(Infinite Scroll)機能をサポートします。 しかし、このテーマの無限スクロール機能は、プラグインと競合する事例が多いようです。

GeneratePressテーマの無限スクロール機能の競合

ユーザーの経験(User Experience)向上に役立つんじゃないかという考えにブログの設定で無限スクロール機能を有効にしてみました。

GeneratePressテーマ無限スクロール機能

しかし、 GeneratePressテーマ無限スクロールを使用する(Use infinite scroll)機能を有効にしたらホームページとアーカイブページ(カテゴリー、タグページなど)でイメージレイジロード機能が正しく動作しない問題が発生しました。

最初のページの最新のお気に入りリストは正しく表示されたが、下にスクロールしたときにサムネイル(特性画像)がロードされず、ロード中であることを示す画像(Image Spinner)が表示されました。 ポスト内では、画像が問題なく表示されました。

この問題を少し検索してみるとGeneratePressでインフィニットスクロール機能を使用する場合は、プラグインとの競合が頻繁に発生するようです。 無限スクロール機能が動作しない場合、プラグインを一つずつ無効ながら問題を引き起こすのプラグインを見つけることができます。 問題を起こすのプラグインを見つけたら、同じ機能の他のプラグインに置き換えたり、プラグインを削除することを検討することができます。

この場合、画像遅延ロードに関連する問題が発生するので、ワードプレスのサイトに設置されたLazy Loadプラグインとの競合が発生することはほとんど確実ました。 ブログに設置されたa3 Lazy Loadプラグインを無効にして、代わりにLazy Loaderというプラグインをインストールして有効にしたら、無限スクロール時の画像の遅延ロードの問題が発生していない。

GeneratePressテーマで無限スクロール機能が期待どおりに動作していない場合は、まずすべてのプラグインを無効にして、問題が表示されるチェックして、問題の原因は、プラグインのクラッシュかどうかを判断してください。

問題の解決に困難を経験する場合には、GeneratePressフォーラムに質問を上げテーマ開発者のサポートを受けることができます。

おわりに

Yoastの Pagination or infinite scrolling:which is best for SEO? (ページネーションまたは無限スクロール:どれがSEOに良い?)という文では、無限スクロールよりページネーション方式(改ページの方法)がSEOに有利であるとします。

しばらく無限スクロールを利用して見て、訪問者の流入に問題が発生していることをチェックしてみるつもりです。 既存のページネーションと無限スクロールのどちらの方法がより心にかかりますか? コメントで教えていただければ、無限スクロール機能を継続して使用するかを決定する際に考慮します。

参考



コメントを残す