纯代码实现熊掌号H5页面结构化改造及数据提交插件

投稿   明月登楼  2017-12-01 07:31:33  277 人阅读  73 条评论

投放广告联系   诚邀合作伙伴   赞助我们   垃圾评论惩罚

因为百度熊掌号是刚刚上线的,所以很多的主题和插件都没有提供应对的方案,今天明月就借助网上的相关资料整理出来了有关用好百度熊掌号的代码和插件,分享给大家。

纯代码实现熊掌号H5页面结构化改造及数据提交插件 WordPress 第1张

纯代码实现熊掌号 H5 页面结构化改造

首先我们需要根据百度熊掌号后台的“页面改造”里的提示先给自己的站点做个小小的改造以便百度熊掌号可以快速的识别和运用我们站点的链接数据,比如搜索结果中以结构化样式展现等。

纯代码实现熊掌号H5页面结构化改造及数据提交插件 WordPress 第2张

页面改造最重要的其实就是添加 JSON_LD 数据了,其实可以用下面的代码来实现:

  1. //获取文章/页面摘要
  2. function fanly_excerpt($len=220){
  3.     if ( is_single() || is_page() ){
  4.         global $post;
  5.         if ($post->post_excerpt) {
  6.             $excerpt  = $post->post_excerpt;
  7.         } else {
  8.             if(preg_match('/<p>(.*)<\/p>/iU',trim(strip_tags($post->post_content,"<p>")),$result)){
  9.                 $post_content = $result['1'];
  10.             } else {
  11.                 $post_content_r = explode("\n",trim(strip_tags($post->post_content)));
  12.                 $post_content = $post_content_r['0'];
  13.             }
  14.             $excerpt = preg_replace('#^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,0}'.'((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$len.'}).*#s','$1',$post_content);
  15.         }
  16.         return str_replace(array("\r\n""\r""\n"), ""$excerpt);
  17.     }
  18. }
  19. //优先获取文章中的三张图,否则依次获取自定义图片/特色缩略图/文章首图 last update 2017/11/23
  20. function fanly_post_imgs(){
  21.     global $post;
  22.     $content = $post->post_content;
  23.     preg_match_all('/<img .*?src=[\"|\'](.+?)[\"|\'].*?>/', $content, $strResult, PREG_PATTERN_ORDER);  
  24.     $n = count($strResult[1]);  
  25.     if($n >= 3){
  26.         $src = $strResult[1][0].'","'.$strResult[1][1].'","'.$strResult[1][2];
  27.     }else{
  28.         if( $values = get_post_custom_values("thumb") ) {   //输出自定义域图片地址
  29.             $values = get_post_custom_values("thumb");
  30.             $src = $values [0];
  31.         } elseif( has_post_thumbnail() ){   //如果有特色缩略图,则输出缩略图地址
  32.             $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
  33.             $src = $thumbnail_src [0];
  34.         } else {    //文章中获取
  35.             if($n > 0){ // 提取首图
  36.                 $src = $strResult[1][0];
  37.             }
  38.         }
  39.     }
  40.     return $src;
  41. }

百度熊掌号在 Json_LD 数据里面是支持单张缩略图和三张缩略图的样式,所以上述代码会优先获取文章中的三张图,否则依次获取自定义图片/特色缩略图/文章首图。

建议大家把以上两段代码添加到你需要接入熊掌号的 WordPress 站点主题的 functions.php 文件中,然后继续:

  1. <?php
  2. if(is_single()){
  3.     echo '<script type="application/ld+json">{
  4.     "@context""https://ziyuan.baidu.com/contexts/cambrian.jsonld",
  5.     "@id""'.get_the_permalink().'",
  6.     "appid""这里请填写熊掌号ID",
  7.     "title""'.get_the_title().'",
  8.     "images": ["'.fanly_post_imgs().'"],
  9.     "description""'.fanly_excerpt().'",
  10.     "pubDate""'.get_the_time('Y-m-d\TH:i:s').'"
  11. }</script>
  12. ';}
  13. ?>

将上述代码添加在你的 WordPress 主题的 header.php 文件合适的位置,以上代码还做了一个 if 判断,只让该段代码在文章中输出。

