渲染决定“Google 能不能看清你的内容”,排名决定“Google 愿不愿意把你排在前面”——前者是“被看见”的前提,后者是“被流量”的关键。
渲染策略
静态站点生成 (SSG)
静态网站生成这是在构建时生成 HTML 的地方。然后,每个请求都会使用此 HTML。静态网站生成可能是 SEO 的最佳渲染策略,因为页面加载时所有 HTML 都已预渲染完毕。但它也有助于提升页面性能——这如今已成为 SEO 的另一个排名因素。
服务器端渲染(SSR)
类似 SSG 的服务器端渲染服务端渲染 (SSR) 采用预渲染技术,因此对 SEO 非常有利。与 SSG 在构建时生成 HTML 不同,SSR 的 HTML 是在请求时生成的。这对于动态页面来说非常理想。
增量静态再生(ISR)
如果你的页面数量非常庞大,在构建网站时全部生成可能不太可行。Next.js 允许你在网站构建完成后创建或更新静态页面。
增量静态再生它使开发人员和内容编辑能够逐页使用静态内容生成,而无需重建整个网站。借助 ISR,您可以在扩展至数百万页的同时,保留静态内容的优势。
客户端渲染(CSR)
客户端渲染允许开发者使用 JavaScript 在浏览器中完全渲染网站。页面初始加载时,通常会提供一个几乎不包含任何内容的 HTML 文件,直到 JavaScript 加载完毕,浏览器才会编译所有内容。
正如我们上面提到的,一般来说,为了获得最佳的搜索引擎优化效果,不建议使用客户端渲染。
CSR 非常适合数据密集型仪表板、帐户页面或任何您不需要被搜索引擎索引的页面。
对SEO而言,最重要的是页面数据和元数据在页面加载时无需JavaScript即可获取。在这种情况下,SSG或SSR将是最佳选择。
Next.js 的一大优势在于,上述每一种渲染方法都可以针对单个页面单独实现。例如,您可能希望静态生成博客文章,在客户端渲染客户账户仪表盘,而将新闻推送内容在服务器端渲染。