WordPress百度官方号快速开发改造教程

张子凡 WordPress建站 2017-08-21 12:00:59 阅读(12738) 评论(16)

百度官方号的接入方式有两种,一种是H5页面改造,一种是MIP页面改造。其中H5页面并非只是html5页面,而是指移动端页面,简而言之就是你需要接入百度官方号就必须是移动端网站,PC网站是不能引入官方号的。

WordPress百度官方号快速开发改造教程

通过百度官方的官方号开发指南基本也就可能正轻松的做好这一切,所以如果你看过子凡上周发布的《百度官方号改造初见成效》就可以了解到,其实泪雪博客和泪雪网都拥有三套模板(PC、H5、MIP),因为官方号依旧和MIP都是针对于百度移动端搜索引擎,所以果断的选择MIP版本进行改造和升级,最后成功的支持并接入了百度官方号。下面子凡将依次顺序介绍一下接入官方号的顺序与步骤。

一、H5页面与MIP页面改造共同步骤

1.添加canonical标签(必须)

要求href的内容为mip页或h5页对应的PC页地址;如果没有PC页,则填写当前页面地址。

2.添加Json_LD数据(必须)

下方代码为泪雪博客某篇文章的JSON-LD实例(子凡已经单独写了一篇:WordPress的Json_LD实现代码及教程):

1
2
3
4
5
6
7
8
9
10
//百度官方好JSON-LD实例
<script type="application/ld+json">{
	"@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld",
	"@id": "https://zhangzifan.com/tencent-cloud-sms.html",
	"title": "浅谈我为什么选择腾讯云短信SMS服务平台",
	"images": ["https://zhangzifan.com/uploads/2017/08/Tencent-Cloud-SMS.png","https://zhangzifan.com/uploads/2017/08/SMS-send-frequency.png","https://zhangzifan.com/uploads/2017/08/SMS-callback-.png"],
	"description": "前些时候子凡就曾在泪雪博客写过一篇《浅谈如何选择优秀的短信SMS服务平台》的文章了,其中说的就是如何选择短信服务平台,而最后子凡为泪雪用户中心的新版选择了腾讯云短信服务平台,所以今天就来为大家说说子凡为什么选择腾讯云短信。",
	"pubDate": "2017-08-07T15:53:35",
	"isOriginal": "1"
}</script>

字段描述

  • @context: 请保留且勿修改 “https://zhanzhang.baidu.com/contexts/cambrian.jsonld”
  • @id: 必选字段,当前网页的url
  • title: 可选字段,副标题,建议长度:20个字符以内
  • images: 必选字段,搜索结果结构化信息展示,仅允许提供1张图或3张图
  • description: 可选字段,内容摘要
  • pubDate: 必选字段,内容发布时间
  • isOriginal: 可选字段,是否原创的告知字段,1是原创,0不是原创

二、H5页面改造专用

1.添加官方号SDK(必须)

1
<script src="//msite.baidu.com/sdk/c.js?appid=1536767038796128"></script>

在页面标签前添加代码,注意:appid为官方号唯一ID,请勿做任何修改,否则无法正常展现。

2. 添加关注功能代码(非必须/但强烈推荐)

添加需要展现的bar,最多只允许添加2个,切官方将会审核,可以选择展现的方式有三种:吸顶,文章段落间以及底部,可以根据页面的样式及喜好自行选择放置位置。

1
2
//吸顶bar
<script>cambrian.render('head')</script>

在页面标签后添加代码

1
2
//文章段落间bar
<script>cambrian.render('body')</script>

在页面段落之间添加代码

1
2
//底部bar
<script>cambrian.render('tail')</script>

在页面文章结束位置添加代码

另外需要注意:上述三种bar在样式上没有预留左右边距,若页面自身没有设置边距,所以可以在以上bar代码外围加入一个div,以此来添加边距。如下:

1
2
3
<div style="padding-left: 17px; padding-right: 17px;">
	<script>cambrian.render('head')</script>
</div>

三、MIP页面改造专用

1.引入官方号MIP组件的SDK

1
<script src="https://mipcache.bdstatic.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>

在页面mip.js代码

1
<script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>

之后、标签前添加代码

2.使用官方号MIP组件

1
<mip-cambrian site-id="1536767038796128"></mip-cambrian>

在页面标签后添加代码

注意:site-id为官方号唯一ID,请勿做任何修改,否则无法正常展现。同时建议紧挨标签添加,能够获得更好的体验。

四、格式校验

通过以上三个步骤,其实你只需要根据自己实际是H5页面或MIP页面,就已经基本可以完成百度官方号的改造接入了,但是为了保险期间,所以我们还是需要通过百度站长平台提供的“格式校验”工具进行验证是否完全符合了官方号的开发标准正确接入了。

具体的操作步骤子凡就不详细写明了,有百度官方号权限的登录百度站长平台,通过“官方号->数据引入->格式校验”即可找到。如图按照说明进行验证即可,如果提示错误,就根据错误提交对代码进行改正,知道通过后继续下一步骤。

百度官方号格式校验

五、数据提交

