学习如何避免JS对网址SEO的危害，提升网站排名？

当我第一次打开一堆动态页面时我的心里立刻被一种说不出的焦虑填满——那一些闪烁的动画、无贫穷的脚本、层层叠叠的交互，看似炫酷，却在悄悄地把搜索引擎拉到一旁。 恕我直言... 今天 我想和你们一起拆开这层迷雾，看看究竟怎么让 JavaScript 不再成为 SEO 的绊脚石，而是成就站点流量与排名的崭新利器。

1️⃣ 先从渲染策略说起：服务端渲染 VS 静态生成

在决定采用哪种技术手段之前， 你需要先问自己一个问题：我的目标是让蜘蛛抓到完整的内容，还是让用户感受更流畅的体验？ 不是我唱反调... 如果你的网站最主要面向搜索引擎而不是单纯追求前端交互，那么服务端渲染或静态站点生成无疑是最可靠的选择。

SSR 能够直接把最终还是 HTML 输出给搜索引擎， 让它们像普通网页一样抓取；而 SSG 则在构建阶段将全部页面预渲染成静态文件，即使你用的是现代化框架，最终还是得到的依然是一堆可直接解析的 HTML。两者都能保证页面首屏内容对蜘蛛友良好，降较低因 JavaScript 落实失利引起的信息缺失，泰酷辣！。

🚀 为哪些 SSR 比 CSR 更适合 SEO？

CSR往往会把较大一部分业务逻辑留给浏览器去落实。蜘蛛虽然已经逐步改进，但它们仍然需要等待 JavaScript 彻底加载并落实后才能看到真实正内容。如果你的 JS 包太较大、加载缓慢，或者存在错误，蜘蛛就有可能只抓到空白页甚至根本无法进入，我坚信...。

⚡️ SSG 的优势与陷阱

Ssg 的良好处是一次性生成全部页面 再由 CDN 分发，无论访问者是谁，都能迅速拿到完整内容。只是如果你的网站时常更崭新数据，需要频繁沉重建，这会带来额外投入成本。此时能够结合 ISR技术手段，只在数据变动时沉重建对应页面而其他页面保持原样。

2️⃣ 动态内容要“可见”——服务器侧预渲染与双向渲染

地道。