ajax对seo不友好？学会这些技巧就够了！

今儿个咱来聊聊 AJAX 对 SEO 的那些事儿。一开始我也被这个问题搞得头大，网上搜“AJAX如何被搜索引擎收录”、“AJAX SEO”之类的关键词，翻来覆去就是那几篇文章，看得人云里雾里的。

我做一个网站，心想，用 AJAX 多酷，页面不用整个刷新，用户体验肯定结果？做好几个月，搜索引擎上压根儿就找不到我的网站！我这才慌神，开始琢磨这 AJAX 到底是怎么回事。

我记得最开始写 AJAX 的时候，就是直接在点击事件里头创建对象：

const xhr = new XMLHttpRequest();

然后发送请求，获取数据，再把数据更新到页面上。当时觉得，这玩意儿真方便，代码也简洁。但问题就出在这儿，搜索引擎的爬虫可不像咱们人一样，它不会去点击按钮，也不会去执行 JavaScript 代码。

后来我查资料，才知道 AJAX 是异步请求，不会刷新整个页面。这就意味着，搜索引擎爬虫爬到的页面，只是一个“骨架”，里头啥内容都没有，因为它看不到 AJAX 加载的数据！这下可把我愁坏。

为解决这个问题，我可是下不少功夫。我得让搜索引擎能“看到” AJAX 加载的内容。这可不是件容易的事儿。有一种办法是，把 AJAX 请求的数据，直接在服务器端就渲染然后输出到 HTML 里。这样，搜索引擎爬虫就能直接抓取到完整的内容。但这又涉及到服务器端的渲染，挺麻烦的。

我还试过一些其他的办法，比如说：

• 代码压缩：把 JavaScript 代码压缩一下，减少请求的大小，让页面加载快一点。
• 优化请求数量：尽量减少 AJAX 请求的次数，能一次请求搞定的，就别分两次。

折腾一圈，我发现，要让 AJAX 对 SEO 友真不是一件简单的事儿。最根本的解决办法，还是得在服务器端下功夫，让搜索引擎能直接抓取到完整的内容。要不然，就算你把 AJAX 用得再溜，网站也可能在搜索引擎里“隐身”。

现在回想起来，当初为追求那点儿“酷炫”的效果，走不少弯路。所以说，技术这东西，不能光看表面，还得深入解它的原理，才能用得用得对。