关于 WordPress 接入百度熊掌号的 Json_LD 数据代码改造就给大家分享到这里了吧,最后如果大家的 WordPress 站点成功接入熊掌号,不妨再试试下面讲到的『WordPress 百度熊掌号/原创文章数据提交插件』,这个插件或许能够助力你更快的实现官方好数据提交和原创推送。

上述代码感谢【泪雪博客】的无私分享。

WordPress 百度熊掌号/原创文章数据提交插件

这是一款根据百度站长平台原创保护提交接口而升级开发的 WordPress 插件,目前插件已经开始适配百度熊掌号(原百度官方号)的数据提交内测,可实现用户自动自主的将文章推送至官方号及原创保护文章推送,支持定时文章推送。

纯代码实现熊掌号H5页面结构化改造及数据提交插件 WordPress 第3张

简单的插件设置页面,只需填写准入密钥 Token 即可(token 填写错误是没法保存和使用插件的哦,同时 token 获取地址也在插件设置页面设置提示说明了),如果你的站点或者博客基本都是原创文章,那么不言而喻你可以勾选这个默认原创的功能,这样你在发布文章的时候默认就会主动推送到百度,同时也是可以在发布文章的时候设置和勾选是否是原创而选择性推送,最新版插件还支持 WordPress 的“文章类型”选择等等。

纯代码实现熊掌号H5页面结构化改造及数据提交插件 WordPress 第4张

在发布模块中的状态也几乎做到了极致,提交成功,剩余的配额数量,配额上线,以及错过了发布文章一小时内提交的错过提示,总之你能想到的,作者已经想到并做到了。

提示:本插件适用于拥有百度熊掌号权限的 WordPress 站点,如果还未拥有熊掌号权限请通过熊掌号官网申请,具体可参考《在百度搜索资源平台申请熊掌号及开通服务的经历》这篇文章。
申明:目前百度熊掌号虽已经公开,但其调整可能也会毕竟频繁,所以插件可能存在没有及时升级的情况或者其它未知问题,欢迎大家及时反馈问题。
须知:为了保证插件能够持续的维护和升级更新,插件后期将可能升级为收费版本,象征性的收费,价格待定,或许9块,或许18块,还请大家提前了解。前往打赏插件作者:泪雪博客

纯代码实现熊掌号H5页面结构化改造及数据提交插件 WordPress 第5张

目前的数据改造和插件明月都已经用上了,也通过了百度熊掌号“页面改造”里在线校验工具的效验(如上图,有图有真相嘛!),至于说具体的效果只能是“拭目以待”了,其实最重要的还是“原创”内容的创作,这才是王道呀。明月近期也在努力的坚持“原创”,没办法呀,没有原创对于我们草根博客来说是不行的,看来这是一个必须要改变的过程了。

温馨提示

此插件的百度推送跟 Begin 主题集成的百度推送有冲突,两个同时都开启的话会造成 WordPress 发布文章后白屏以及推送失效的故障,所以建议关闭主题集成的百度推送功能。

如果文章对你有帮助,请赞赏支持作者继续创作!

历史上的今天:

