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

释放双眼,带上耳机,听听看~!

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

官方结构化改造要求

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

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

百度熊掌号之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;
 }
百度熊掌号之wordpress页面结构化改造

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

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

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

问题

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

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

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

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

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

<script>cambrian.render(‘body’)</script>

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

版权申明:网站字体及图片来源于互联网,如果侵犯了您的权利,请联系我们,我们将尽快改正我们的错误,谢谢您的理解!

给TA赞赏
共{{data.count}}人
人已赞赏
软件代码

HTTPS A+在nginx下的配置方法

2018-5-11 17:54:08

软件代码

wordpress获取网站全部链接

2018-5-12 17:33:54

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索