How to have SEO friendly scrolling?
Posted: Sun Dec 22, 2024 6:04 am
“The Google indexing system renders a web page as the user would see it, including images, CSS, and JavaScript files. To see which page assets that Googlebot cannot crawl, use the URL Inspection tool”.
Developers.google.com
Google indexing renders a web page as a user would taiwan mobile number see it, including image files, CSS, and JavaScript. The main problem SEOs face with infinite scrolling ?
Crawlers can't always emulate manual user behavior, like scrolling or clicking a button to load more posts. And they don't always access all the items in the archive or gallery. If crawlers can't access the content, it's unlikely to show up in search results.
Official solutions guide us in some directions.
Dividing content into pages
This is one of the fundamental rules to avoid problems: divide the archive you want to manage with infinite scrolling into standard HTML pages that can be accessed when JavaScript is disabled.
Evaluate the quantity of elements to insert for each page also considering the loading speed – which must be reduced – and the possibility of reaching the desired element in a short time. Divide the content so that there are no overlaps between the pages.
Insert pagination link
See the example provided by Google to understand how to best manage infinite scrolling to be sure to avoid SEO problems. As you move down the contents load with independent URLs that change automatically. With the page links at the bottom you move from one publication to another. Then you provide the crawler with quick and safe access to all the resources in the archive.
Developers.google.com
Google indexing renders a web page as a user would taiwan mobile number see it, including image files, CSS, and JavaScript. The main problem SEOs face with infinite scrolling ?
Crawlers can't always emulate manual user behavior, like scrolling or clicking a button to load more posts. And they don't always access all the items in the archive or gallery. If crawlers can't access the content, it's unlikely to show up in search results.
Official solutions guide us in some directions.
Dividing content into pages
This is one of the fundamental rules to avoid problems: divide the archive you want to manage with infinite scrolling into standard HTML pages that can be accessed when JavaScript is disabled.
Evaluate the quantity of elements to insert for each page also considering the loading speed – which must be reduced – and the possibility of reaching the desired element in a short time. Divide the content so that there are no overlaps between the pages.
Insert pagination link
See the example provided by Google to understand how to best manage infinite scrolling to be sure to avoid SEO problems. As you move down the contents load with independent URLs that change automatically. With the page links at the bottom you move from one publication to another. Then you provide the crawler with quick and safe access to all the resources in the archive.