組み込みの無限スクロールを備えた最高の無限スクロールプラグインと WordPress テーマ (サイト滞在時間が 58% から 330% 増加)

2021 年 6 月 11 日更新

免責事項:無限スクロールに最適と思われる 1 つのプラグインと 1 つの WordPress テーマを設定しました。 そこにあるすべてのオプションをテストしたわけではありませんが、十分な注意を払いました. この記事は、私が所有する 16 のニッチなサイトに無限スクロールを展開することに基づく私の意見に基づいています。

おもしろい事実: 16 のニッチなサイトのポートフォリオ全体で無限スクロールにより、サイト滞在時間が 58% から 330% 増加しました (Fat Stacks を除く)。

58% は、現場滞在時間の最小の増加でした。 最大の 330% です。

見てみな：

これは、無限スクロールを展開する前後の平均サイト滞在時間のスクリーンショットです。 このサイトの月間訪問者数は 150 万人を超えていることを考えると、サイト滞在時間の合計増加は驚異的であり、1,500,000 x 訪問者 1 人あたり 34 秒 = 1 か月あたり 850,000 分増加します。 訪問者あたりのページ ビューの増加は、月間 555,000 ページ ビューの増加とほぼ同じくらい印象的でした。

無限スクロール前：2020年2月1日～29日

• セッションあたりの平均ページ ビュー: 1.24
• サイトでの平均時間: 55 秒

無限スクロールあり：2020年4月1日～29日

• セッションあたりの平均ページ ビュー: 1.61 ( 30% 改善)
• サイトでの平均時間: 1 分 29 秒 ( 62% 改善)

私の他のニッチなサイトのほとんどはさらに改善されました。

全体として、これらの利益は非常に大きいです。 私は無限スクロール信者です。 無限スクロールがない場合よりもはるかに長く私のサイトにとどまっているという事実を考えると、ユーザーにとっては間違いなく良いことです.

2種類の無限スクロール

無限スクロールには 2 種類あります。

1 つ目は、訪問者が「さらに読み込む」ボタンをクリックして、より多くの投稿 (アーカイブ ページ) を読み込む場所、または個々の投稿に展開されている場合は次の投稿を読み込む場所です。

2 つ目は、次のコンテンツが画面に自動的にスクロールする場所です。

私は2番目のタイプを配備しました。

無限スクロールを使用する Web サイト上の 2 つの場所

Web サイトの 2 つの部分に無限スクロールをデプロイできます。 1 つは、カテゴリ、タグ、およびより多くの投稿の抜粋をロードするホームページです。 これは私がすることではありません。 ただし、ニッチなサイトのアーカイブ ページでは [さらに読み込む] ボタンを使用しています。

もう 1 つは、個々の投稿に展開して、訪問者が下にスクロールすると次の投稿が表示されるようにすることです。 これは私のサイトにあるものです。

Fat Stacks に無限スクロールを追加しないのはなぜですか?

私はそうかもしれませんが、このあたりの数字はすでに非常に良好で、訪問者 1 人あたりのページ数は 3.39 を超え、サイトの平均滞在時間は 2:59 です。

しかし、私のニッチの残りの部分では、ずっと無限スクロールです。

無限スクロールを展開する 2 つの方法

WordPress サイトを運営している場合は、無限スクロールをデプロイする方法が 2 つあります。 それらは、無限スクロールが組み込まれたテーマを使用するか、プラグインを使用することによって行われます。

私は通常、無限スクロールが組み込まれたテーマを使用しますが、無限スクロールをテストしながら、そこにあるすべてのプラグインを試しました. することを望んでいた

無限スクロールを展開する最良の方法は何ですか?

私は無限スクロールが組み込まれているテーマの方がスムーズだからという理由だけで好んで使っています。 ただし、現在のテーマに固執することを好む場合は、完全に理解できます. テーマの切り替えは大きな操作です。 多くの場合、プラグインをデプロイする方が簡単です。

プラグイン アプローチを好む場合、次の質問は…

無限スクロールに最適なプラグインは何ですか?

主要な 4 つの無限スクロール プラグインをテストした結果、1 つが最高でした。 近くにもありません。 そのプラグインは Ajax Load More (ALM) です。

私がそれが最高であると言う理由は、それが実際に GeneratePress で動作し (他のものは動作しませんでした)、ALM が他のどの製品よりも多くの設定、機能、およびコントロールを提供するからです。

とはいえ、ALM はデプロイが最も簡単なプラグインではありません。 幸いなことに、サポートは素晴らしかったです。 サポートがなければ、私はそれを行うことができなかったでしょう。

簡単に言うと、GeneratePress テーマを使用してニッチなサイトに無限スクロールを展開しましたが、無限スクロールが組み込まれたテーマを使用するほど気にしませんでした。

どの無限スクロール プラグインをテストしましたか?

これらの他のプラグインをノックするつもりはありませんが、結局のところ、ALM 以外のプラグインはどれも Generate Press テーマで動作しませんでした。 別のテーマでプラグインを試していません。 Generate Press で無限スクロールを機能させることにのみ興味がありました。

