熊掌号的官方介绍：百度熊掌号是内容和服务提供者入驻百度生态的认证账号，致力于帮助内容和服务提供者便捷、高效地连接全网用户，并充分利用百度生态开放的优势，获取流量、沉淀用户、塑造品牌，实现自身价值的快速增长。

其实说白了就是百度为了更快的获取到内容，用户搜索到的内容更符合整个布局，扩充自己的内容平台，而针对网站主来说，相当于更快的收录网站，并且有挑选的提交自己的新文章从而达到更快的收录。今天我开通了百度熊掌号，就像文章下面的，有了一个查看熊掌号的链接按钮了，通过适配，说下typecho的页面改造。

typecho页面适配

DamonScreenShot 2017-12-08 16.53.06.png

使用百度熊掌号首先要审核通过账号之后，对自己的网站进行改造，一个就是粉丝关注改造，就是在自己的网站上面加上熊掌号的链接按钮。另外一个是结构化改造，就是将你的内容页面的主要信息提交到百度。这里分布说怎么修改源文件。这里以审核通过之后，给你的熊掌ID是00000000为例,并且一般情况下没有特殊的适配过的话都是说的H5页面。

粉丝关注改造

1、首先在标签前添加代码

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

这里可以找到你的模板的header.php文件，然后找到标签，再这个标签前面添加上该代码

2、添加关注功能代码

添加关注功能的代码就是指添加这个关注按钮，分为三种：

  • 最顶端
  • 文章段落中间
  • 文章末尾

因为一般的网站都有自己的导航栏，而在文章段落中间添加的话可能会被当成广告，所以还是首选了文章末尾添加代码。

在文章末尾的位置添加

<script>cambrian.render('tail')</script>

就是找到模板里面post.php文件，一般不同的模板都是以content标示的布局，在该布局后面添加该代码就行了。

这样粉丝关注改造就完成了，可以刷新看效果了

结构化改造

1、添加canonical标签

这个可以在post.php文件中，引入header.php的代码之后，一般都是

<?php $this->need('component/header.php'); ?>

在这个代码后面添加下面的代码,这样就指定了canonical标签的地址，就是该文章的链接地址

<link rel="canonical" href="<?php $this->permalink(); ?>"/>

2、 添加JSON_LD数据

添加这个json格式的就是调用typecho默认自己的函数即可，可以在文章末尾，添加关注功能后面，里面的images可以自己指定其他的图片，需要修改的就是appid和images里面的图片，其他的不需要修改。图片的数量是一张或者三张，只有这两种选择。

注意：示例中的图片第一个写的函数是文章的第一张附件的缩略图，如果设置的是第一个附件而又没有的话页面会报错的，所以自己看着办，

<!-- 百度熊掌号页面改造 -->
<script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "<?php $this->permalink(); ?>",
            "appid": "00000000",
            "title": "<?php $this->title(); ?>",
            "images": [
                "<?php $this->attachments(1)->attachment->url(); ?>",
                "http://blog.cdn.yechan.net/blog/14.png",
                "http://blog.cdn.yechan.net/blog/logofoot.png"
                ],
            "description": "<?php $this->description(); ?>",
            "pubDate": "<?php $this->date('Y-m-d\TH:i:s'); ?>"
        }
</script>

完成校检

完成这两步之后，就可以校检一下看是否通过，

  • 填写需要校检的URL：就是添加过代码的文章链接URL
  • 是否为MIP页：不是
  • 请填写对应URL的页面代码：使用浏览器，查看该文章的页面源代码，然后整个复制粘贴进去，点击校检就行了

DamonScreenShot 2017-12-08 17.11.49.png

版权属于：东哥笔记 - DongGe.org

本文链接：https://dongge.org/blog/655.html

自2017年12月26日起，『转载以及大段采集进行后续编辑』须注明本文标题和链接！否则禁止所有转载和采集行为！

☟☟可点击下方广告支持一下☟☟

最后修改：2017 年 12 月 22 日
© 允许规范转载
请我喝杯可乐，请随意打赏: ☞已打赏列表