什么是累积布局偏移（Cumulative Layout Shift）？

布局偏移的定义如下，由 Google 提出：

当页面上的可见元素发生位置或尺寸变化，导致周围内容的位置受到影响时，就会发生布局偏移。

CLS 是一项衡量指标，用于衡量页面生命周期内所有意外布局偏移的总和。例如，在使用无限滚动时，如果新加载的内容明显将页脚向下推，则可能发生 CLS。

如何最小化对 SEO 的影响？

高 CLS 可能会对您网站的排名产生负面影响，因为 Google 优先考虑布局稳定且用户友好的网站。如果无限滚动在实现时未注意布局稳定性，可能导致较高的 CLS。为了减少布局偏移，请避免将页脚或其他固定位置的关键元素放置在加载内容的下方。这种方法有助于保持较低的 CLS，从而保护您的 SEO。

我们建议在使用无限滚动功能时，持续监控您的 Google Search Console。

对抓取的影响

无限滚动需要启用 JavaScript，因此任何不运行 JavaScript 的爬虫都无法处理这些内容。这可能会影响链接发现以及爬虫判断站内链接重要性的能力。

Google 爬虫是此规则的一个例外，它会在一个高达 12,000 像素的窗口中加载网页（来源）。Framer 的无限滚动机制会自动考虑视口，并尽可能多地加载可容纳的项目。在此视口高度范围内，您可以预期Google 能够正常抓取链接。您可以通过在 Search Console 中检查已抓取的页面来验证其抓取了多少个项目。

为尽量减少对抓取的负面影响，您可以参考以下几点建议：

• 根据主题相关性进行页面互链：确保每个页面都链接到站点内的其他相关内容，以提升可抓取性
  
  
  

• 在每个 CMS 页面末尾添加上一篇/下一篇导航。这为爬虫提供了额外的抓取路径，也有助于用户浏览您的内容。
  
  
  

• 创建一个 HTML “站点地图”并从页脚链接到它。与 Framer 提供的传统 sitemap.xml 相比，“HTML 站点地图”是一个普通页面，您可以在其中提供整个网站所有链接的概览。这使得用户和爬虫都能轻松找到所有相关链接。