DEV Community
·
无需切换到 Next/Remix 的 Vite/React 单页应用简单 SEO 解决方案
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
作者分享了一种简单的中间件，解决单页应用（SPA）的SEO问题，通过解析HTML动态注入元标签，添加旅行指南的标题、描述和结构化数据，简化了Next.js的使用，提升了SEO和社交分享效果。
🎯
关键要点
- 作者分享了一种简单的中间件，解决单页应用（SPA）的SEO问题。
- 使用基本的Express设置来服务Vite SPA。
- 最初考虑迁移到Next.js或Remix，但觉得过于复杂。
- 编写了一个小型中间件，根据路由动态注入元标签。
- 中间件通过解析HTML来添加旅行指南的标题、描述和结构化数据。
- 提升了SEO和社交分享效果，性能依然良好。
- 实现过程简单，仅需1分钟，避免了Next.js的复杂设置。
- 该解决方案适用于任何SPA框架，使用cheerio进行HTML解析。
➡️
