百度智能小程序具有天然的流量优势,而微信的小程序具有庞大的用户群里,各位站长是不是很心动,但是单独开发小程序成本也大,而且对于小白来说,还有点技术难度,下面我们就教大家如何将自己的手机站自适应网站改造封装百度小程序有效提升网站曝光流量!

bd-minprogram.jpg

改造封装百度小程序前的准备事项

  1. 将手机站或自适应站点配置SSL证书,SSL证书可选择免费的DV域名型证书因为免费、签发速度快
  2. 注册百度小程序账号,并使用公司营业执照实名认证,有人说个人认证不行吗?这里只能说目前百度小程序不支持个人的
  3. 创建一个百度智能小程序名称、logo、简介、服务类目、标签自己根据要求和自身情况设置,
  4. 提交,之后就是等待百度小程序官方审核通过了。
  5. 下载安装百度小程序开发工具 百度小程序开发工具

至此改造封装百度小程序的准备工作完成.

封装百度小程序改造教程

在桌面新建一个文件夹,名称为英文

3381135385.jpg

双击百度小程序开发者工具图标

3281963698.png

点击 “+” 号新建一个小程序,项目名称自定义,项目目录选择刚刚新建在桌面的文件夹,之后会在此文件夹保存百度小程序文件

4281775186.jpg

APPID填写百度小程序平台新建的小程序APPID在设置的开发者设置中获取百度小程序APPID

2136180913.jpg

在百度小程序平台的开发设置中设置服务器域名为你的网站域名

3147483760.jpg

回到百度小程序开发工具,修改 pages/index/index.swan 内容为以下内容,并ctrl+S保存

<!-- index.swan -->
<web-view src="https://你的网站域名/">
</web-view>

在打开 pages/index/index.json 并修改以下内容,并ctrl+S保存

{
"navigationBarTitleText": "你自己的小程序名字"
}

打开 pages/index/index.jsconst app = getApp()onLoad() {// 监听页面加载的生命周期函数} 之间添加以下代码,并ctrl+S保存

onShow(options) {
        swan.setPageInfo({
            title: 'SEO标题',
            keywords: 'SEO关键词',
            description: 'SEO描述',
            likes: '75',
            comments: '13',
            collects: '23',
            shares: '8',
            followers: '35',
            success: function () {
                console.log('setPageInfo success');
            }
        })
  },

到这一步你就可以使用 百度APP 进行扫码远程调试了,如果没有问题,便可以提交到百度小程序平台审核上线。微信小程序的改造也是同理,在对应的wxml文件里面使用<web-view src="https://你的手机端网址.com"></web-view>接入自己的自适应网站即可。

百度小程序优势还是非常大的,百度对入驻百度的小程序均有流量扶持,可以百度贴吧接入、免费信息流推荐,同时还可以百家号挂载,有效的提高了手机站自适应网站的曝光与流量进入.


相关推荐

文章作者:喵斯基部落
原文地址:https://www.moewah.com/archives/3200.html
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。非商业转载及引用请注明出处(作者、原文链接),商业转载请联系作者获得授权。