跳到正文

动态渲染 Dynamic Rendering

词条 #252 / 700 · 第 5 章 · 5.4 高级技术 SEO:日志分析、SSR/CSR、网站迁移与国际化底层(249–265)
一句话定义

根据 User-Agent 向爬虫和用户提供不同内容(爬虫看到 HTML,用户看到 JS 应用)。

打个比方 Analogy

给内行看专业版,给外行看通俗版。都是同一本书,但排版和用词不同。

岗位实战怎么做 In Practice

Google 推荐的做法。使用 Rendertron 或 Puppeteer 检测 Googlebot,返回完全渲染的 HTML。用户浏览器接收正常的 JS 应用。

案例与避坑 Pitfalls

确保内容一致。如果爬虫看到的内容与用户看到的实质不同,会被视为 Cloaking(作弊)。仅用于解决 JS 渲染问题,不要用于操纵排名。