嗨,欢迎来到阿拉丁指数
  • 登录注册
  • 我的收藏
  • 管理中心
  • 免费
    收录

  • 众号

    扫码关注公众号


  • 程序

    扫码体验小程序

  • 在线
    客服
  • Top
百度闫斌:小程序对接百度搜索流程与注意事项
100000+浏览 · 2019-03-16


智能小程序对接百度搜索流程:打开Web化开关是我们整个步骤的一个前提;进行SEO的信息的配置的话,才能被百度顺利的抓取和收录;配置小程序和H5的映射关系,可以让小程序的在自然搜索结果可以获得更高的排名。

因为智能小程序对接百度搜索的流程相对复杂,我之前对接的一些开发者,大家的问题也都会集中在这一个环节,我接下来将小程序对接百度搜索的具体操作和注意事项跟大家详细的讲解一下,希望大家听到我的分享之后,对整个流程有一个全面的了解。

这是我们梳理的小程序对接百度自然流量的一个流程,我们按照步骤来一步一步地进行拆解。

确认Web化效果

首先第一步Web化,确认Web化效果以及SEO信息的配置。刚才我讲过,开发者需要下载最新版本的百度小程序开发者工具,根据提示打开Web化的开关,打开Web化开关是我们整个步骤的一个前提

开发者需要开启Web化开关,我们才可以在编译时为开发者去构建一个Web化的版本。开发者可以在工具的按钮区域发现一个Web化的按钮,点击这个按钮可以生成一个临时的线上二维码,可以让开发者通过手机浏览器进行扫码来确定Web化的效果,原则上我们开发者是不需要为Web化的适配来承担额外的开发成本。

配置SEO信息

当Web化的效果确认好之后,我们需要设置SEO的信息。所谓SEO的信息指的就是小程序Web页面里面的title,keywords、descrition这三类信息,我们封装了相关的API接口来让开发者来进行设置。

因为小程序SEO信息和页面内容是强相关的,比如说贴吧的帖子页面里面的标题描述信息可能每个页面都不尽相同。所以说我们建议开发者先基于swan来请求自己的server,然后由自己的server返回的SEO信息再进行异步的配置。

这里面有一点需要强调的是:如果开发者不进行SEO的信息的配置的话,那么爬虫很有可能会把当前页面认为是一个无效页面,而无法进行顺利的抓取和收录,所以说SEO这部分配置希望各位开发者能够引起足够的重视。

小程序和H5的映射关系

后续的话我们也计划在底层环节里面去增加SEO信息有效性的这种配置,我们先来到下一个步骤,配置小程序和H5的映射关系。我们需要告诉搜索引擎,我们的小程序是如何和我们已有的H5站点进行映射的。

我举个例子,比如说贴吧的帖子详情页,这个页面既有一个小程序的版本,也有一个H5的版本,那么这两个版本之间是如何进行映射的?

智能小程序Web化

这就需要开发者基于我们的配置语法来进行设置,而百度搜索也会基于这样的配置信息,可以把这种小程序的自然结果可以获得更高的权重。

配置映射关系

我们来看一下具体的语法,在app.json这个文件里面,我们新增了一个字段url-mapping,这个字段的形式为对象的形式。对象的page是小程序的路径,对象的view是需要映射H5的地址。

我们可以看到H5的地址是由post加query为两部分组成,而H5的house我们不用配置,我们需要开发者在小程序后台的里面单独的注册,我们这样的做法是可以保证这个H5域名真的是小程序的开发者所拥有的,我们在小程序的后台里面会增加相关的域名校验的这样一个逻辑,在H5地址的配置,我们是基于字符串模板的这样的一个配置方法,最终的话我们会将H5路径和小程序的query进行编译,并且生成一个正式的H5的地址。

这里面的话,我举一个贴吧的例子,第一行是贴吧的帖子详情页, 最终我们可以看到在Web化的小程序的代码里,我们会在页面的头部插一个标签,这个标签会指向我们刚才所生成的线上的H5版本的贴吧的页面,那么当它抓取页面的时候,会基于这个标签来去建立小程序到H5的映射。

解决URL泛化的问题

这里面的话有一个特殊情况需要强调一下,对于URL泛化的问题,用糯米的店铺详情页的来举例子,我们对于同一个店铺,可能会泛化出多个不同的H5地址,虽然这些域名的是不一样的,但是他们会指向同一个页面,它的内容是相同的。如果希望这些不同的地址都映射为小程序的话,我们也提供了这种小程序到H5的路径一对多的配置。

76085234430045026.jpg


THE END

本文章仅代表作者观点,不代表阿拉丁官方立场,本文系作者授权 阿拉丁指数平台 ( aldzs.com )、阿拉丁指数公众号发表,未经许可,不得转载。

小程序推荐