网站改造为百度智能小程序教程,适合所有网站封装

技术宅

最近懒癌又犯了,此篇文章是博主一直想写,但是提笔几次,都没事情打断耽搁了,今天重新审视自己的小程序,算是一鼓作气把这篇技术文档给完善出来,仅供参考,有问题,下面留言讨论。

小程序应用应该是百度首先提出的,但是被腾讯发扬光大,百度总是在技术上起个大早,赶个晚集!

但是博主这几天封装自己的WordPress站为百度智能小程序中发现,百度智能小程序还是可以搞一搞的,百度在移动端,向智能小程序全流量开放!

百度智能小程序,开放百度全域千亿流量,流量天然可运营

从上图可以看出,百度智能小程序具有天然流量优势,并可以入驻百度信息流和贴吧推广,看到这,搞seo 的各位同学是不是很心动了?

废话不多说,今天博主带着大家把自己的网站封装为百度智能小程序,适用一切网站,你也可以拿来赚钱!

网站改造为百度智能小程序教程

第一步:前提条件

1、营业执照。很遗憾百度智能小程序不支持个人开发,如果你没有营业执照,以下信息你就不必再看了!

2、你的网站必须有手机端,或者你的网站是h5(自适应网站)。

3、百度小程序账号,自己去注册。

4、下载百度小程序开发工具最新版

5、网站必须部署SSL证书。

 

第二步:打开开发者工具,填写信息

1、桌面新建空文件夹,自己命名(命名用英文,不多说)。

2、打开开发者工具,填写名称,路径选择你刚才新建的空文件夹(百度智能小程序会自动生成文件)。

网站封装百度智能小程序教程

 

3、小程序后台配置服务器域名,就是你网站的域名   设置–》开发设置–》服务器域名,改为你的网站域名

网站封装为百度智能小程序教程

第三步,你需要修改两处文件,并需要一句代码

WordPress网站修改为百度智能小程序

利用百度智能小程序开发工具新建项目后,开发工具会自动生成代码包,你需要修改pages/index/index.json   和 pages/index/index.swan   这两个文件!

pages/index/index.json中
{
"navigationBarTitleText": "你自己的小程序名字"
}

 

pages/index/index.swan中

将里面的代码全部替换为以下代码
<!-- index.swan -->
<web-view src="https://你的手机端网址.com"></web-view>

 

第四步:百度小程序流量配置

这一步可能是所有seoer最想配置的一步

修改小程序文件 index.js

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');
            }
        })
  },

将以上代码加入index.js中,修改其中的TDK为你自己的

至此,如果没其他问题你可以提交代码包,给百度审核了!

 

当然,百度智能小程序运营也是一门技术活,博主运营后补充教程,以上为基本的网站封装为百度智能小程序教程!

