大家好，我是 Meathill，最近给自家网站做了 SEO，感觉挺成功，于是又帮朋友的网站做 SEO。不同的是，我厂的网站基于 Nuxt 开发，做起来比较简单；朋友的网站用 Next.js 14 开发，那可真是费老劲了……所以总结一篇文章作为分享，将来还打算录成视频。

有缘看到这篇文章的朋友，如果你对 SEO、Next.js、全栈开发有什么问题和想法，欢迎留下宝贵的建议和意见，我们共同进步。

支持我做更多分享

如果你觉得这样的分享很有价值，也从我的分享中获得了你需要的知识，不妨赞助我，让我有时间和动力分享更多有价值的内容。

我的 GitHub 赞助链接是：

https://github.com/sponsors/meathill

为什么要 SEO

1. SEO 目前仍然是最便宜的流量来源。
2. SEO 跟用户体验并不冲突，事实上，搜索引擎一直在想办法把用户体验和搜索排名结合起来。

SEO 的要点（针对技术

作为一名前端/全栈开发，有一些东西归属于我们的同事，比如创建内容、扩展外链，我们可以不过分深究。但是也有一些注意事项，尽早注意，可以节省大量返工的时间。

了解必要的知识

本文主要是我的经验之谈，不是很全面，更多的知识请阅读后面扩展阅读里的各个链接。

尽量用服务器端渲染

1. 服务器渲染对 SEO 更加友好。
2. 对于大部分搜索引擎爬虫来说，如果能采用静态分析，性能会比分析 JS 渲染的页面高很多。
3. 服务器端渲染对用户体验也有提升。

尽量用超链接而不是手动跳转

1. 浏览器爬虫可以通过超链接 <a> 找到更多页面。