wordpress程序如何接入百度熊掌号?

  • A+
所属分类:网站建设

百度熊掌号已经正式在在2017百度世界大会上正式为大家推出,也是百度在搜索领域生态中的重磅产品。下面就以博主的wordpress简单的来分析一下如何在网站中成功接入熊账号!

百度站长平台的改版后的百度搜索平台也早已经被各位站长朋友所熟悉了。其中的百度AI开发者平台也正是与大家见面,同时百度熊掌号则成为各位站长的福利讯息。那我们的网站的文章页面上该如何接入熊账号?

    wordpress接入百度熊掌号准备:

首先网站想要接入熊掌号的前提是必须要有一个熊掌号的存在,有关于熊掌号的申请我曾在“百度熊掌号原创保护利器”文章中讲到过,这里就不在赘述,还没有开通熊账号的站长你也就太out啦!站长必备的十大要素之一就是要具备行业(业务)中的热点动态的敏锐性!哈哈哈,很显然这一点博主也是没有完全做到!不啰嗦,下面就开始网站接入熊账号的初尝试!

   worldpress熊掌号的接入页面改造:

在熊掌号的页面中为我们提供有两种的方式改造页面 H5页面改造或者使用MIP页面,很显然博主选择了把页面改造成H5页面的类型更容易的做到(博主没有选择MIP页面的话你懂得奥!),

有关于wordpress程序的MIP页面的改造有两种方式可以提供给大家来选择:一种是:建立独立的移动端的页面来展示网站,二是:使用具备mip元素的主题。

目前已有开发者做出来,想用的小伙伴可以搜索了解一下。关于百度mip的引入来说,就是一个站移动网页加速器,既然是加速如果您的站点在移动设备上打开速度更快的话就没有太大的需要啦!

1.粉丝关注改造三种形式 :

吸顶bar :
<script>cambrian.render('head')</script> 在页面<body>标签后添加代码
文章段落bar :
<script>cambrian.render('body')</script>  在页面段落之间添加代码
底部bar :
<script>cambrian.render('tail')</script>      在页面文章结束位置添加代码

三种形式的改造非常的简单在合适位置添加上代码既可以完成。博主使用的是底部bar的形式,和顶部bar形式两种方式,在页面前端显示效果如下:

百度熊掌号接入

2.结构化改造:
整个过程中做完结构化改造后,提交的内容方可在搜索结果中以结构化样式展现。

2.1 添加熊掌号ID声明:

<script src="//msite.baidu.com/sdk/c.js?appid=1580147882157197"></script> 在页面</head>标签前添加代码
2.2 添加canonical标签:
<link rel="canonical" href="http(s)://xxx"/>  要求href的内容为MIP页或H5页对应的PC页地址。

2.3添加JSON_LD数据:
<script type="application/ld+json">
{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "http://www.mbestman.com/wzjs/862.html",
"appid": "1580147882157197",
"title": " worldpress主题分类页面中展现描述与关键字教程",
"images":" ["http://www.mbestman.com/wp-content/uploads/2017/11/wordpressshezhi-300x154.jpg" ]",

"description": "如今很多的站长都会是选用wordpress来创建自己博客,就可以看出这个主题是有多么的厉害了,其中有多种选择的主题更是满足建站类型的不同需求,程序开发的主",

"pubDate": "2017-11-20T20:10:15"
}
</script>
 3.在线校验工具:

页面改造是否合格呢?就需要我们用到在线检验工具来检测,输入需要检验的页面的url网址,在下面 文本框中 请填写对应URL的页面代码,点击下面的验效按钮就可以来看到页面改版是否成功。

以上就是有关于wordpress程序主题接入百度熊掌号的尝试操作,在做接入时候的改造测试环节了,在以上测试wordpress接入熊掌号的H5页面的改造中分别涉及到wordpress主题中的header.php文件,conter.php文件 function.php文件中的代码修改,后面的文章中会具体的分享出来代码修改的详情,使用wordpress程序的站长多数是喜欢折腾尝试的,来一起动起来吧!

 

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: