新京报
com/service">服务介绍</a> 写死链接,确保爬虫能沿链接爬取
然而,这种架构天然对搜索引擎爬虫不友好——多个独立子应用可能各👍自拥有独立的渲染环境、路由系统和资源加载方式,导致搜索引擎无法像对待传统单页💫应用那样顺利抓取和索引内容
什么是微前端SEO隔离 微前端SEO隔离是指在微前端架构中,通过技术手段让不同子应用在搜索引擎视角下被视为独立🌅、清晰的页面实体,避免爬虫因跨应用跳转、动态加载或共享DOM而产生困惑
设计清晰的URL隔离方案🍀 不要让所有子应用共享⭐同一个路由前缀(如 /app1/page 和 /app2/page 都挂载在主域名下)
更好的做法是采用 子域名 或 独立路径前缀+泛解析 的方式: 子域名方案: app1
com/app2/page —— 需要在主站robots
例如,在页面底部使用 <a h🔥ref="https://app2