对wordpress博客进行百度熊掌号改造

熊掌号

回本系列文章目录

上篇文章介绍了如何 使用阿里云的邮件推送服务发送邮件,本篇则记录了如何进行百度熊掌号改造。

百度在去年年底时正式推出了熊掌号,从名字看与腾讯的企鹅号有异曲同工之炒,阿里系也有自己的大鱼号,一时间各大互联网巨头都吹起了“集结号”,凭借各自优势继续跑马圈地。

百度熊掌号最吸引易水的一点是,熊掌号现在可以支持原创保护了!这样一来,即使那些所谓的资源收集网站PR值比你高,你的原创文章的搜索排名也会在那些网站之前。因此,在易水博客迁到阿里云服务器后,易水也对易水博客进行了熊掌号改造,本文记录了易水博客的改造过程。

如果你还没有自己的网站,可以参考易水的建站笔记来建设自己的网站。易水博客目前托管在阿里云上,使用易水的阿里云幸运券购买阿里云服务可以获得优惠。

开通熊掌号,并关联网站

首先需要申请熊掌号,并与网站相关联。易水是从百度搜索资源平台进入熊掌号首页,然后选择绑定熊掌号。

熊掌号绑定首页

由于易水以前并未申请过百家号,所以不能用百家号绑定,于是在下一步选择了 注册百度熊掌号。在这里需要吐槽一下百度,易水在这一步卡了很久,每次点注册百度熊掌号,弹出来的都是一个空白网页,开始以为是百度网站临时故障,结果后来发现不是,因为把Chrome换成IE后网页可以正常访问。以前只在小网站上遇到过这种情况,在互联网巨头身上还真没遇到过!

注册百度熊掌号

后面的注册和关联过程就不再一一详述了。这一步完成后,易水就把易水博客与名为 易水扬 的熊掌号关联到一起了。

网站熊掌号改造

百度对接入熊掌号的网站有一套的内容规范要求,所以接下来就需要对网站进行熊掌号改造。易水博客的主题用的是 wordpress 的官方主题 twentyseventeen,本文以此为例介绍改造的过程,其他主题的改造方法类似。

这里需要提一句,百度对HTML5页面和MIP页面的改造要求不尽相同,所以需要根据网站页面的具体形式选择不同的改造方式。易水此处进行的是H5页面改造。

添加熊掌号ID声明

打开主题的 header.php,在 </head> 标签前添加百度熊掌号ID,此处直接把熊掌号页面改造处的代码拷贝过来即可,下面是易水博客所用的代码,要记得把ID换成你自己网站的ID:

<!-- baidu XZH ID -->
<script src="//msite.baidu.com/sdk/c.js?appid=1588937706929265"></script>

添加关注功能代码

关注功能相关的代码可以加在顶部、段落之间或底部,易水是加在了底部,所以打开主题的 footer.php,在 </body> 标签之前添加如下代码:

<!-- baidu XZH footer -->
<script>cambrian.render('tail')</script>

加了这句话后,没看到页面有关注按钮,也许是这个功能还不支持?

添加canonical标签

接下来要对页面进行结构化改造,要求添加canonical标签,其 href 的内容为MIP页或H5页所对应的PC页地址,如果没有PC页的话,填写当前页面地址即可。这一步易水跳过了,因为易水博客上所使用的 Yoast SEO 插件会自动插入canonical标签。

添加 JSON-LD 数据

JSON-LD (JSON Linked Data)是一项 W3C 推荐规范,一般来说,网页的内容对人类来说很容易理解,但对计算机来说只能根据其中的关键字进行搜索,却无法理解其内容的含义。但为网页添加了 JSON-LD 数据后,就可以使计算机更容易理解网页的内容,并据这些内容提供相应的搜寻服务。也就是说,添加JSON-LD数据可以更好的支持机器学习,这样一来搜索引擎(或其他程序)就能更好的帮助人们找到真正需要的数据内容。

要添加 JSON-LD 数据,把下面这段代码放在 </body> 标签之前就可以了。需要把代码中的 appid 换成你自己的百度熊掌号ID:

<!-- baidu XZH ld+jason -->
<?php if ( is_single() || ( is_page() && ! twentyseventeen_is_frontpage() ) ): ?>
<script type="application/ld+json">
{
    "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
    "@id": "<?php echo esc_url( get_permalink() ); ?>",
    "appid": "你的百度熊掌号ID",
    "title": "<?php echo wp_title('', false); ?>",
    "images": ["<?php the_post_thumbnail_url(); ?>"],
    "description": "<?php
        if ($post->post_excerpt) {
            $printDescription = wp_strip_all_tags($post->post_excerpt);
                } else{
            $printDescription = preg_replace('/\s+/','',mb_strimwidth(strip_tags($post->post_content),0,120,''));
        }
        echo $printDescription;
        ?>",
    "pubDate": "<?php echo get_the_date('Y-m-d\TH:i:s'); ?>",
    "upDate": "<?php echo get_the_modified_date('Y-m-d\TH:i:s'); ?>"
}
</script>
<?php endif; ?>

这里易水又要吐槽一下,上面的发布时间和更新时间居然都不包含时区信息,莫非百度认为所有的网站都位于中华大局域网?百度的格局实在太小了!

在线校验

在完成上述改造后,可以使用百度的在线校验工具对网页进行检查,点击 在线校验工具,然后输入你要检查的URL以及并把该页面的源代码拷贝过来,就可以进行检查了。

这一步易水又折腾了一番,刚开始以为百度会直接访问上面所填写的网址进行检查,所以始终不理解在线校验工具中“请填写对应URL的页面代码”这一栏填什么,后来才明白原来百度不会直接访问网址,而是需要把页面的HTML内容拷贝到这一栏。

在线校验工具

恭喜!

如果在线检验显示校验成功,就说明百度熊掌号改造已经完成了,恭喜,你的网站已经完成百度熊掌号改造了!

如果你对编程不太熟悉,那么也可以使用WordPress 熊掌号页面改造插件:Fanly XZH来进行熊掌号改造,具体方法请参考作者网页。

在下一篇文章中,易水将为你介绍如何让你的网站支持 https 访问

参考文档

“对wordpress博客进行百度熊掌号改造”的2个回复

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注