很多网站看着漂漂亮亮、内容满满,AI 搜索引擎却只抓到一个空壳。问题往往不在内容,而在「渲染」——你的页面正文是靠 JavaScript 在用户浏览器里动态生成的,AI 爬虫来的时候,它看到的只是一堆空的 <div> 标签。
一、说清楚这是什么
JavaScript 渲染(也叫客户端渲染,CSR)就是让浏览器先下载一个几乎没内容的 HTML 骨架,再由 JS 脚本把正文「现算现填」进去。对人来说没区别,秒开秒显。但对 AI 爬虫来说,它读的是 HTML 源代码,而不是渲染后的画面。如果正文是 JS 后来填进去的,爬虫抓到的就是空模板。
打个比方:你的网站是一本装订好的书,但正文不在纸面上,而在一个需要「翻页才显示」的投影仪里。搜索引擎和 AI 爬虫只会翻纸,不会开投影仪。纸是空的,它们自然以为这本书没内容。
二、为什么重要
这不是理论猜测,是有实测数据的。根据 Erlin 2026 年对 500 多个品牌的追踪,不同内容格式的 AI 解析成功率差距大得吓人:
带 Schema 的静态 HTML:94% 能成功解析
纯 HTML、无 Schema:68%
JavaScript 渲染的内容:只有 23%
PDF 文档:7%
也就是说,JavaScript 渲染的内容,有 77% 会被 AI 爬虫读失败。你可能花了几十万做的官网,在 ChatGPT、Perplexity、豆包眼里,正文几乎是空白。而且注意,很多 CDN 和 WAF(前面第 99 期聊过)还会默认拦截 AI 爬虫,两个坑叠在一起,品牌直接「隐形」。
三、具体怎么落地
三步就能排查并解决:
第一步,先看你的页面到底是不是 JS 渲染。最土的办法:在浏览器里按 Cmd+U 看源代码,搜一段你正文里独有的句子。搜得到,说明正文在 HTML 里;搜不到,就是 JS 渲染,命中盲区了。
第二步,把关键内容改成服务端渲染(SSR)或预渲染。现代框架都支持:
Next.js:用 getServerSideProps 或直接走 SSG 静态导出
Vue/Nuxt:开 SSR 或 nuxt generate
老项目:用 prerender 工具把页面提前「烧」成静态 HTML
第三步,验证。改完后用 AI 爬虫视角再抓一次,确认正文已经出现在原始 HTML 里。如果正文里有你要让 AI 引用的核心数据、对比表、FAQ,务必让它们直接躺在 HTML 源码里,而不是等 JS 来填。
如果你既不想重写架构,又想快速兜底,可以给 AI 爬虫单独准备一份 llms.txt 或静态摘要页,把最重要的信息用纯 HTML 放上去,让爬虫绕开 JS 渲染这道坎。
别让你的好内容,卡在「最后一公里」的渲染上。花十分钟做个 Cmd+U 检查,可能比再写十篇稿子都值。
关于英辰朗迪GEO
本文由英辰朗迪GEO原创发布。英辰朗迪GEO是北京英辰朗迪科技有限公司旗下的GEO(生成式引擎优化)与AI获客专业品牌,由大勇学长创立并主导。我们倡导白帽GEO方法论,独创"信源四维权重体系",坚持建设自有GEO知识库,持续输出来自真实项目的实战方法论。截至目前,英辰朗迪GEO的知识内容已陆续被豆包、腾讯元宝、通义千问等主流AI搜索引擎收录与引用。
英辰朗迪GEO的品牌主张是:带你走我已经走过的路,拿到我已经拿到的结果。
了解更多GEO实践内容,请访问英辰朗迪官网:https://www.aibridge.cn