私がテストしたプラグインは次のとおりです。

• Ajax Load More (最高です)
• YITH Infinite Scrolling (プレミアム版にアップグレードしました)
• Catch Infinite Scroll (プレミアム版にアップグレードしました)
• 次の投稿を自動読み込み

Ajax Load もっと詳しく (私が使った機能)

ALM には、こちらの無料オプションと、こちらのプレミアム オプションがあります。 プレミアム版を使用しました。 ほとんどのプラグインでは無料版を試してみることをお勧めしますが、この場合は有料版を入手する必要があります。これは、個々の投稿や SEO 機能にデプロイするために必要だからです。

ALM プラグインは、多数のオプション、機能、およびコントロールを提供します。 すべてが必要というわけではありませんが、非常に重要なものもあります。

私が必要としていたものとALMが提供したものは次のとおりです。

SEO フレンドリーな無限スクロール

これは重要。 これには、訪問者が新しい記事にスクロールすると、URL スラッグが新しい記事に変わる必要があります。 これにより、新しい記事であることを Google に伝えます。 これが機能していない場合、Google は複数の記事にまたがるコンテンツを 1 つの URL にまとめる可能性があります。

スクロールの最大ページ数を制限する機能

無限スクロールを 5 つの記事に制限するように設定しました。 このようにして、訪問者は最終的に私のサイトの一番下にたどり着きます。 そうは言っても、連絡先ページ、プライバシーポリシー、およびAboutページへのリンクを含む2番目のメニューを上部に配置しています.

カテゴリ別に無限スクロールを展開可能

無限スクロールは、後続のコンテンツが訪問者が読んでいるものに関連している場合にのみ機能します。 これが、カテゴリごとに無限スクロールを展開するオプションがあると便利な理由です。 これが意味することは、スクロールして表示される次の記事は、最初にアクセスした記事と同じカテゴリになるということです。 サイトが幅広いニッチにある場合、これは大きな違いを生む可能性があります.

私が提案するもう 1 つのことは、上部のナビゲーション メニュー バーをフローティング メニュー バーに変えて、訪問者がスクロールをはるか下までナビゲートできるようにすることです。 ホームリンクも貼っておきます。 これにより、サイト内での訪問者の方向性を維持できます。

Ajax Load More プラグインの速度テスト結果

友人であり、サイト速度の専門家であり、非常に人気があり、途方もなく役立つブログ PagePipe.com の発行者でもある Steve Teare は、ALM プラグインの速度テストを行いました。 以下は、彼が私に提供した結果であり、ここに複製する許可を得ています。

1. このテストはブログ投稿であり、無限スクロール機能があります。

滝の項目 9 に注意してください。 つまり、投稿の読み込み時間に 754 ミリ秒を追加する Ajax です。 これは Ajax の典型です。 TTFB は 1 秒であることに注意してください。 Ajax 呼び出しはサーバーのアクティビティに影響を与えるため、TTFB も増加します。

幸いなことに、残りのページ アセットは超軽量です。 したがって、ロード時間は 2.192 秒です。 2 秒のパフォーマンス バジェットを下回っていませんが、近いです。 幸いなことに、Ajax の多くは遅延ロードされているようです。 しかし、モバイルでは？

ここで WebPageTest スコアを参照してください。

2. このデモのもう 1 つのこっけいなテスト: 私たちの推薦状ページ (通常は非常に高速) は、投稿ではなくページであるため、Ajax がロードされるべきではありません。

繰り返し: プラグイン コントロールで投稿のみが選択されます。

ここで WebPageTest スコアを参照してください。

TTFB — 同じサーバー — 664 ミリ秒に注意してください。 ロード時間: 1.585 秒。

プラグインの Ajax がロードされていません。 これは良いプラグインです。 きちんと建てられています。 選択的活性化を使用します。 Ajax は常に速度に劣ります (WooCommerce は世界中で頻繁に使用されています)。 しかし、あなたがするつもりなら
必要な場所でのみオンにしてください。 誰もいない部屋に明かりをつけたままにしないでください。

ありがとうスティーブ。 サイトの高速化についてさらに詳しく知りたい場合は、Steve の PagePipe.com Web サイト (こちら) にアクセスしてください。

無限スクロールが組み込まれた私のお気に入りの WordPress テーマは何ですか?

これまで、投稿用の無限スクロールが組み込まれた 2 つのテーマを使用してきました。 彼らはビンバーとアストラプロです。

2021 年 3 月に、すべてのサイトを Bimber から Astra に切り替えました。 Bimber は素晴らしいですが、Astra よりもはるかにかさばり、肥大化しています。

個々の投稿のアストラ無限スクロールはうまく機能します。 変更を行うトラフィックの変更はありませんでした。 Fat Stacks も Astra を使用しています (ただし、Fat Stacks では無限スクロールをオンにしていません... 私のニッチなサイトだけです)。

無限にスクロールしたいなら、最近はAstraを強くお勧めします。

