SEO技术之前端技术选型

前端页面使用静态页面(SSG)方式部署,是SEO最友好的。

前端页面使用服务器端渲染(SSR)方式呈现给搜索引擎,SEO次优。

如果你的前端主应用必须是使用Vue.js或React.js等框架开发的单页应用(SPA),但还有其他的营销相关页面 (落地页、关于页、wiki、博客等),请单独部署这些页面!理想情况下,营销页面应该是包含尽可能少js代码的静态HTML,并用静态页面(SSG)方式部署。

SSG就是页面静态化技术

静态站点生成 (Static-Site Generation,缩写为 SSG),也被称为预渲染,是另一种流行的构建快速网站的技术。如果用服务端渲染一个页面所需的数据对每个用户来说都是相同的,那么我们可以只渲染一次,提前在构建过程中完成,而不是每次请求进来都重新渲染页面。预渲染的页面生成后作为静态 HTML 文件被服务器托管。

SSG就是页面静态化技术,是门户网站、WordPress博客常用的Web优化手段之一。

SSR类似于PHP程序,每有一个HTTP请求到来就会被运行一次,渲染输出HTML字符串给前端。如果网站的内容没有实时性,我们可以把渲染输出的HTML字符串缓存一段时间,当有HTTP请求到来时,直接返回缓存给前端,而不是实时渲染输出。这就是页面静态化技术的核心思想。

参考

服务端渲染 (SSR)