無限スクロール とは？

一覧の下の方まで進むと、次の投稿や商品などが自動で読み込まれ、同じ画面に追加される仕組みだよ。次のページを開く操作を挟まずに見続けられる。「無限」という名前でも、用意されたデータがなくなればそこで終わるんだ。

ページネーションは番号や次へリンクで表示するページを切り替えるよ。「もっと見る」は、ボタン操作で同じ画面に続きを追加する。無限スクロールはスクロールが追加のきっかけになるんだ。どれが適するかは、一覧の目的や、件数・現在位置をどう伝えるかによるよ。

続きを見る手間は減るけれど、どこまで見たかや全体の量が分かりにくいこともあるよ。追加が続くと、下にあるフッターにも届きにくくなる。商品一覧だから必ずページネーション、SNSだから必ず無限スクロールと決めず、探し方や必要な情報に合わせて選ぼう。

Intersection Observer APIで、一覧末尾の目印が表示領域に入ったことを検知する方法があるよ。ただし、検知とデータの取得・追加は別の処理だ。さらに、キーボードや読み上げで次の内容へ移動できるか、追加後も読む位置を見失わないかを確認しよう。

方式だけで決まらないよ。Googleのクローラーは通常、ボタンを押したりスクロール操作をしたりしないので、それだけで出る続きを発見できない場合がある。各部分を開けるURLと通常のリンクも用意して、内容をたどれるようにする。ページ番号を付けるだけで検索順位が上がるわけではないんだ。