继续阅读
各种观点
  1. 东来东往:

    正需要,谢谢博主

    • 兵临城下:

      好的,有问题下面留言讨论

  2. 北陆:

    百度做小程序是有优势的,千人千面的人工智能搜索推荐机智

    • 兵临城下:

      当然是有的,搜索入口的流量很值钱哦

  3. 跳跳兔:

    网页嵌入,体验贼垃圾

    • 兵临城下:

      是的,这是网页嵌入的一种形式,也可以单独开发

  4. 熊大大:

    这个方法目前好像失效了。
    提示如下:
    代码审核未通过,原因:存在:扫码后,提示无法打开页面(苹果XR,3.90.7)。类似问题请一同修改。基础库与客户端版本映射关系https://smartapp.baidu.com/docs/develop/swan/shine/。兼容性说明https://smartapp.baidu.com/docs/develop/swan/compatibility/

    • 兵临城下:

      这个方法没失效,你的基础库和客户端映射关系没搞好

      • 熊大大:

        感谢回复,我直接百度新建的项目,然后按照文档修改的,自己测试是可以的,审核是这么说的,这个还需要修改哪儿的参数吗。

        • 兵临城下:

          说实话,我自从改造完我的一个网站,也没有深究,待我深究后写教程吧哈哈

  5. tophigher:

    我是小白,按博主方法一步步的走,编译没有通过,提示如下:“1、m.cdproshine.com未配置域名列表中,……)2pages/index/index未配置页面基础信息……”,但是其实我的手机网站已经在智能小程序后台配置了,至于页面配置信息,是复制博主代码的,这些问题该怎么解决呢?

    • 兵临城下:

      服务器域名配置之后,业务域名也需要在小程序后台添加的

      • tophigher:

        谢谢兵临城下答疑。

  6. tophigher:

    @兵临城下,博主好,提交的代码审核不通过,我试了两次,第一次提示“原因:存在进入首页模块,显示无法打开页面【双端】(iPhone xs 基础库版本3.90.14)(安卓 红米6pro 基础库版本 2.15.35)。类似问题请一同修改。基础库与客户端版本映射关系https://smartapp.baidu.com/docs/develop/swan/shine/。兼容性说明https://smartapp.baidu.com/docs/develop/swan/compatibility/”,我把发布的基础库降到最低,还是无法通过,提示“代码审核未通过,原因:无法打开【双端】(OPPO R11 基础库版本1.13.43)(苹果7 基础库版本3.90.14)。类似问题请一同修改。基础库与客户端版本映射关系https://smartapp.baidu.com/docs/develop/swan/shine/。兼容性说明https://smartapp.baidu.com/docs/develop/swan/compatibility/”,求解

    • 兵临城下:

      有没有用最新版的开发工具?

    • 兵临城下:

      一般遇到基础库问题 都是开发者工具的bug问题 最新版的应该没有基础库这个选项

      • tophigher:

        谢谢博主的回复。开发工具应该是最新版的,这没有问题,我尝试着选择不同的最低版本库,审核都是不通过。每次回复的不支持双端的手机型号都不同。我猜想应该是域名的问题,我的域名还没有备案,因此无法配置业务域名。应该是百度小程序不支持非业务域名跳转的原因。目前正在备案域名,等备案通过后,再配置业务域名后反馈结果。再次感谢。

        • 兵临城下:

          好的

          • tophigher:

            域名icp备案耗费了足足14天,不过还算顺利,一次性通过了。多次调试,代码也审核通过了,并且已经发布了。谢谢楼主。不过新的问题是:为什么我的小程序在百度app的小程序下搜不到?是不是需要web化?

          • 兵临城下:

            博主感觉不管是mip改造还是百度智能小程序,改造后效果都不是立竿见影的,时间越久效果越好;web化,小程序流量配置非常重要,我看大家需求较大,我今天晚上给写一篇流量配置的教程,欢迎持续关注

  7. 无锋:

    网站封装能否只封装网站的某个内页?

    • 兵临城下:

      不能,你可以做一个单页网站进行封装

  8. 可可:

    博主你好,网站上有调用按钮拨打电话和在线客服,在开发工具上测试可以使用,上传审核就出现不能调用,按钮完全无效,这个要怎么处理?博主

  9. 忧郁肚脐:

    第四步是不是不对,index.js 应该是改app.js吧。最后还要选择全部保存才行

    • 兵临城下:

      修改index.js哈,我配错图了,我一开始改的app.js,发现不对,改的index.js,图没截

      • 忧郁肚脐:

        那能换截图吗 index.js应该放在哪一行呢

        • 兵临城下:

          图片已更新,你看一下把

          • 忧郁肚脐:

            感谢,请问,1:这种网页生成的小程序,是独立的,还是嵌套显示了网页而已,如果网站服务器关闭,是不是小程序就不显示内容了,2:另外这种方式做的小程序有自己的内页url吗,这种可以和已有h5站关联吗,还需要或者说还可以进行url适配吗,如果不关联不适配,是不是小程序和h5就算是内容重复了,对seo不好?比如格式举例:
            H5:http://example.com/detail?id=1
            小程序路径:/pages/detail/index?id=1
            这组对应关系可以用以下规则描述:
            http://example.com/detail?id=(%5B^&]+)=> pages/detail/index?id=${1}

          • 兵临城下:

            审核成功之后,你做下绑定熊掌号就行了,封装的不支持sitemap和url映射等,

  10. 商务信息网:

    博主能坚持分享 表示感谢

  11. 小星星:

    这样直接封装的话,那么url适配和sitemap提交是不是都没办法实现,如果这样的话,小程序的内页还会被百度收录吗?

    • 兵临城下:

      直接封装不是原生代码,无法sitemap映射,内页应该是无法收录的,建议用微擎原生代码

  12. 好无聊的我:

    就想问问tdk是什么啊啊

    • 兵临城下:

      title 网站标题, description 网站描述 keywords 网站关键词

      • 无聊的我:

        刚刚提交审核了,看下能不能通过审核,谢谢回复

  13. 我很忧伤的:

    这样打包时能出现但是左上角没有返回键怎么搞?

    • 兵临城下:

      左上角没有返回键和你自己的H5页面有关系,这只是简单封装不牵扯功能

  14. handler:

    我封装不了,见鬼了

发表观点
  • 昵称不能为空
  • 邮箱不能为空
  • 还是写点什么卅...