文章标签: ,   ,  
原文地址:https://blog.ymanz.com/wp/6168.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 明月登楼 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!

 发表评论


  1. 说彩网
    说彩网 【书童】 @回复

    之前申请过了,晚上回去有空就搞下,看可不可以实现,感谢分享哦。

  2. 加趣屋
    加趣屋 【秀才】 @回复

    我也搞成功了,静看效果。

  3. 万正远洋
    万正远洋 【书童】 @回复

    越看越合适!熊掌号真心很不错!

  4. 好会吃美食博客
    好会吃美食博客 【小白】 @回复

    已经做好了

  5. 365生活网
    365生活网 【秀才】 @回复

    我申请了熊掌号通过了还没写一篇文章,不知道会不会有影响哦

  6. 菊部
    菊部 【秀才】 @回复

    厉害了我的哥

  7. 电烤箱什么牌子好
    电烤箱什么牌子好 【状元】 @回复

    就等着账号开通过了,来修改了。

  8. 加趣屋
    加趣屋 【秀才】 @回复

    其实我现在还搞不懂熊掌号是怎么运作的,还有加入之后有什么作用。

    • 明月登楼
      明月登楼 作者回复2017-12-02 21:41  回复

      @加趣屋呵呵,首先是保护原创文章!据说会在搜索结果中给予结构化展示效果以及“原创”标识!

  9. 狂放
    狂放 【举人】 @回复

    看着大家都入了熊掌号的坑,我只能眼巴巴得望着大佬们的原创保护

  10. 小苍老师
    小苍老师 【状元】 @回复

    成功接入熊掌号。

  11. 于闻观纸
    于闻观纸 【书童】 @回复

    做博客是为了什么呢?天天折腾代码?

  12. 钟水洲博客
    钟水洲博客 【举人】 @回复

    百度不让我实名认证,玩不了熊掌号,唉…

  13. 万正远洋
    万正远洋 【书童】 @回复

    不错,多谢博主分享,我已经部署和接入熊掌号了,就是照着博主博客上的教程实现的,感觉很不错!赞一个!目前已经开始收录和产生流量了!我就差百家号实名认证通过就可以全部搞定了!

  14. 我就爱旅游
    我就爱旅游 【秀才】 @回复

    这个东西还是不错的,至少还是能引流的

    • 明月登楼
      明月登楼 作者回复2017-12-01 15:27  回复

      @我就爱旅游引流估计有点儿难,我感觉最大的好处是可以对原创有很好区别保护!有了保护,流量就不是太大的问题了!

  15. 99八十一
    99八十一 【进士】 @回复

    有空我也弄一个玩玩。

  16. 沈唁志
    沈唁志 【举人】 @回复

    引入熊掌号声明id的代码以后,控制台会警告A Parser-blocking, cross-origin script,强迫症啊

    • 明月登楼
      明月登楼 作者回复2017-12-01 15:29  回复

      @沈唁志控制台?你是说WordPress嘛!那就是你没有部署好代码!注意不同代码部署位置不一样的!

  17. 辩论吧
    辩论吧 【尚书】 @回复

    我也去申请玩玩

  18. 久久信息网
    久久信息网 【书童】 @回复

    熊掌号可能会让草根站长重拾信心

  19. 8S分享网
    8S分享网 【举人】 @回复

    看一次还没弄懂,我要多看几次,好好研究一下

  20. 靠谱学生兼职网
    靠谱学生兼职网 【尚书】 @回复

    百度站长没有了,来了个熊掌号,有空才去慢慢转换了

  21. 亦枫博客
    亦枫博客 【书童】 @回复

    关注一段时间了,晚上测试下

  22. 90客栈
    90客栈 【进士】 @回复

    熊掌号申请难吗

  23. 米扑博客
    米扑博客 【举人】 @回复

    实用的技术,厉害

  24. 前沿网
    前沿网 【书童】 @回复

    以前用的插件现在看来可以卸载了

  25. 电脑维修
    电脑维修 【状元】 @回复

    来收藏纯代码实现熊掌号H5页面结构化改造

  26. sdv z
    sdv z 【小白】 @回复

    熊掌号300多分了但是看不到结构化展现

  27. 沈唁志
    沈唁志 【举人】 @回复

    已经用到我的博客了 感谢明月大佬推荐

  28. 历史趣谈
    历史趣谈 【举人】 @回复

    我用的主题不用改造,可以省略这一复杂的码砖过程了

  29. 里维斯社
    里维斯社 【进士】 @回复

    熊掌号后台还没稳定,一直有调整和更新

  30. 笛声
    笛声 【举人】 @回复

    熊掌刚出来的时候,官方有非常详尽的改造教程,现在教程特意写的有点难度了,可能想滤掉一部分人吧

    • 明月登楼
      明月登楼 作者回复2017-12-01 08:32  回复

      @笛声利用技术门槛过滤掉一些人,这个说实话有点儿不现实,不过,目前看熊掌号的主要目的还是对原创内容的保护和要求!

  31. 四海吧
    四海吧 【举人】 @回复

    厉害了,我也要去申请一下熊掌号了