panjinyou 发表于 2021-9-11 09:22:57

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

最近懒癌又犯了,此篇文章是博主一直想写,但是提笔几次,都没事情打断耽搁了,今天重新审视自己的小程序,算是一鼓作气把这篇技术文档给完善出来,仅供参考,有问题,下面留言讨论。小程序应用应该是百度首先提出的,但是被腾讯发扬光大,百度总是在技术上起个大早,赶个晚集!但是博主这几天封装自己的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: '<font color="#1a1aa6" face="monospace" size="3"><span style="white-space: pre-wrap;">南京金友门户网(Go569.com)由六合潘金友网络科技服务中心主办,定位于为六合百姓生活服务,经过两年的不懈努力,六合生活网已发展成为六合的门户网站和城市名片</span></font>',
            keywords: '南京,六合生活,南京新闻,六合新闻,六合团购,二手市场',
            description: '南京金友门户网,做南京人的网上家园!',
            likes: '75',
            comments: '13',
            collects: '23',
            shares: '8',
            followers: '35',
            success: function () {
                console.log('setPageInfo success');
            }
      })
},

将以上代码加入index.js中,修改其中的TDK为你自己的至此,如果没其他问题你可以提交代码包,给百度审核了!
当然,百度智能小程序运营也是一门技术活,博主运营后补充教程,以上为基本的网站封装为百度智能小程序教程!
页: [1]
查看完整版本: 网站改造为百度智能小程序教程,适合所有网站封装