Next.js中浅路由结合SSR产品页的实现方案是否影响SEO？

这种做法不会损害SEO，反而能兼顾用户体验和搜索引擎抓取需求，原因如下：

• 搜索引擎爬虫直接访问/products/:productId时，依然能获取到SSR渲染的完整页面内容，包括产品详情、页面元数据（title、meta描述等），完全符合SEO的抓取要求，爬虫可以正常解析并收录这些页面。
• 主页面内的浅路由跳转是针对用户交互设计的，爬虫不会触发前端的点击交互，只会抓取页面上的静态链接。只要主页面里的产品链接是标准的<a>标签，指向真实的SSR页面URL，爬虫就能顺着链接正常爬取对应的产品页，不会因为前端的浅路由逻辑受到影响。
• 需要注意两个细节：一是确保SSR页面的元数据（比如页面标题、描述、OG标签）准确且固定，不管是直接访问还是通过浅路由加载组件，核心内容和元数据要保持一致；二是主页面的产品链接不要只做JS触发的浅路由，必须保留指向SSR页面的标准<a>标签，避免爬虫无法识别有效链接。

内容的提问来源于stack exchange，提问作者Salih Redzheb