## 用小程序替换H5页面
若小程序希望替换搜索中对应的H5站点资源,参考[如何关联H5站点](https://smartprogram.baidu.com/docs/introduction/rank/#%E5%85%B3%E8%81%94H5%E7%AB%99%E7%82%B9/)完成了H5站点的关联后,需要在小程序平台中对该站点下TOP流量的页面资源进行替换,替换完毕后就可以继承原H5页面的搜索流量,替换的流程可以分为三步:
### 一:设置信息关联站点
**1. 设置[基础SEO信息](https://docs.minapper.com/minplus/2304533)**
WordPress网站后台—微慕小程序—基础设置—百度小程序
**2. 设置`小程序SEO信息`**
WordPress网站后台—文章—编辑文章
**3. 关联`H5站点`**
若小程序希望替换搜索中已有H5站点资源,需要先进行H5站点关联
[百度小程序后台](https://smartprogram.baidu.com/developer/index.html) \> 搜索接入 \> 自然搜索 \> H5资源替换 \>关联站点
以上内容具体操作可以查看:[小程序改造关键内容](https://smartprogram.baidu.com/docs/introduction/rank/#%E8%AE%BE%E7%BD%AE%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E4%BF%A1%E6%81%AF/)
### **二:替换H5页面,配置URL映射规则**
**1. 填写URL映射规则**
通过正则表达式的方式声明H5链接与小程序路径间的对应关系
**2. 配置URL映射关系**
[百度小程序后台](https://smartprogram.baidu.com/developer/index.html) \> 流量配置 \> URL映射规则 \> 编辑 \> [设置URL映射规则](https://smartprogram.baidu.com/docs/introduction/rank/#%E9%85%8D%E7%BD%AEURL%E6%98%A0%E5%B0%84%E8%A7%84%E5%88%99/)
在映射规则编辑页面或点击TOP URL替换明细,提交可以查看替换的进度和结果反馈,及时进行修改
![](https://img.kancloud.cn/15/8f/158fb89db0c351879abed9b1c9c7c08e_864x400.png)
![](https://img.kancloud.cn/05/17/0517160f16e07c40d942db57bc5a8e52_737x427.png)
### 具体配置
这里用微慕举例两种情况给大家
#### 推荐固定链接为 /%post_id%.html 其他情况可能无法匹配,可言使用“表达式生成工具”自动生成
1. 提交规则
`H5`:```https://plus.minapper.com/([^\/\.\-]+).html```
`小程序`:```pages/detail/detail?id=${1}```
2. 提交校验URL对
`移动URL`:``` https://plus.minapper.com/4828.html```
`小程序PATH`:```pages/detail/detail?id=4828```