Glossary
web-design
Pagination
Definition
Dividing content across multiple pages with numbered links, allowing users to navigate through large sets of items.
What is Pagination?
Pagination splits large amounts of content across multiple pages, showing navigation controls (usually numbered links) to move between them. You see it on search results, product listings, blog archives, and anywhere content exceeds what fits on one page.
Example: Showing 20 products per page with links: 1 2 3 4 5 ... 24 Next
Why Use Pagination
- Performance - Loading 1000 products at once would be painfully slow
- Usability - Smaller chunks are easier to scan and process
- SEO - Search engines can crawl and index each page
- Tracking - You can measure which pages users reach
Pagination Components
| Element | Purpose |
|---|---|
| Page numbers | Direct access to specific pages |
| Previous/Next | Step through pages sequentially |
| First/Last | Jump to beginning or end |
| Current page indicator | Shows where you are |
| Total count | "Showing 1-20 of 485 results" |
Pagination vs Alternatives
Pagination
Best for: SEO-important content, large catalogues, when users need to find specific items
Load More Button
Best for: Social feeds, when users browse casually, simpler implementation
Infinite Scroll
Best for: Discovery-focused browsing, image galleries, when reaching the footer doesn't matter
Best Practices
- Show enough page numbers without overwhelming (5-7 is typical)
- Include the total result count so users know the scope
- Make the current page visually distinct
- Consider "load more" for mobile-first experiences
- Ensure each paginated page has a unique URL for SEO