ページネーションとは、一覧や長文コンテンツを複数のページに分け、ユーザーが「次へ」「前へ」やページ番号で移動できるようにする仕組みです。
ECの商品一覧、ブログのカテゴリ一覧、レビュー一覧のように、1ページですべてを見せると重くなりやすい場面では、ページネーションが有効です。ただし、分割のしかたを誤ると、ユーザーが見づらくなるだけでなく、検索エンジンにURLの関係が伝わりにくくなることもあります。
この記事では、2026年時点の考え方に合わせて、ページネーションの基本、SEO上の注意点、実装のコツ、無限スクロールや「さらに読み込む」との違いまで整理していきます。ページネーションを正しく設計したい方は、ここからはじめていきましょう。
この記事でわかること
ページネーションの基本と、まず押さえるべき結論
ページネーションは、「長い一覧を分割して見せるUI」であると同時に、「複数URLの関係を整理する設計」でもあります。見た目だけの問題ではなく、クロール、インデックス、回遊性まで関わるのがポイントです。
たとえば、100件の商品を1ページに並べると、画像読み込みが増えて表示が遅くなりやすくなります。一方で、20件ずつ5ページに分ければ、初回表示は軽くなります。ただし、2ページ目以降にたどる導線が弱い、URLが不安定、並び替えURLまで量産されている、といった状態だと、SEO面では扱いが難しくなります。
実務でよくあるのは、「ページを分けたこと」自体が問題なのではなく、「分けた後のURL設計とリンク設計が曖昧」なケースです。ページネーションは便利ですが、雑に実装すると評価が分散しやすくなります。
どんなページで使われるか
ページネーションが向いているのは、1ページに全件表示すると重くなりやすい一覧ページです。代表例は以下の通りです。
- ECサイトの商品一覧ページ
- ブログやメディアのカテゴリ一覧
- レビューや口コミの一覧
- 検索結果一覧
- アーカイブが長いニュース・コラム一覧
逆に、1本の記事本文を細かく分割する使い方は慎重に判断したほうが良いでしょう。読むたびに次ページへ進ませる構成は、一覧ページよりもストレスになりやすいためです。
2026年時点での考え方
2026年時点では、ページネーションそのものがSEO上不利というより、Googleが各URLを独立したページとして扱える状態にしておくことが重要です。各ページに固有URLを持たせ、順番にたどれるリンクを置き、不要な並び替え・絞り込みURLを増やしすぎないことが基本になります。
また、Googleのクローラーは通常、ボタンを押したり、ユーザー操作前提のJavaScriptを実行したりしません。つまり、「さらに読み込む」や無限スクロールを採用しても、裏側でページネーション相当のURL群が用意されていなければ、全件発見されない可能性があります。
（参照：ページ分け、段階的ページ読み込み、それらの Google 検索に対する影響）
ページネーションのメリットと、向いていないケース
ページネーションの利点は、初回表示を軽くしやすく、一覧の見通しを良くできることです。ただし、すべてのページで採用すべきではありません。重要なのは、「分割したほうが探しやすいか」「分割しないほうが読みやすいか」をページ種別ごとに分けて考えることです。
メリット1 初回表示を軽くしやすい
一覧ページでは、件数が増えるほど画像、価格、レビュー、在庫表示などの読み込みが重くなります。ページネーションで20件、30件などに区切れば、最初の表示負荷を抑えやすくなります。
特に、色違いの靴が何十点も並ぶECカテゴリや、サムネイル付きの記事一覧では効果が出やすいです。モバイルでは最初の表示速度が回遊率に直結しやすいため、一覧の分割は単なる見た目調整ではありません。
メリット2 現在地と全体量を伝えやすい
ページ番号があると、ユーザーは「いま3ページ目を見ている」「全部で10ページある」と把握しやすくなります。これは、長い一覧で迷子になりにくくするうえで有効です。
レビュー一覧でも同じです。たとえば家電の商品詳細で口コミが300件ある場合、10件ずつページ分けされていれば、最新レビューを追う人も、古い評価まで見たい人も動きやすくなります。
メリット3 一覧ページの役割を明確にしやすい
ページネーションが整理されていると、1ページ目は入口、2ページ目以降は続き、という役割が明確になります。カテゴリの起点がはっきりするため、内部リンク設計とも相性が良くなります。
当社でも一覧ページの改善では、記事本文より先に、カテゴリ1ページ目が入口として機能しているかを確認することがあります。ページネーションの見た目より、一覧の起点が分かる構造になっているかのほうが、回遊にもSEOにも効きやすいためです。
⇒内部リンクの考え方は、内部リンクとは？SEOの効果や正しい貼り方、おすすめのリンク設置場所で整理しています。
向いていないのは「本文を無理に分割する」ケース
一方で、1本の記事を不自然に2ページ、3ページへ分ける構成は、満足度を下げやすいです。特に、解説記事やノウハウ記事では、ユーザーは一気に読みたいことが多く、途中でクリックを挟むだけで離脱しやすくなります。
画像や表が極端に多い特集ページなら分割も選択肢ですが、通常のSEO記事では、まず1ページ完結を優先したほうが現実的です。情報量が多いから分けるのではなく、一覧として分ける意味があるかで判断することが大切です。
SEOで重要なページネーションの考え方
ページネーションで最も大切なのは、各ページがクロール可能で、固有URLを持ち、順番にたどれることです。ここが崩れると、2ページ目以降が見つからない、評価対象URLがぶれる、不要URLが増える、といった問題が起きます。
各ページに固有のURLを持たせる
ページネーションされた各ページは、別ページとして認識できるURLにする必要があります。一般的には ?page=2 のようなクエリパラメータ、または /page/2/ のようなパスで表現します。
重要なのは、ページ番号を #2 のようなフラグメントで表さないことです。フラグメントはGoogleに無視されるため、次ページとして発見されにくくなります。
また、URLは永続的であることも重要です。?page=2 は問題ありませんが、?time=now や ?session=123 のような一時的パラメータが混ざると、同じ内容に対してURLが増殖しやすくなります。
（参照：e コマースサイト向けの URL 構造の設計）
ページ同士を順番にリンクする
2ページ目以降を見つけてもらうには、各ページから次ページへ、必要に応じて前ページへ、HTMLのリンクでたどれることが必要です。JavaScriptだけで内容を差し替える実装だと、ユーザーには見えていても、クローラーには発見しづらいことがあります。
たとえば、1ページ目に「次へ」、2ページ目に「前へ」「次へ」、3ページ目に「前へ」というように、連続した導線を作るのが基本です。さらに、各ページから1ページ目へ戻る導線があると、一覧の起点も伝わりやすくなります。
1ページ目を他ページのcanonical先にしない
ここは誤解が多いポイントです。ページネーションでは、2ページ目以降をすべて1ページ目へcanonicalで寄せる設計は基本的に避けるのが無難です。各ページはそれぞれ独立したURLとして扱われるため、各ページに自己参照canonicalを置くほうが整理しやすいケースが多くなります。
「全部入りのview-allページ」が別に存在し、そのページを主に評価させたい明確な理由がある場合は別ですが、そうでないなら各ページを個別URLとして扱う設計が分かりやすいです。
noindex・robots.txtの使い方を誤らない
2ページ目以降をnoindexにしたり、robots.txtでクロール拒否したりすると、一覧全体の把握を妨げることがあります。特に、商品一覧や記事一覧の続きページを機械的に閉じる運用は注意が必要です。
一方で、価格順・人気順・色別・サイズ別など、同じ一覧の派生URLが大量に生まれる場合は話が変わります。そうしたURLまで無制限にインデックスさせると、評価が散りやすくなります。つまり、守るべきなのは「ページネーションURL」であり、抑えるべきなのは「派生しすぎた一覧URL」です。
この切り分けが曖昧だと、ECでは特にURL管理が崩れます。実務では、ページネーションの問題だと思って調べると、実際には「並び替えURL」「絞り込みURL」「末尾スラッシュ違い」が混ざっていた、ということが少なくありません。
⇒noindexの詳細は、noindexタグとは？正しい使い方や設定する際の注意点についてで詳しく解説しています。
ページネーションと無限スクロール・さらに読み込むの違い
UXだけで見れば、無限スクロールや「さらに読み込む」は便利です。ただしSEOまで考えるなら、どのUIを採用しても、裏側ではページ単位のURL設計が必要です。
ページネーションはSEO設計と相性が良い
ページ番号リンクは、クローラーにもユーザーにも構造が伝わりやすい方式です。各ページが独立URLを持ち、リンクでつながっていれば、発見性の面で扱いやすくなります。
ECカテゴリ、記事一覧、レビュー一覧のように、件数が増え続けるページでは、最も安定した選択肢になりやすいです。
「さらに読み込む」はそのままだと発見性が弱くなりやすい
ボタンを押すと一覧が伸びるUIは、ユーザーには自然でも、クローラーは通常そのボタンを押しません。そのため、裏でページ単位のURLが存在しないと、追加分が見つからない可能性があります。
見た目は「さらに読み込む」でも、実際には ?page=2 などのURLがあり、HTMLリンクでもたどれる状態にしておくのが安全です。
無限スクロールは実装難度が高い
無限スクロールは、スクロールに応じて次の塊を読み込むため、UX面では滑らかです。ただし、SEOまで両立させるには、各チャンクに固有URLを持たせ、同じURLで同じ内容が再現され、順番にリンクされている必要があります。
さらに、ユーザーがスクロールして主表示領域が切り替わったら、History APIでURL表示を更新する設計も検討されます。ここまで整えないと、共有・再訪・再クロールのいずれでも扱いにくくなります。
（参照：遅延読み込みコンテンツのベスト プラクティス）
ページネーションを設置したほうが良いページ
ページネーションが向いているのは、読ませる本文ではなく、探させる一覧です。特に次のようなページでは、分割したほうが使いやすくなりやすいです。
ECの商品一覧ページ
色違い、サイズ違いを含めて商品数が多いカテゴリでは、1ページ全件表示だと重くなりやすく、比較もしづらくなります。20〜60件程度で区切り、並び替えや絞り込みは別管理にするのが実務では扱いやすいです。
たとえば「黒いスニーカー」のカテゴリで、画像、価格、レビュー星、在庫表示まで並ぶ場合、全件表示よりページネーションのほうが初回表示を安定させやすくなります。
記事一覧・カテゴリ一覧
オウンドメディアやブログでは、カテゴリ内の記事数が増えるほど一覧が長くなります。新着順アーカイブを延々と1ページに並べるより、ページネーションで分割したほうが現在地を把握しやすくなります。
特に、サムネイル、カテゴリラベル、抜粋文まで出す一覧は縦に長くなりやすいため、2ページ目以降の導線を明確にしておく価値があります。
レビュー・口コミ一覧
商品レビューや施設の口コミは、件数が増えるほど価値が出ますが、全件一括表示は重くなりがちです。10件、20件単位で区切ると、読み込みと可読性のバランスを取りやすくなります。
逆に、通常の解説記事本文には慎重
ノウハウ記事や用語解説を2ページ、3ページに分けると、途中離脱が増えやすいです。1ページで読めるなら、そのほうが満足度は高くなりやすいでしょう。
当社の実績でも、SEO記事本文を分割して改善したケースより、一覧ページのURL整理と導線見直しで改善したケースのほうが再現性が高いです。本文分割は最後の手段に近く、まずは画像最適化や不要要素の削減から見直すほうが現実的です。
⇒画像最適化を整理したい場合は、画像におけるSEO対策とは？メリットや最適化する8つの方法、注意点を詳しく解説も是非参照ください。
効果的なページネーションの作り方
見やすいページネーションは、単に番号を並べるだけでは足りません。「どこに置くか」「何を表示するか」「どこまで飛べるか」で使いやすさが変わります。
ページ下部に設置する
ページネーションは、一覧を見終えたあとに次へ進める位置に置くのが基本です。ページ上部だけにあると、まだ内容を見ていない段階で移動を促すことになります。
一覧ページでは、下部に加えて上部にも簡易ナビを置く設計もありますが、その場合でも主導線は下部に置くほうが自然です。
現在のページを明確にする
いま見ているページ番号は、色、背景、太字などで明確に区別しましょう。現在地が分からないと、ユーザーは一覧のどこにいるのか把握しづらくなります。
モバイルでは特に、数字が小さすぎる、タップ領域が狭い、といったUI上の問題が起きやすいため、見た目以上に操作性を意識することが大切です。
⇒モバイル対応を見直したい方は、モバイルフレンドリーとは？SEO対策で必要な理由や確認・対応方法もあわせてご覧ください。
前後ページへ移動できるようにする
ページ番号だけでなく、「前へ」「次へ」を付けると移動しやすくなります。数字だけの並びよりも、連続閲覧の意図が伝わりやすいためです。
最後のページや最初のページへ飛べるようにする
件数が多い一覧では、最終ページへの導線があると便利です。古い記事まで見たい、最後尾の在庫まで見たい、といったニーズに応えやすくなります。
ただし、ページ数が極端に多い場合は、すべての番号を並べるより、省略記号を使って近辺だけ見せるほうが見やすくなります。
ページネーション実装時の注意点
ページネーションは、UIよりもURL管理で失敗しやすい施策です。特に、canonical、noindex、JavaScriptの扱いは誤解されやすいため、ここで整理しておきましょう。
各ページは自己参照canonicalを基本に考える
1ページ目、2ページ目、3ページ目がそれぞれ別内容を持つなら、各ページに自己参照canonicalを置くのが基本です。2ページ目以降を1ページ目へまとめてcanonical指定すると、続きページの扱いが曖昧になります。
「すべて表示」ページが別にあり、そのページを主URLにしたい場合だけ例外的に設計を検討しますが、通常の一覧では各URLを独立させたほうが分かりやすいです。
2ページ目以降を機械的にnoindexしない
2ページ目以降は価値が低いと考えて、まとめてnoindexする運用はおすすめしにくいです。商品や記事の発見経路を減らすことがあるためです。
閉じるべきなのは、同じ一覧の派生URLが大量に生まれるケースです。たとえば「価格が高い順」「レビュー順」「赤だけ表示」「在庫ありのみ」など、組み合わせでURLが増える場合は、どこまでを検索対象にするかを先に決める必要があります。
robots.txtでページネーションURLを止めない
robots.txtで2ページ目以降を止めると、クローラーが続きページをたどれなくなります。結果として、一覧全体の構造理解が弱くなる可能性があります。
一方で、クロールを抑えたいのが絞り込みURL群なら、対象をそこに限定して制御するのが筋です。ページネーションと派生URLを同じ扱いにしないことが重要です。
rel="next" rel="prev" に頼りすぎない
過去にはページネーション文脈で rel="next" / rel="prev" がよく語られていましたが、2026年時点では、まず重視すべきなのは 実際にたどれるHTMLリンクと安定したURLです。
この属性を使うかどうかより、<a href>で順番に移動できるか、ページ番号が固有URLになっているか、不要URLが増えていないかのほうが実務では重要です。古い情報のまま、この属性だけ整えて安心してしまうのは避けたほうが良いでしょう。
分割基準は「見出し」ではなく「一覧の単位」で決める
記事本文を分ける場合に「見出しごとに分割」と考えがちですが、一覧ページでは1ページあたりの件数、画像量、比較しやすさで決めるほうが自然です。
たとえば、商品一覧なら24件、36件、48件のどれが見やすいか。記事一覧なら抜粋文ありで何件までが適切か。こうした基準のほうが、ユーザーにとっての使いやすさに直結します。
このテーマで一番差がつくのは、HTMLタグの細かな書き方より、「何をページネーション対象にし、何をインデックス対象から外すか」を先に決めることです。実装後にURLが増えすぎてから直すと、運用負荷が一気に上がるためです。
ページネーションの実装方法
実装では、見た目のUIと、検索エンジンが理解しやすいURL設計の両方が必要です。ここでは基本形を整理します。
HTMLとCSSでページ番号を作る
まずは各ページに固有URLを用意し、ページ下部にリンクを設置します。URL例は以下のような形が分かりやすいです。
- 1ページ目 /sample/?page=1
- 2ページ目 /sample/?page=2
- 3ページ目 /sample/?page=3
次に、HTMLでページ番号リンクを並べます。現在ページはリンクにせず、状態が分かるようにすると扱いやすいです。
リストタグHTMLサンプル
<nav aria-label="ページネーション">
<ul>
<li><span aria-current="page">1</span></li>
<li><a href="/sample/?page=2">2</a></li>
<li><a href="/sample/?page=3">3</a></li>
<li><a href="/sample/?page=2">次へ</a></li>
</ul>
</nav>
リストタグを横並びにするCSSサンプル
ul {
display: flex;
gap: 10px;
padding-left: 0;
}
li {
list-style: none;
}
a, span[aria-current="page"] {
display: inline-block;
padding: 8px 12px;
}
- nav要素でページ移動の領域だと伝える
- 現在ページには aria-current="page" を付け、状態が分かるようにする
- gap を使って余白を取り、タップしやすいサイズにする
URLは一貫したルールで管理する
URLは、?page=2 のように意味が分かる形にするのがおすすめです。?2 のような省略形より、key=value の形のほうが構造を把握しやすくなります。
また、同じページに対して /sample?page=2 と /sample/?page=2 が混在しないように、末尾スラッシュやパラメータ順も統一しておくと管理しやすくなります。
⇒URL設計については、SEOに効果的なURLとは？Google検索アルゴリズムから最適なドメイン・階層・構造を検証も参考にしてみてください。
JavaScriptを使う場合もHTMLリンクを残す
見た目をリッチにするためにJavaScriptで一覧を差し替えること自体は問題ありません。ただし、クローラーがたどれるよう、HTML上にリンクが存在する状態は残しておくほうが安全です。
「ボタンを押したら次の20件を表示」でも、裏では2ページ目URLが存在し、そのURL単体でも同じ内容が見られる設計が理想です。
WordPressで実装する場合の考え方
WordPressではテーマやプラグインでページネーションを出せますが、見た目より先に確認したいのは次の点です。
- カテゴリやアーカイブの2ページ目以降が実際に存在するか
- canonical設定がテーマやSEOプラグインと競合していないか
- noindex設定がアーカイブ全体にかかっていないか
- 検索結果ページやタグページまで無制限に増えていないか
WordPress運用では、記事本文より前に設定競合が問題になることがあります。ページネーションが出ていても、canonicalやインデックス制御が崩れていれば、SEO上は不安定になりやすいです。
よくある質問
ページネーションはSEOに不利ですか？
不利とは限りません。各ページに固有URLがあり、順番にたどれるリンクがあり、不要な派生URLを増やしすぎていなければ、一覧ページの整理手段として十分使えます。
2ページ目以降はnoindexにしたほうが良いですか？
一律ではおすすめしません。商品一覧や記事一覧の続きページまで閉じると、発見性を落とすことがあります。閉じるべきか検討するのは、並び替えや絞り込みで増える派生URLです。
canonicalは1ページ目にまとめるべきですか？
通常は各ページに自己参照canonicalを置くほうが分かりやすいです。別に「すべて表示」ページがあり、そのページを主URLにしたい場合だけ例外的に検討します。
無限スクロールよりページネーションのほうが良いですか？
SEOまで含めるなら、ページネーションのほうが設計しやすいです。無限スクロールを使う場合も、裏側ではページ単位のURLとリンク構造を用意するのが前提になります。
記事本文もページネーションで分けるべきですか？
通常の解説記事では、まず1ページ完結を優先するのがおすすめです。本文分割はクリックの手間が増えるため、一覧ページほど相性が良くありません。
まとめ
ページネーションは、長い一覧を見やすくし、初回表示を軽くしやすい有効な設計です。ただし、SEOで重要なのは見た目よりも、各ページに固有URLがあり、順番にたどれること、そして不要な派生URLを増やしすぎないことにあります。
特にECやメディアの一覧ページでは、ページネーションURLと絞り込みURLを分けて管理するだけでも、構造はかなり整理しやすくなります。まずは「どの一覧を分割するか」「どのURLを検索対象に残すか」を決めるところから進めると良いでしょう。
ユーザーにとって探しやすく、検索エンジンにも理解されやすい構造を目指すなら、UIとURL設計をセットで見直してみてください。
