小程序与跨端框架

小程序 是跑在超级应用容器里的前端形态，页面由容器解释执行，不是浏览器里的 HTML 文档^[2]。跨端框架 是一套工具，让一份源码编译出多个端的产物，常见目标是网页与小程序^[3][4]。

小程序有自己那套搜索

微信为小程序提供搜索抓取。官方说明爬虫访问时带特定的 user-agent 与场景值，服务端还能用签名头验证请求来源^[2]：

user-agent   mpcrawler
场景值       1129

这套入口与 Google、百度对网页的索引是两件事，网页侧那套规则对不上小程序^[1]。

微信给出的六条要求

第一条，页面地址要能被直接打开，不依赖前一步的状态，页面需要的参数尽量放进 query^[2]。

第二条，跳转用 navigator 组件，官方把它列为爬虫发现页面的重要来源；不得不用路由 API 时，要在爬虫访问时屏蔽点击上的时间锁与变量锁^[2]。

第三条，参数结构清晰，官方点名这是一种糟糕实现：把 JSON 整包塞进 querystring^[2]。

第四条，授权、登录、绑定手机号放在确实必要的环节，读文章可以匿名，发评论再要身份^[2]。

第五条，web-view 里的内容不进小程序搜索，官方明确写了这条限制^[2]。

第六条，给页面设清楚标题与缩略图，视频与音频组件再补上海报字段^[2]：

wx.setNavigationBarTitle
onShareAppMessage
video / audio 的 poster 与 poster-for-crawler

跨端框架带来的差别

Taro 与 uni-app 这类工具用一套写法产出多端，网页端与小程序端的渲染层不同，能用的组件与 API 也不同^[3][4]。网页端如果由同一套代码产出，要注意它是否退化成客户端渲染：正文与链接要出现在 HTML 里，抓取才不必等脚本执行^[1]。

常见误用

第一种是把小程序当成 SEO 主战场，网页版长期不维护，搜索引擎侧没有可索引内容。第二种是页面参数写成不可读的编码串，两边抓取都难分析。第三种是内容只放在 web-view 里，小程序搜索与网页索引两头落空^[2]。

附录

参见

• 移动可用性
• 移动优先索引
• 客户端渲染（CSR）
• URL 参数
• 结构化数据

参考资料

官方（境外）

1. 《了解 JavaScript SEO 基础知识》，Google 搜索中心。

官方（国内）

2. 《小程序搜索优化指南》，微信开放文档。
3. 《Taro 文档》，Taro 项目。
4. 《uni-app 文档》，DCloud。

外部链接

• 微信开放文档首页，腾讯。