小程序返回上一页_智能小程序档案馆手把手教你成为小程序流量头号玩家(上)...

百度智能小程序为开发者提供了全面开放的自然搜索接入能力

为了让开发者们接入得又快又好,我们准备了详细说明给大家了解~

f5f0e27eaa7b37a7824b4ba06a78ce82.png 33c669e7446cb10c573f96e86b7fb155.png 8b5e8422b93ba19acd8d6e197f409ca3.png

首先我们了解一个问题:什么是小程序接入自然搜索?

通过接入百度搜索生态,在百度 App 中(10.10或以上版本)无需用户精准搜索小程序名称,只要检索到与搜索内容相关的小程序页面,该小程序结果即会展示在百度搜索结果页面中,为用户提供更加精准便捷的服务。

众所周知,同质内容情况下,搜索会优先展现智能小程序页面。

当智能小程序某页面被用户检索到,其展现形式会有小程序标签,用户在百度App(10.10或以上版本)点击该条搜索结果,即可打开智能小程序。开发者只需要进行简单的配置工作,就可以使自己开发的智能小程序被百度搜索收录、分发。

举个例子:在百度 App 中搜索 “北大考研”,自然搜索结果中,可以看到百度贴吧小程序的相关搜索结果。点击该条结果,就会直接打开百度贴吧小程序相应页面:

7923b06f217e0d2e2aee709eb9073c2a.png

那么百度智能小程序是如何接入自然搜索的呢?接下来的章节我们会详细介绍小程序接入自然搜索的原理以及对于小程序开发者,要接入自然搜索应该关注哪些问题。

7842fdcebfb340fdc4eac235e6e70608.png

资源收录:介绍通过Web化实现小程序的破壳检索收录

在 Web 生态中,搜索引擎如何发现并收录资源大家并不陌生。爬虫通过抓取 Web 网页,能够很好的解析页面内容,并为其建立索引。那么作为依托于客户端形态存在的小程序,又是如何实现资源收录的呢?

答案是,既然 Web 爬虫技术已经相对成熟,只要将小程序转换为一个 Web 版本,即可轻松借助已有的爬虫能力实现小程序页面的收录。到这里,今天的主角就要隆重登场了 —— Web 化小程序

Web 化小程序是百度小程序的 Web 版本。每个 Web 化小程序都是一个单页面应用站点,可以通过唯一对应的 URL 在浏览器打开。Web 化小程序与对应的客户端打开的小程序内容、样式和交互行为基本一致。

以百度翻译小程序为例,下图为百度翻译小程序在百度 App 中打开和它的 Web 化小程序在 safari 浏览器打开的效果:

e1012af94826c1f629ad6fb8bb4fe5ef.png

那么 Web 化小程序是如何生成的呢?

百度智能小程序具有自动生成 Web 化的能力,在小程序发布时,后台会自动为每个小程序生成一份 Web 化小程序。也就是说Web 化对小程序开发者来说是透明的,开发者几乎不用做额外的适配即可完成转换。

在百度开发者工具 2.2.4 以上版本,默认开启 Web 化。之前版本的工具需要手动打开 Web 化开关。对于之前未开启 Web 化的小程序,只要升级工具到最新版本,重新发布,即可自动开启。

8d65be684701017aa84c67d3c4e2886e.png

Web 化预览与调试:讲解开发者如何预览和调试Web小程序

开发者工具提供了访问 Web 化页面效果的方式。

预览 Web 化前,请确保服务器域名配置中 request 域名已配置,否则接口数据请求不能正常返回。配置方式:小程序后台-设置-开发设置-服务器域名-request的合法域名

在开发者工具中,登录状态下,点击“预览”按钮,弹出窗中切换到 “WEB预览” Tab 可以预览 Web 化的效果。可直接扫码或通过手机浏览器查看。通过点击上图中 “在浏览器中打开” 可以看到 Web 化的页面 URL。 Web 化的页面 URL 地址规则如下:

70c4f472ae9be768f95a0531e34a008e.png

  • 每个小程序都有唯一的子域名;

  • URL 中 path 和 query 部分和小程序页面中的 path 和 query 一致。比如:上例对应的小程序页面在百度App中的打开路径即为/pages/detail/index?id=1;

  • 如URL中没有指定 path 和 query,默认跳转首页。

  • 预览环境的 URL 后有 appKey 参数,正式发布后,Web 化线上地址不包含 appKey 参数。

今天的课程暂时到这里结束啦~下期我们将会重点介绍:

搜索引擎优化--介绍小程序开发中应该注意哪些搜索引擎优化手段与一些实践中的建议与问题。

附:百度智能小程序流量接入权益说明,可点击“阅读原文”在百度智能小程序官方文档中查看

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值