以前は Bimber Theme を使用していましたが、素晴らしいですが、Astra よりもはるかに肥大化しています。 最も軽いテーマではありませんが、無限スクロールは完璧です。 無限スクロールのテーマは他にもあります。 すべてをテストしたわけではありません。 多くのデモをチェックしましたが、Bimber の機能が最もスムーズだと思いました。 私は自分の選択に失望していません。

上記の必須機能がすべて含まれています。

Astra Theme で無限スクロールをオンにする方法

[カスタマイズ] => [ブログ] => [単一の投稿] に移動します。 下にスクロールして、次のように「以前の投稿を自動読み込み」をオンにします。

Astra テーマで無限スクロールの投稿数を制限する方法

無限スクロールと呼ばれていますが、私はスクロール内の投稿数を 5 つに制限することを好みます。

これを行うには、[設定] => [読み取り] に移動し、[シンジケーション料金は最新のものを表示] フィールドに、次のように無限スクロールの投稿数を制限する数を入力します。

Bimber Theme で無限スクロールをオンにする方法

カスタマイザーに移動します => 投稿 => シングル => 「次の投稿を自動ロード」というタイトルのセクションまでスクロールします。

そこに来たら、「有効ボックス」をチェックして、無限スクロールの投稿の最大数を示し、カテゴリ別にスクロールするかどうかを示します. スクリーンショットは次のとおりです。

Astra または Bimber テーマを使用する場合、Ajax Load More プラグインが必要ですか?

いいえ、Bimber テーマ (または無限スクロールが組み込まれたテーマ) を使用する場合、無限スクロール プラグインは必要ありません。

どちらかを選んでください。

アストラのテーマは速いですか?

はい。 最軽量ではありませんが、軽量テーマとしての資格は間違いありません。

Bimber テーマは高速ですか?

最速のテーマではありません。 ただし、購入して展開する前に、いくつかの調査を行いました。 そのとき、Steve Teare のブログ PagePipe と彼の Bimber テーマのレビューに出くわしました。 私はビンバーについてさらにスティーブに話しました。 彼は、それが速度の点で最高のテーマではありませんが、それが提供するものについてはまともだと言います.

無限スクロールは SEO に悪影響を及ぼしましたか?

いいえ。無限スクロールを使用して以来、検索トラフィックが増加しました。 無限スクロールのために成長したと言っているのではありません。 無限スクロールが SEO に悪影響を及ぼさなかったことを示唆しているだけです。

ただし、無限スクロールを SEO 用に適切に設定する必要があります。 これには、新しい記事が表示されるたびに URL スラッグを変更する必要があります。 また、新しいページが表示されると SEO タイトルが変わるように設定しました。

ALM はこれらの両方の要件を処理します。

無限スクロールのサイトにディスプレイ広告を表示できますか?

これが、無限スクロールが本来あるべきほど普及していない理由の 1 つです。

多くの広告ネットワークには、無限スクロールに広告を展開する技術がありません。

私が知っている唯一の広告ネットワークは AdThrive です。 そのため、すべてのサイトを AdThrive に移行中です。

ここで、無限スクロールで広告を掲載できるかどうか、すべての広告ネットワークに尋ねたわけではありません。 無限スクロールに対応できるネットワークは他にもあると思います。

無限スクロールで AdSense 広告を使用できますか?

いいえ、AdSense 広告は無限スクロールでは使用できません。

無限スクロールのサイトで Ezoic 広告を使用できますか?

はいといいえ。 はい。最初のページ ビューには広告が表示されますが、それ以降のページ ビューには表示されません。

Mediavine と Monumetric は、無限スクロールを構成できる場合があります。 Mediavine に連絡したところ、可能であるとのことでしたが、Mediavine ではできないと言われたこともありました。

最善の方法は、広告ネットワークに問い合わせることです。

無限スクロールは広告収入を増やしますか?

繰り返しますが、よくわかりません。 COVID-19 が大打撃を与えたため、広告料金が大幅に低下したため、導入しましたが、その後再び上昇し始めました。 広告収入の増加は、無限スクロールの結果とは言えません。 率直に言って、私は気にしません。 現場での滞在時間が増えたことは、私にとって十分に大きなメリットです。

より多くのサイトで無限スクロールが使用されないのはなぜですか?

知るか？

Google で「無限スクロールは良い」と検索すると、悪いことを示唆する大量の投稿が表示されます。

しかし、よく考えさせられたのは、一流のサイトの多くが無限スクロールを使用していることです。 もちろん、それらのすべてではありませんが、多くの人がこのようなことをテストしています。

少なくとも試してみる価値はあると思いました。 やってよかったと思います。 時間とお金の無駄になってしまう多くのことをテストしますが、何かが機能する場合、それは本当に機能する可能性があります. 無限スクロールはそのような機能の 1 つです。

私の究極のリトマス試験紙

Web サイトの訪問者として、特に携帯電話で、無限にスクロールできるサイトが大好きです。 リンクやメニューのあるサイトをナビゲートしたくありません。 私を楽しませて、もっと素晴らしいコンテンツを提供してください。 私がそれを好きである限り、私は固執します。

私がそれを好きなら、他の人はそうしなければなりません。