D&G`s BloG V3.0.0

2018,再出发!

【网站技术 WordPress】百度“熊掌号”页面改造攻略!!!

《【网站技术 WordPress】百度“熊掌号”页面改造攻略!!!》

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

《【网站技术 WordPress】百度“熊掌号”页面改造攻略!!!》

通过百度官方的官方号开发指南基本也就可能正轻松的做好这一切!下面东哥将依次顺序介绍一下接入官方号的顺序与步骤。

一、【粉丝关注改造】H5页面:

您可以根据页面实际情况,使用H5或MIP方式,在页面中添加关注按钮。让用户在浏览您的页面时,通过关注按钮成为您的粉丝。

添加熊掌号ID声明

<script src=”//msite.baidu.com/sdk/c.js?appid=1583933407687194″></script>
在页面</head>标签前添加代码


注意:appid为熊掌号唯一ID,请勿做任何修改,否则无法正常展现。

添加关注功能代码(强烈推荐)

添加需要展现的bar(只允许添加2个,后期会审核)
吸顶bar
<script>cambrian.render(‘head’)</script>
在页面标签后添加代码
文章段落间bar
<script>cambrian.render(‘body’)</script>
在页面段落之间添加代码
底部bar
<script>cambrian.render(‘tail’)</script>
在页面文章结束位置添加代码
注意:上述三种bar在样式上没有 预留左右边距,若页面自身没有设置边距,建议按照如下方法使用。 其中padding-left、padding-right为边距属性,可按需修改。

二、【粉丝关注改造】MIP页面:

您可以根据页面实际情况,使用H5或MIP方式,在页面中添加关注按钮。让用户在浏览您的页面时,通过关注按钮成为您的粉丝。

添加关注功能代码(强烈推荐)

引入熊掌号MIP组件的SDK

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

在页面mip.js代码<script src=”https://mipcache.bdstatic.com/static/v1/mip.js”></script>之后、</body>标签前添加代码

使用熊掌号MIP组件

<mip-cambrian site-id=”1583933407687194″></mip-cambrian>
在页面<body>标签后添加代码
注意:site-id为熊掌号唯一ID,请勿做任何修改,否则无法正常展现。
建议:紧挨<body>标签添加,能够获得更好的体验。

三、【结构化改造】:

添加以下代码后,您提交的内容能在搜索结果中以结构化样式展现。同时每天还会从您提交的新增内容中随机抽取5条在您的手机百度熊掌号主页中展现。

添加canonical标签

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

    <link rel="canonical" href="http(s)://xxx"/>

添加JSON_LD数据

下方代码为JSON-LD示例:

    <script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "https://ziyuan.baidu.com/college/articleinfo?id=1464",
            "appid": "1583933407687194",
            "title": "百度移动搜索落地页体验白皮书——广告篇2.0",
            "images": [
                "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png",
                "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png",
                "https://m.baidu.com/static/index/plus/plus_logo.png"
                ],
            "description": "优质合理的广告作为信息的补充,广受用户喜欢。2017年初百度用户体验部针对用户进行了满意度调研,发现很多恶意低质的广告严重破坏着用户的搜索体验。",
            "pubDate": "2017-06-15T08:00:01"
        }
    </script>
@context:必选字段,请保留 “https://ziyuan.baidu.com/contexts/cambrian.jsonld”,若需要校验数据的schema,则可替换为schema地址
@id:必选字段,当前网页的url
appid:必选字段,熊掌号ID
title:必选字段,标题,建议长度:20个字符以内
images:可选字段,搜索结果结构化信息展示,仅允许提供0张,1张图或3张图
description:可选字段,内容摘要:120个字符以内
pubDate:必选字段,内容发布时间

四、【在线校验工具】:

通过以上三个步骤,其实你只需要根据自己实际是H5页面或MIP页面,就已经基本可以完成百度熊掌号的改造接入了,但是为了保险期间,所以我们还是需要通过百度站长平台提供的“格式校验”工具进行验证是否完全符合了官方号的开发标准正确接入了。
具体的操作步骤子凡就不详细写明了,有百度熊掌号权限的登录百度站长平台,通过“官方号->数据引入->格式校验”即可找到。如图按照说明进行验证即可,如果提示错误,就根据错误提交对代码进行改正,知道通过后继续下一步骤。
《【网站技术 WordPress】百度“熊掌号”页面改造攻略!!!》

五、【数据提交】:

你以为开发完成,格式校验成功就可以了吗?不,你还需要将你的相关页面URL数据主动的推送到官方号的接口才行(目前官方并没有提供手动提交入口)。
不论是MIP引入,以及将于9月20日消失的原创提交,还是官方号的数据提交,都是使用的那一套主动推送接口,只是参数略有变化作为区分。
其中值得一说的就是数据提交有两种方式,准确的应该是两种状态吧,其中两者的区别就是一个是针对新产生的内容,一个是针对站点内以往的高质量文章。
1.增量数据
通过增量数据接口提交站内当天新产生的内容,通过校验后,享受实时抓取、快速展现优待。
2.存量数据
而通过存量数据接口提交站内有价值的内容,通过校验后,会展现在搜索结果中。
2017.8.17起,存量数据抓取升级为提交后24小时抓取,每日提交链接数量上限为20万条,超出部分将不会被添加到存量数据中。

六、【写在最后】:

从博客目前使用百度熊掌号的后台数据反馈来看,似乎还挺不错的,各方面效果也还基本满意,至于流量方面目前没有什么变化和优势,但是其中数据提交中的增量数据推送可以实现当天新产生的内容实现快速抓取和快速展现,并且如果使用MIP版接入的官方号,好像可以快速生效MIP文章的闪电标。

点赞