百度熊掌号WordPress改造教程,熊掌号搜索结果出图 JSON-LD 结构化数据页面改造插件

百度熊掌号绝对是今年站长朋友圈内一个重磅消息,最近百度熊掌号改版升级,更是引起广大站长更多的猜想,感兴趣的朋友可以参考《百度要弯道超车?熊掌号改版:电商、社交、内容分发一石三鸟!》,也许你会有更多的想法

现如今一个小网站从生存到发展壮大,需要站长付出越来越多的耐心和精力,利用百度熊掌号也许可以达到一个更快收录,更快获取权重、排名、流量的可能,当然前提是你的内容真的是高质量的,小编观察,一个权重不错的网站,基本上可以做到提交秒收!

百度熊掌号搜索出图
百度熊掌号搜索出图

今天小编主要帮大家改造的是:如何让熊掌号主页出现网站内的文章,不对网站做任何改造可以出现熊掌号的标志,但是如果没有对页面做任何改造的话,熊掌号主页将不会出现网站上的文章。

熊掌号主页“文章”卡下面内容来自两方面:

  • 一是百度百家号(与熊掌号是打通的)上发布的内容,标题下会有阅读数和评论数。
  • 二是直接来自网站的文章(需要对页面做改造,见下),没有阅读数和评论数。

如果同一篇文章在网站和百家号都有,熊掌号会优先显示百家号。

接下来讲讲干货,既然有这样我们就有必要对网站作出相应的改造和调整了,让百度熊掌号自动收录我们站内的文章,更大程度的为本站引流

wordpress网站如何进行熊掌号的粉丝关注改造和结构化改造。

一、粉丝关注改造

1.添加熊掌号ID声明

<script src="//msite.baidu.com/sdk/c.js?appid=你的熊掌ID"></script>

这个没什么好说的,把这段代码放到你的header.php页面的相应合适位置就好。

 

2.添加关注功能代码(强烈推荐)

这个也不赘述了,有吸顶bar,文章段落间bar,底部bar三种,加在页面<body>标签后就可以了,wordpress中一般是footer.php中。如果你想要自定义一些样式熟悉也可以选择添加下面类型的代码:

<div style="padding-left: 17px; padding-right: 17px;">
<script>cambrian.render('head')</script>
</div>

二、结构化改造(划重点)

1.添加canonical标签

要求href的内容为MIP页或H5页对应的PC页地址;如果没有PC页,则填写当前页面地址。

<link rel="canonical" href="http(s)://xxx"/>

看到这别慌,是不是不知道地址页怎么填了,因为wordpress都是发表文章自动生成地址,我们总不能发表一个改一个,其实只要把以下代码放入你的header.php页面就好了,可以自动获取文章地址。

<?php
global $wp;
$current_url = home_url(add_query_arg(array(),$wp->request));
if($current_url)echo '<link rel="canonical" href="' .$current_url. '" />' . "\n" ;
?>

2.添加JSON_LD数据(难点到了)

下方代码为JSON-LD示例:

<script type="application/ld+json">
{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "当前网页URL",
"appid": "熊掌号ID",
"title": "你的网站标题",
"images": [
"https://路径"
],
"description": "描述内容",
"pubDate": "2017-06-15T08:00:01"
}
</script>

懵逼了有点,其实不必惊慌,难点无非即使如何获得如何获得网页当前的url,标题,抓取图片的路径和文章的描述内容和发表日期。当然你可以用上文提到的,直接用wordpress提供的方法直接获取,但是我找到了更加完美的方法,适用于任何主题,这里要感谢落雪博客的子凡兄,真心帮助很大。

代码如下:放入你的function.php中

    //获取文章/页面摘要
    function fanly_excerpt($len=220){
    if ( is_single() || is_page() ){
    global $post;
    if ($post->post_excerpt) {
    $excerpt = $post->post_excerpt;
    } else {
    if(preg_match('/<p>(.*)<\/p>/iU',trim(strip_tags($post->post_content,"<p>")),$result)){
    $post_content = $result['1'];
    } else {
    $post_content_r = explode("\n",trim(strip_tags($post->post_content)));
    $post_content = $post_content_r['0'];
    }
    $excerpt = preg_replace('#^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,0}'.'((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$len.'}).*#s','$1',$post_content);
    }
    return str_replace(array("\r\n", "\r", "\n"), "", $excerpt);
    }
    }

    //优先获取文章中的三张图,否则依次获取自定义图片/特色缩略图/文章首图 last update 2017/11/23
    function fanly_post_imgs(){
    global $post;
    $content = $post->post_content;
    preg_match_all('/<img .*?src=[\"|\'](.+?)[\"|\'].*?>/', $content, $strResult, PREG_PATTERN_ORDER);
    $n = count($strResult[1]);
    if($n >= 3){
    $src = $strResult[1][0].'","'.$strResult[1][1].'","'.$strResult[1][2];
    }else{
    if( $values = get_post_custom_values("thumb") ) { //输出自定义域图片地址
    $values = get_post_custom_values("thumb");
    $src = $values [0];
    } elseif( has_post_thumbnail() ){ //如果有特色缩略图,则输出缩略图地址
    $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
    $src = $thumbnail_src [0];
    } else { //文章中获取
    if($n > 0){ // 提取首图
    $src = $strResult[1][0];
    }
    }
    }
    return $src;
    }

下面的代码加入到header.php中,代码还加了一个判断,是不是单页,所以只会在文章中输出信息。

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

大功告成,接下来,可以去熊掌号的在线校验工具验证你的站点是否成功啦,祝大家成功!

 


按照惯例,最精彩的往往在最后,感觉上面麻烦的同学,可以直接下载下面附件,上传安装插件,配置熊掌号ID即可

熊掌号结构化数据改造插件

关注互联网创业 干货|工具|教程|资源
木木资源博客 » 百度熊掌号WordPress改造教程,熊掌号搜索结果出图 JSON-LD 结构化数据页面改造插件

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

提供最优质的资源集合

大学生必备 职场必备