# 电商分页与增量加载

> 来源：Google Search Central

---

** Snippets  **
  ** Images  **
  ** Videos  **
  ** Structured data  **
  ** Favicons  **

  * Site-specific guides
  ** Ecommerce  **
  ** International and multilingual sites  **

  * Data analysis
  ** Get started with Search Console  **
  ** Debug traffic drops  **
  ** Using Search Console and Google Analytics data for SEO  **
  ** Get started with Google Trends  **

[ Support ](https://developers.google.com/search/help) [ Blog ](https://developers.google.com/search/blog) [ What's new ](https://developers.google.com/search/news)

  ** All updates  **
  ** Documentation updates  **
  ** Ranking updates  **
  ** New YouTube videos  **
  ** Recent podcast episodes  **

[ Events ](https://developers.google.com/search/events) [ Case studies ](https://developers.google.com/search/case-studies) `/`

  * English
  * Deutsch
  * Español
  * Español – América Latina
  * Français
  * Indonesia
  * Italiano
  * Polski
  * Português – Brasil
  * Tiếng Việt
  * Türkçe
  * Русский
  * العربيّة
  * हिंदी
  * ภาษาไทย
  * 中文 – 简体
  * 中文 – 繁體
  * 日本語
  * 한국어

Sign in

  ** Documentation **

[Search Console](https://goo.gle/searchconsole) [ ](https://developers.google.com/search)

  ** Google Search Central **

  ** Documentation  **
    * More 
  ** Support  **
  ** Blog  **
  ** What's new  **
    * More 
  ** Events  **
  ** Case studies  **

  **Introduction**
  * Search Essentials
    **Overview**
    **Technical requirements**
    **Spam policies**
  * SEO fundamentals
    **SEO Starter Guide**
    **How Google Search works**
    **Creating helpful, reliable, people-first content**
    **Do you need an SEO?**
    **Maintaining your site's SEO**
    **Developer's guide to Search**
    **Get your website on Google**
    **Guidance on using generative AI**
  * Crawling and indexing
    **Overview**
    **File types Google can index**
    **URL structure**
    **Links**
    * Sitemaps
      **Learn about sitemaps**
      **Build and submit a sitemap**
      **Manage sitemaps with sitemap index file**
      * Sitemap extensions
        **Image sitemaps**
        **News sitemaps**
        **Video sitemaps and alternatives**
        **Combining sitemap extensions**
    * Crawler management
      **Ask Google to recrawl your URLs**
      **Troubleshoot crawl errors**
      * Google crawlers
        **List of Google crawlers**
        **Googlebot**
        **Reduce the Google crawl rate**
        **Verifying Googlebot and other Google crawlers**
    * robots.txt
      **Introduction to robots.txt**
      **How Google interprets the robots.txt specification**
    * Canonicalization
      **What is URL canonicalization**
      **How to specify a canonical URL with rel="canonical" and other methods**
      **Fix canonicalization issues**
    **Mobile site and mobile-first indexing**
    * AMP
      **AMP on Google Search guidelines**
      **Understand how AMP works in search results**
      **Enhance AMP content**
      **Validate AMP content**
      **Remove AMP content**
    * JavaScript
      **Understand the JavaScript SEO basics**
      **Fix search-related JavaScript problems**
      **Fix lazy-loaded content**
      **Dynamic rendering as a workaround**
    * Page and content metadata
      **Page metadata**
      * Meta tags
        **Meta tags and HTML attributes that Google supports**
        **Robots meta tag, data-nosnippet, and X-Robots-Tag**
        **noindex**
      **rel attributes**
    * Removals
      **Control what you share with Google**
      **Page removals**
      **Image removals**
      **Redacted information**
    * Site moves and changes
      **Redirects and Google Search**
      * Site moves
        **Changing your hosting**
        **Move a site with URL changes**
      **A/B testing**
      **Temporarily pause or disable a website**
  * Ranking and search appearance
    **Overview**
    **AI features**
    **Byline dates**
    **Favicons**
    **Featured snippets**
    **Flexible Sampling**
    **Google Discover**
    **Images**
    * Local features
      **Business details**
      **Top Places List**
      **Opting out of local search results**
    * Page experience
      **Understanding page experience**
      **Core Web Vitals**
      **Interstitials and dialogs**
      **Get started with signed exchanges on Google Search**
    **Preferred sources**
    * Ranking systems
      **A guide to Google Search ranking systems**
      **Reviews system**
    * Ranking updates
      **List of ranking updates**
      **Core updates**
      **Spam updates**
    **Site names**
    **Sitelinks**
    **Snippets**
    * Structured data
      **Understand how structured data works**
      **Structured data general guidelines**
      **Enriched search results**
      **Generate structured data with JavaScript**
      * Feature guides
        **All structured data features**
        **Article**
        **Book actions**
        **Breadcrumb**
        **Carousel**
        **Course list**
        **Dataset**
        **Discussion forum**
        **Education Q&A**
        **Employer aggregate rating**
        **Fact check**
        **Event**
        **FAQ**
        **Image metadata**
        **Job posting**
        **Local business**
        **Math solver**
        **Movie carousel**
        **Organization**
        * Shopping
          **Overview**
          **Product snippet**
          **Merchant listing**
          **Variants**
          **Loyalty program**
          **Merchant return policy**
          **Merchant shipping policy**
        **Profile page**
        **Q&A**
        **Recipe**
        **Review snippet**
        **Software app**
        **Speakable**
        **Subscription and paywalled content**
        **Vacation rental**
        **Video**
    **Title links**
    * Translated features
      **Translated results**
      **Ad networks and translation-related Google Search features**
    **Videos**
    **Visual Elements gallery**
    * Web Stories
      **Enable Web Stories on Google**
      **Best practices for creating Web Stories**
      **Web Story content policy**
    * Early Adopters Program
      **Package tracking**
      **Structured data carousels (beta)**
  * Monitoring and debugging
    **Debug drops in Search traffic**
    * Monitor with Search Console
      **Get started with Search Console**
      **Improve SEO with a bubble chart**
      **Using Search Console and Google Analytics data for SEO**
    * Debug with search operators
      **Overview**
      **site: search operator**
      **Google Images search operators**
    * Preventing and monitoring abuse
      **Overview**
      **Prevent user-generated spam**
      **Malware and unwanted software**
      **Prevent a malware infection**
      **Social engineering (phishing and deceptive sites)**
      **Google Safe Browsing Repeat Offenders Policy**
    **Get started with Google Trends**
  * Site-specific guides
    * Ecommerce
      **Overview**
      **Where content can appear**
      **Share product data**
      **Include structured data**
      **Launch a new website**
      **Write high quality reviews**
      **Design a URL structure**
      **Ecommerce site structure**
      **Pagination, incremental page loading, and Search**
    * International and multilingual
      **Overview**
      **Managing multi-regional and multilingual sites**
      **Tell Google about localized versions of your page**
      **How Google crawls locale-adaptive pages**
    * Explicit content
      **Guidelines for sites with explicit content**
      **What to do if your site is incorrectly flagged as explicit**

  * SEO fundamentals 
  ** Introduction  **
  ** Search Essentials  **
  ** SEO Starter Guide  **
  ** How Google Search Works  **
  ** Do you need an SEO?  **
  * Crawling and indexing 
  ** Sitemaps  **
  ** robots.txt  **
  ** Meta tags  **
  ** Crawler management  **
  ** Removals  **
  ** Canonicalization  **
  ** Redirects  **
  ** JavaScript SEO  **
  * Ranking and search appearance 
  ** Visual Elements gallery  **
  ** Title links  **
  ** Snippets  **
  ** Images  **
  ** Videos  **
  ** Structured data  **
  ** Favicons  **
  * Site-specific guides 
  ** Ecommerce  **
  ** International and multilingual sites  **
  * Data analysis 
  ** Get started with Search Console  **
  ** Debug traffic drops  **
  ** Using Search Console and Google Analytics data for SEO  **
  ** Get started with Google Trends  **

  ** All updates  **
  ** Documentation updates  **
  ** Ranking updates  **
  ** New YouTube videos  **
  ** Recent podcast episodes  **

  ** Home **
  ** Search Central **
  ** Documentation **

Send feedback  Pagination, incremental page loading, and their impact on Google Search You can improve the experience of users on your site by displaying a subset of results to improve page performance, but you may need to take action to ensure the Google crawler can find all your site content.  For example, you may display a subset of available products in response to a user using the search box on your ecommerce site—the full set of matches may be too large to display on a single web page, or take too long to retrieve.  Beyond search results, you may load partial results on your ecommerce site for: 

  * Category pages where all products in a category are displayed 
  * Blog posts or newsletter titles that a site has published over time 
  * User reviews on a product page 
  * Comments on a blog post 

Having your site incrementally load content, in response to user actions, can benefit your users by: 

  * Improving user experience as the initial page load is faster than loading all results at once. 
  * Reducing network traffic, which is particularly important for mobile devices. 
  * Improving backend performance by reducing the volume of content retrieved from databases or similar. 
  * Improving reliability by avoiding excessively long lists that may hit resource limits leading to errors in the browser and backend systems. 

Selecting the best UX pattern for your site  To display a subset of a larger list, you can choose between different UX patterns: 

  * Pagination: Where a user can use links such as "next", "previous", and page numbers to navigate between pages that display one page of results at a time. 
  * Load more: Buttons that a user can click to extend an initial set of displayed results. 
  * Infinite scroll: Where a user can scroll to the end of the page to cause more content to be loaded. (Learn more about [infinite scroll search-friendly recommendations](/search/docs/crawling-indexing/javascript/lazy-loading#paginated-infinite-scroll).) 

Consider the following table when choosing the most suitable user experience for your site.  UX Pattern  
---  
Pagination  |  |  Pros:

  * Gives users insight into result size and current position 

|  Cons:

  * More complex controls for users to navigate through results 
  * Content is split across multiple pages rather than being a single continuous list 
  * Viewing more requires new page loads 

  
---|---  
Load more  |  |  Pros:

  * Uses a single page for all content 
  * Can inform user of total result size (on or near the button) 

|  Cons:

  * Can't handle very large numbers of results as all of the results are included on a single web page 

  
---|---  
Infinite scroll  |  |  Pros:

  * Uses a single page for all content 
  * Intuitive – the user just keeps scrolling to view more content 

|  Cons:

  * Can lead to "scrolling fatigue" because of unclear result size 
  * Can't handle very large numbers of results 

  
---|---  
How Google indexes the different strategies  Once you've selected the most appropriate UX strategy for your site and SEO, make sure the Google crawler can find all of your content.  For example, you can implement pagination using links to new pages on your ecommerce site, or using JavaScript to update the current page. "Load more" functionalities and infinite scroll are generally implemented using JavaScript. When crawling a site to find pages to index, Google generally crawls URLs found in the `href` attribute of `<a>` elements. Google's crawlers don't "click" buttons and generally don't trigger JavaScript functions that require user actions to update the current page contents.  If your site uses JavaScript, follow these [JavaScript SEO best practices](/search/docs/crawling-indexing/javascript/javascript-seo-basics). In addition to best practices, such as making sure links on your site are crawlable, consider using a [sitemap](/search/docs/crawling-indexing/sitemaps/build-sitemap) file or a [Google Merchant Center feed](https://support.google.com/merchants/answer/7439058) to help Google find all of the products on your site.  Best practices when implementing pagination  To make sure Google can crawl and index your paginated content, follow these best practices: 

  * Link pages sequentially
  * Use URLs correctly
  * Avoid indexing URLs with filters or alternative sort orders

Link pages sequentially  To make sure search engines understand the relationship between pages of paginated content, include links from each page to the following page using `<a href>` tags. This can help Googlebot (the Google web crawler) find subsequent pages.  In addition, consider linking from all individual pages in a collection back to the first page of the collection to emphasize the start of the collection to Google. This can give Google a hint that the first page of a collection might be a better landing page than other pages in the collection.  Normally, we recommend that you give web pages distinct titles to help differentiate them. However, pages in a paginated sequence don't need to follow this recommendation. You can use the same titles and descriptions for all pages in the sequence. Google tries to recognize pages in a sequence and index them accordingly.  Use URLs correctly 

  * Give each page a unique URL. For example, include a `?page=n` query parameter, as URLs in a paginated sequence are treated as separate pages by Google. 
  * Don't use the first page of a paginated sequence as the canonical page. Instead, give each page its own [canonical URL](/search/docs/crawling-indexing/consolidate-duplicate-urls). 
  * Don't use URL fragment identifiers (the text after a `#` in a URL) for page numbers in a collection. Google ignores fragment identifiers. If Googlebot sees a URL to the next page that only differs by the text after the `#`, it may not follow the link, thinking it has already retrieved the page. 
  * Consider using [preload, preconnect, or prefetch](https://web.dev/learn/performance/resource-hints) to optimize the performance for a user moving to the next page. 

In the past, Google used `<link rel="next" href="...">` and `<link rel="prev" href="...">` to identify next page and previous page relationships. Google no longer uses these tags, although these links may still be used by other search engines.  Avoid indexing URLs with filters or alternative sort orders  You may choose to support filters or different sort orders for long lists of results on your site. For example, you may support `?order=price` on URLs to return the same list of results ordered by price.  To avoid indexing variations of the same list of results, block unwanted URLs from being indexed with the [`noindex` robots `meta` tag](/search/docs/crawling-indexing/block-indexing) or discourage crawling of particular [URL patterns with a robots.txt file](/search/docs/crawling-indexing/robots/robots_txt#url-matching-based-on-path-values).  Send feedback  Except as otherwise noted, the content of this page is licensed under the [Creative Commons Attribution 4.0 License](https://creativecommons.org/licenses/by/4.0/), and code samples are licensed under the [Apache 2.0 License](https://www.apache.org/licenses/LICENSE-2.0). For details, see the [Google Developers Site Policies](https://developers.google.com/site-policies). Java is a registered trademark of Oracle and/or its affiliates. Last updated 2025-12-10 UTC. Need to tell us more?  [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-12-10 UTC."],[],["Websites often use pagination, \"load more,\" or infinite scroll to display subsets of content, enhancing user experience and site performance. Pagination uses numbered links, while \"load more\" and infinite scroll dynamically add content. Google primarily indexes URLs in `\u003ca\u003e` tags and doesn't trigger JavaScript actions for content updates. For pagination, each page should have a unique URL with sequential links. Avoid using the first page as the canonical URL and avoid indexing filtered or sorted versions of the same list to avoid duplicate content.\n"]] 

  ** LinkedIn  ** Join us on LinkedIn
  ** YouTube  ** Watch our videos
  ** Blog  ** Subscribe to our RSS feed
  ** Podcast  ** Listen to Search Off the Record
  ** X (Twitter)  ** Join us on X (Twitter)

  * Get support
    ** Go to the help forum **
    ** Submit a question for office hours **
    ** Report spam, phishing, or malware **
    ** More support resources **
  * Resources
    ** Do you need an SEO? **
    ** SEO Starter Guide **
    ** Status of Search systems **
    ** Search Console documentation **
    ** Case Studies **
  * Tools
    ** Search Console **
    ** Rich Results Test **
    ** PageSpeed Insights **
    ** AMP Test **

[ ](https://developers.google.com/)

  ** Android **
  ** Chrome **
  ** Firebase **
  ** Google Cloud Platform **
  ** Google AI **
  ** All products **

  ** Terms **
  ** Privacy **
  * Manage cookies 

  * English
  * Deutsch
  * Español
  * Español – América Latina
  * Français
  * Indonesia
  * Italiano
  * Polski
  * Português – Brasil
  * Tiếng Việt
  * Türkçe
  * Русский
  * العربيّة
  * हिंदी
  * ภาษาไทย
  * 中文 – 简体
  * 中文 – 繁體
  * 日本語
  * 한국어
