在当下，AJAX技术对网站SEO的实际影响是什么？

很多人问我，用AJAX的网站还能做好SEO吗。答案是能，但需要额外的工作。如果你直接拿一个用Vue或React做的单页面应用（SPA）去给搜索引擎看，很可能大部分内容都收录不了。问题不在AJAX本身，而在你怎么用它。

搜索引擎爬虫本质上是一个不会执行JavaScript的程序。虽然谷歌这样的主流引擎宣称能处理一些JS，但这种处理能力是有限的、有延迟的，而且不可靠。你不能把网站内容的可访问性，完全寄托在爬虫的JS执行能力上。

核心问题：爬虫看到的是什么？

当你用AJAX动态加载内容时，用户看到的是一个完整的页面。但爬虫第一次请求你的URL时，服务器返回的HTML文件里，可能只有一个空的div容器和一堆JS文件。关键内容需要等JS执行后，再通过API请求填充进去。这个过程中，有几个关键点容易出问题。

• 爬虫的抓取预算有限，不会无限等待你的JS执行和API调用完成。
• 异步加载的内容，可能不会被当成页面主体内容的一部分来评估权重。
• 链接如果是通过JS事件绑定的，爬虫可能发现不了，也就无法抓取新的页面。

必须采用的解决方案：服务端渲染（SSR）或预渲染

要让AJAX网站对SEO友好，最根本的方法是保证爬虫在不执行JS的情况下，也能拿到完整的、带有关键内容的HTML。这就是服务端渲染（Server-Side Rendering）的思路。目前主流的前端框架都有对应的SSR方案。

• Next.js (React)： 框架默认支持服务端渲染和静态生成。你可以在页面组件中使用 `getServerSideProps` 函数，在请求时从服务器获取数据并渲染成HTML。
• Nuxt.js (Vue)： 提供“通用模式”，首屏在服务端渲染，后续交互在客户端进行。它能生成对爬虫完全可见的静态HTML。
• Angular Universal： Angular的SSR解决方案。它会在服务器上模拟一个浏览器环境，运行你的应用并生成静态页面。

如果项目不适合做完整的SSR，还有一个折中方案：预渲染（Prerendering）。在构建阶段，就用一个无头浏览器（如Puppeteer）访问你的路由，把生成的HTML快照保存为静态文件。当爬虫访问时，直接返回这个静态HTML。工具像`prerender-spa-plugin`就可以做这个事。

技术细节：如何正确设置

即便做了SSR，一些细节没处理好，SEO效果也会打折扣。下面这些是必须检查的环节。

1. 使用规范的链接（a标签）：即使你是单页应用，跳转用`pushState`，也请务必为可抓取的链接使用带有有效`href`属性的``标签。不要只用`
   `或``加点击事件。
2. 设置正确的标题和元标签：每个路由对应的页面，必须有独一无二的`