typecho适配百度熊掌号

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

其实说白了就是百度为了更快的获取到内容,用户搜索到的内容更符合整个布局,扩充自己的内容平台,而针对网站主来说,相当于更快的收录网站,并且有挑选的提交自己的新文章从而达到更快的收录。今天我开通了百度熊掌号,就像文章下面的,有了一个查看熊掌号的链接按钮了,通过适配,说下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://cdn.hudongdong.com/14.png",
                "http://cdn.hudongdong.com/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

Last modification:December 22nd, 2017 at 12:10 pm
如果看了这个文章可以让你少加会班,可以请我喝杯可乐
已打赏名单
微信公众号

9 comments

  1. 灯火阑珊

    感谢,正好不知道怎么弄那个新手任务。

    1. 东东
      @灯火阑珊

      有用就好٩

  2. 揽月

    学习了,感谢!

    1. 东东
      @揽月

      注意:示例中的图片第一个写的函数

      <?php $this->attachments(1)->attachment->url(); ?>

      是文章的第一张附件的缩略图,如果设置的是第一个附件而又没有的话页面会报错的,可以设置其他图片,也可以自己写js去创建

      1. 揽月
        @东东

        因为是可选的,而且我这个站很少贴图片,就省略了images字段

  3. 学习笔记Blog

    不错,学习受教了!有没有自动推送的插件推荐呀?

    1. 东东
      @学习笔记Blog

      抱歉回复晚了,这两天网站被攻击,自动推送的我在网上找的并不好用,所以我用的百度的js的那个,就是访客访问的时候,会自动推送

      1. 学习笔记Blog
        @东东

        哦,没事儿的,呵呵,多谢回复!
        我今天试了老高的那个百度结构化插件 for Typecho,好像成功了!必须要用GitHub上的最新0.5.2版!

        1. 东东
          @学习笔记Blog

          OK,我也试试去,早上刚发了个文章说攻击的事,你可以看看你文件目录theme/default/img和plugins里面是否有莫名的index1.php之类的文件,一定要删了,被害惨了

Leave a Comment