百度熊掌号之wordpress页面结构化改造

如果是wordpress搭架的个人博客,如何快速的结构化改造自己的代码,以达到百度熊掌号官方的代码要求呢,这里就给大家分享下直接可以用的代码,也是前几天自己博客在申请的时候临时写的代码,因为我自己博客是wordpress的,所以任何wordpress博客都可以用这段代码来实现页面结构化改造。

官方结构化改造要求

粉丝关注改造,这里没有任何难度,但是这个改造不是必要条件,仅仅是为了用户在移动端看你文章的时候会有多余的小弹窗,提醒用户关注百家号,

所以这个改造纯属百度的私心,所以我选择不改造,大家根据自己选择。

图片[1]-百度熊掌号之wordpress页面结构化改造-夏末浅笑

那么核心的问题在于“结构化改造”,如果想提交数据让百度收录为原创保护,或文章同步到百家号,那么这里的代码修改是必须实现的,

因为这里js的代码内容是动态的,所以需要我们在后端的php文件中动态去获取,所以需要在你的博客主题文件中的header.php和functions.php 中分别加入以下代码

header.php:

<link rel="canonical" href="<?php echo 'http://' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'] ?>"/>
<script type="application/ld+json">
    {
        "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
        "@id": "<?php echo 'http://' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'] ?>",
        "appid": "1585039594193679",
        "title": "<?php the_title();?>",
        "images": [
            "<?php echo extract_img(); ?>"
            ],
        "description": "<?php echo trim($description); ?>",
        "pubDate": "<?php the_time('Y-m-d'); echo 'T';echo the_time('H:i:s');;?>"
    }
</script>
functions.php:
function extract_img() {
   /*
     @author:http://www.vuln.cn
     @time:2017-12-03 00:44:03
   */
   global $post, $posts;
   $first_img = '';
   ob_start();
   ob_end_clean();
   $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);

   $first_img = '';
   if(empty($matches[1])) $first_img = "";
   else $first_img = $matches [1][0];
   return $first_img;
 }
图片[2]-百度熊掌号之wordpress页面结构化改造-夏末浅笑

最后在官方工具中校验下是否合格:

图片[3]-百度熊掌号之wordpress页面结构化改造-夏末浅笑

经过以上的页面结构化改造后,博客所有网站都可以在熊掌号中提交,当然文章与页面的质量也是需要达到官方的要求哦。

问题

熊掌号Bar怎么展示在文末?

图片[4]-百度熊掌号之wordpress页面结构化改造-夏末浅笑

我用的苏醒的主题,所以我打开single.php文件,其实也就是文章内容模板

图片[5]-百度熊掌号之wordpress页面结构化改造-夏末浅笑

在页面段落之前添加代码就行了

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

参考文件:百度熊掌号开发文档

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片