【イラスト付き】ページネーションとは？ページを整理してUXを向上させよう！

ブルーちゃんブルーちゃん

ページネーションってなにかしら？

ページネーションとは、Webサイトのページを区切って分けられたページの番号やそれぞれのページへ遷移するためのリンクのことだよ

情報を分割することでユーザーにわかりやすくWebサイトを閲覧してもらうのがメインの目的だね

掲載する情報量が多い時や文字数が多い時に有効な手段だよね

ページネーションをWebサイトに導入するメリットを具体的に紹介していくよ

ページネーションを導入すると、使いやすくなるだけじゃなくて実はいろいろなメリットがあるんだ！

ページネーションはSEO対策にも有効とされているよ

ページを分割すると情報が整理されてわかりやすくなるよね

ユーザーにとってわかりやすいWebサイトは、Googleなど検索エンジンにとってもわかりやすいWebサイトだと認識されやすいんだ

SEO効果が高まると検索結果にも上位表示されて流入が増えるよ

ただ、分割されたページをすべて1ページ目に正規化することはGoogleに勧められていないから注意してね

ページが適切に分割されていると、ユーザーが次々とページを遷移していくからPVが増加するよ

ページングがない大量の文章を1記事に収めていると、全部読まれても1PVだよね

でも2ページに分かれていたら、2PV獲得することになるんだよ

Webサイト内を遷移する動線ができていると、さらに他の記事やコンテンツにも飛んでもらいやすくなるよね

ページネーションを適切に導入すると、UXも向上するよ

膨大な情報が1ページに詰め込まれていて、何度もスクロールしないといけないのは大変だよね

どこにどの情報があるかもわかりづらくて、ユーザーが必要な情報に辿り着けなくなっちゃうよ

ページネーションされて情報が整理されていれば、ほしい情報にすぐたどり着けるんだ

UXが向上するとまたWebサイトに訪問してもらえるようになるよね

ページネーションを導入している事例を紹介するよ

普段よく目にしているものもあると思うから参考にしてみてね

Googleは膨大な検索結果を「もっと見るボタン」の形でページネーションを表示しているよ

数万件の検索結果が1ページで表示されたら大変な量になるよね、、。

それを防ぐために、paginationを用意して、ユーザー体験(UX)の向上に対応しているんだよ

昔は1,2,3...っていうふうにページ遷移できる形だったけど、今は「もっと見るボタン」に変更されてるから、もしかしたらこっちの方がUXが良いのかもね！

食べログは、全国各地のレストラン情報を掲載しているから件数が膨大になるよね

現在のページに近いページだけでなく、離れたページにも飛びやすいよう工夫されたページングになっているよ

意図した検索条件とソートで、大体この辺りの結果が見たいなというときに便利だよね

WordPressでページネーションを実現したい場合、主に

という2つのやり方があるよ

プラグインは簡単に組み込めて便利だけど、プラグインの仕様に制限されることもあるんだ

思い通りのページネーションを実現したかったらPHPで実装する方がいいね！

ただ、自分で実装する場合はPHPのスキルや専門知識がある程度必要になるから注意してね

最後にページネーションとはなにかまとめておくね

いいページになるといいねぇ