凤凰网
动态设置页面元信息 在微前端的路由切换事件中,通过 document
性能与结构化数据 页😎面加载速度直接影响百度排名
微前端基座应采用长缓存、懒加👍载策略,确保首屏HTML尽可能小
然而,百度等搜索引擎的爬虫仍主要基于静态HTML抓取内容,微前端中🔑子应用通过JavaScript动态渲染的页面,往往无法被爬虫完整索引
基座应用可以提供一个公共API,🎨子应用❤️在挂载时调用该接口注入自己的元信息
例如: 主应用统一监听 pushStat💯e 事件 → 💎根据当前URL判断哪个子应用激活 → 调用子应用暴露的 getMeta() 方法 → 更新页面 <title> 和 <meta name="description"> 内容
内链输出为超链接标签 所有子应用之间的导航跳转,应生成真实 <a href=""> 标签,而非纯JavaScript绑定的点击事件
同时确保服务器能对这类路径正确响应—💡—要么返回预渲染内容,要么返回一个包含完整页面框架的▶️初始HTML
可以使用 <meta name="robots" content="noindex"> ✨或 rel="nofollow" 对非内容页面进行屏蔽