你以为开发完成,格式校验成功就可以了吗?不,你还需要将你的相关页面URL数据主动的推送到官方号的接口才行(目前官方并没有提供手动提交入口)。

不论是MIP引入,以及将于9月20日消失的原创提交,还是官方号的数据提交,都是使用的那一套主动推送接口,只是参数略有变化作为区分。之前子凡的一篇《如何让百度快速收录WordPress网站?》文章中就曾分享过了,喜欢折腾的朋友可以把去看看并研究自己手动接入。

如果你是一个懒到极致,并且追求于良好的使用体验效果,那么你可以选择使用子凡开发的“Fanly Submit:WordPress百度官方号数据提交插件”,插件的下载地址在在该文章中注明,感兴趣的朋友们可以去看看或者试试。

其中值得一说的就是数据提交有两种方式,准确的应该是两种状态吧,其中两者的区别就是一个是针对新产生的内容,一个是针对站点内以往的高质量文章。

1.增量数据

通过增量数据接口提交站内当天新产生的内容,通过校验后,享受实时抓取、快速展现优待。

2.存量数据

而通过存量数据接口提交站内有价值的内容,通过校验后,会展现在搜索结果中。

2017.8.17起,存量数据抓取升级为提交后24小时抓取,每日提交链接数量上限为20万条,超出部分将不会被添加到存量数据中。

六、写在最后

至此,你已经看完了子凡整理的关于WordPress快速引入百度官方号的开发教程。但是子凡最后还是想和大家寒暄几句,从子凡的泪雪博客目前使用百度官方号的后台数据反馈来看,似乎还挺不错的,各方面效果也还基本满意,至于流量方面目前没有什么变化和优势,但是其中数据提交中的增量数据推送可以实现当天新产生的内容实现快速抓取和快速展现,并且因为子凡是使用MIP版接入的官方号,所以子凡的初步观察好像可以快速生效MIP文章的闪电标。

除非注明,否则均为泪雪博客原创文章,转载请以链接形式标明本文地址

本文链接:https://zhangzifan.com/wordpress-cambriansubmit.html

发表评论

  1. 梦不在今天
    1楼
    梦不在今天 2天前

    官方号推送数据成功,之后反馈回来的数据只有2条,这是为什么

  2. zztalk
    2楼
    zztalk 4天前

    我想问下改造后站点有利于搜索引擎SEO么 比如http://www.pihap.com有没有什么好的建议

    • 张子凡
      回复
      张子凡 3天前
      回复 @zztalk :如果对seo没有用,还会有谁原意去做呢?
  3. 梦不在今天
    3楼
    梦不在今天 4天前

    我想问下,H5的SDK代码是加在全网站的每个页面还是只需要加文章页面

    • 张子凡
      回复
      张子凡 4天前
      回复 @梦不在今天 :理论上加入所有页面都是可以的,但是由于我们做推送都是推送文章页面,所以建议只添加在文章页面即可,而如果是MIP页面的话基本就是整站了,因为显示的位置不一样。
      • 梦不在今天
        回复
        梦不在今天 3天前
        回复 @张子凡 :我想问下,如何让百度官方号自动推送文章呢
        • 张子凡
          回复
          张子凡 3天前
          回复 @梦不在今天 :是你推送文章至官方号,我已经开发相关的主动推送插件:Fanly Submit
          • 梦不在今天
            回复
            梦不在今天 2天前
            回复 @张子凡 :为什么我百度官方号提交数据后,返回数据只有两项,不是百度官方说的4项
          • 梦不在今天
            回复
            梦不在今天 2天前
            回复 @张子凡 :我官方号推送数据,推送成功后只会返回俩条数据,一条是每天剩余的次数和,一条是本次推送的条数,为什么官方给的示例给的是4条数据,如果我还要获取别的数据如何获取,为什么我看别人的官方号能推送500条,我的才100,
            • 张子凡
              回复
              张子凡 2天前
              回复 @梦不在今天 :推送数量是根据指数的等级不同而不一样,返回的数据项具体是多少项请自行测试获取,官方号目前属于内测,功能有所调整是很正常的事情
              • 梦不在今天
                回复
                梦不在今天 2天前
                回复 @张子凡 :
  4. 杨泽业
    4楼
    杨泽业 1周前 (10-16)

    看起来好牛逼的样子,看完了也不知道是干什么的,博客有电脑网站和自适应的手机网站还不够,还什么mip,搞不懂

  5. 茗彩娱乐
    5楼
    茗彩娱乐 4周前 (09-27)

    学了这么多年的PHP就是没有高手带!学习了!经常来这!

    • 张子凡
      回复
      张子凡 4周前 (09-27)
      回复 @茗彩娱乐 :学了那么多年还要人带?自然就是高手了啊
  6. 牛贷网
    6楼
    牛贷网 1个月前 (09-19)

    学会PHP自己写自己的主题,还是会技术的人厉害啊。哈哈

    • 张子凡
      回复
      张子凡 1个月前 (09-20)
      回复 @牛贷网 :其实做网站也不一定要自己会代码,当然不可否认会的人可能想怎么改都行,但是意义不大吧,网站主要的还是运营,不然做得再怎么漂亮好看,功能再多,无非都是自娱自乐了吧