熊掌号

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

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

百度熊掌号最吸引易水的一点是，熊掌号现在可以支持原创保护了！这样一来，即使那些所谓的资源收集网站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博客进行百度熊掌号改造