每天一点正能量,分享励志生活,记录一个网络营销人成长的点点滴滴!
记录:WordPress 百度熊掌号快速开发改造教程
首页 > 技术 作者:admin 2018年6月12日 浏览:403 字号: 评论:暂无评论

接入熊掌号,总得先有个自己的熊掌号吧!点击下面按钮前往百度熊掌号官网申请~申请之后,通过“熊掌号首页-资源搜索平台-内容源设置”绑定自己要接入熊掌号的域名(域名需要在原百度站长平台验证所有权,并符合要求)本站可以代为申请

  • 网站接入熊掌号的两点规范要求:
  • 第一点:“内容要求”(包括 URL规范、落地页规范、内容质量、结构化展现图片要求。),具体规范可以前往官网查看。
  • 第二点:“页面要求”(包括 添加熊掌号ID声明、添加canonical标签、添加JSON_LD数据。),具体方式可以看下面教程。

熊掌号页面改造:

  • 页面改造包括两个网站代码标准:
  • 第一个:“粉丝关注改造”(包括 添加熊掌号ID声明、添加关注功能代码。)
  • 在要提交的熊掌号页面标签前添加代码(关注功能代码根据需求在官方复制相应源码即可):
    <script src="//msite.baidu.com/sdk/c.js?appid=您的熊掌号 APPID"></script>
  • 第二个:“结构化改造”(包括 添加canonical标签、添加JSON_LD数据。)
  • 在要提交的熊掌号页面源码中的合适位置添加代码(canonical代码直接在官网复制即可):
    <script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "<?php the_permalink(); ?>",
            "appid": "你的 APPID",
            "title": "<?php the_title(); ?>",
            "images": ["<?php the_post_thumbnail_url(); ?>"],
            "description": "<?php echo wp_trim_words( $post->post_content, 100, '…' ); ?>",
            "pubDate": "<?php echo get_the_time('Y-m-d\TH:i:s')?>"
        }
    </script>
    

第二种方法:

一、H5 页面与 MIP 页面改造共同步骤

1.添加 canonical 标签(必须)

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

2.添加Json_LD数据(必须)

下方代码为泪雪博客某篇文章的 JSON-LD 实例(子凡已经单独写了一篇:WordPress 的 Json_LD 实现代码及教程):

1
2
3
4
5
6
7
8
9
10
//百度官方好JSON-LD实例
<script type="application/ld+json">{
	"@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld",
	"@id": "你的文章URL",
	"title": "浅谈我为什么选择腾讯云短信SMS服务平台",
	"images": ["图片地址"],
	"description": "前些时候子凡就曾在泪雪博客写过一篇《浅谈如何选择优秀的短信SMS服务平台》的文章了,其中说的就是如何选择短信服务平台,而最后子凡为泪雪用户中心的新版选择了腾讯云短信服务平台,所以今天就来为大家说说子凡为什么选择腾讯云短信。",
	"pubDate": "2017-08-07T15:53:35",
	"isOriginal": "1"
}</script>

字段描述

  • @context: 请保留且勿修改 “https://zhanzhang.baidu.com/contexts/cambrian.jsonld”
  • @id: 必选字段,当前网页的 url
  • title: 可选字段,副标题,建议长度:20 个字符以内
  • images: 必选字段,搜索结果结构化信息展示,仅允许提供 1 张图或 3 张图
  • description: 可选字段,内容摘要
  • pubDate: 必选字段,内容发布时间
  • isOriginal: 可选字段,是否原创的告知字段,1 是原创,0 不是原创

二、H5 页面改造专用

1.添加官方号 SDK(必须)

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

在页面标签前添加代码,注意:appid 为官方号唯一 ID,请勿做任何修改,否则无法正常展现。

2. 添加关注功能代码(非必须/但强烈推荐)

添加需要展现的 bar,最多只允许添加 2 个,切官方将会审核,可以选择展现的方式有三种:吸顶,文章段落间以及底部,可以根据页面的样式及喜好自行选择放置位置。

1
2
//吸顶bar
<script>cambrian.render('head')</script>

在页面标签后添加代码

1
2
//文章段落间bar
<script>cambrian.render('body')</script>

在页面段落之间添加代码

1
2
//底部bar
<script>cambrian.render('tail')</script>

在页面文章结束位置添加代码

另外需要注意:上述三种 bar 在样式上没有预留左右边距,若页面自身没有设置边距,所以可以在以上 bar 代码外围加入一个 div,以此来添加边距。如下:

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

三、MIP 页面改造专用

1.引入官方号 MIP 组件的 SDK

1
<script src="https://mipcache.bdstatic.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>

在页面 mip.js 代码

1
<script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>

之后、标签前添加代码

2.使用官方号 MIP 组件

1
<mip-cambrian site-id="1536767038796128"></mip-cambrian>

在页面标签后添加代码

注意:site-id 为官方号唯一 ID,请勿做任何修改,否则无法正常展现。同时建议紧挨标签添加,能够获得更好的体验。

四、格式校验

通过以上三个步骤,其实你只需要根据自己实际是 H5 页面或 MIP 页面,就已经基本可以完成百度熊掌号的改造接入了,但是为了保险期间,所以我们还是需要通过百度站长平台提供的“格式校验”工具进行验证是否完全符合了官方号的开发标准正确接入了。

具体的操作步骤子凡就不详细写明了,有百度熊掌号权限的登录百度站长平台,通过“官方号->数据引入->格式校验”即可找到。如图按照说明进行验证即可,如果提示错误,就根据错误提交对代码进行改正,知道通过后继续下一步骤。

百度熊掌号格式校验

五、数据提交

你以为开发完成,格式校验成功就可以了吗?不,你还需要将你的相关页面 URL 数据主动的推送到官方号的接口才行(目前官方并没有提供手动提交入口)。

不论是 MIP 引入,以及将于 9 月 20 日消失的原创提交,还是官方号的数据提交,都是使用的那一套主动推送接口,只是参数略有变化作为区分。之前子凡的一篇《何让百度快速收录 WordPress 网站?》文章中就曾分享过了,喜欢折腾的朋友可以把去看看并研究自己手动接入。

如果你是一个懒到极致,并且追求于良好的使用体验效果,那么你可以选择使用子凡开发的“Fanly Submit:WordPress 百度熊掌号数据提交插件”,插件的下载地址在在该文章中注明,感兴趣的朋友们可以去看看或者试试。

其中值得一说的就是数据提交有两种方式,准确的应该是两种状态吧,其中两者的区别就是一个是针对新产生的内容,一个是针对站点内以往的高质量文章。

1.增量数据

通过增量数据接口提交站内当天新产生的内容,通过校验后,享受实时抓取、快速展现优待。

2.存量数据

而通过存量数据接口提交站内有价值的内容,通过校验后,会展现在搜索结果中。

2017.8.17 起,存量数据抓取升级为提交后 24 小时抓取,每日提交链接数量上限为 20 万条,超出部分将不会被添加到存量数据中。

三、最后是自己用过的:
头部文件添加下面的代码

<?php
global $wp;
$current_url = home_url(add_query_arg(array(),$wp->request));
if($current_url)echo ‘<link rel=”canonical” href=”‘.$current_url.'” />’.”\n”;//如果安装有SEO插件,这几行代码删除
?>
<?php if( is_single() || is_page() ): ?>
<script type=”application/ld+json”>
    {
        “@context”: “https://ziyuan.baidu.com/contexts/cambrian.jsonld”,
        “@id”: “<?php echo curPageURL();?>”,
        “appid”: “你的熊掌号ID”,
        “title”: “<?php echo wp_title(”, false); ?>”,
        “images”: [
            “<?php echo post_thumbnail_src();?>”
            ],
        “description”: “<?php if ($post->post_excerpt)
{$printDescription = $post->post_excerpt;}
else{
$printDescription = preg_replace(‘/\s+/’,”,mb_strimwidth(strip_tags($post->post_content),0,145,”));
}
echo $printDescription;?>”,
        “pubDate”: “<?php echo get_the_time(‘Y-m-d\TG:i:s’); ?>”
    }
</script>
<?php endif; ?>
<script src=”//msite.baidu.com/sdk/c.js?appid=你的熊掌号ID”></script>

函数文件中添加下面两个函数,记得一定要添加在末尾

 

function curPageURL()
{
    $pageURL = ‘http’;
    if ($_SERVER[“HTTPS”] == “on”)
    {
        $pageURL .= “s”;
    }
    $pageURL .= “://”;
    if ($_SERVER[“SERVER_PORT”] != “443”  )
    {
        $pageURL .= $_SERVER[“SERVER_NAME”] . “:” . $_SERVER[“SERVER_PORT”] . $_SERVER[“REQUEST_URI”];
    }
    else
    {
        $pageURL .= $_SERVER[“SERVER_NAME”] . $_SERVER[“REQUEST_URI”];
    }
    return $pageURL;
}

function post_thumbnail_src(){
    global $post;
    if( $values = get_post_custom_values(“thumb”) ) {   //输出自定义域图片地址
        $values = get_post_custom_values(“thumb”);
        $post_thumbnail_src = $values [0];
    } elseif( has_post_thumbnail() ){    //如果有特色缩略图,则输出缩略图地址
        $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),‘full’);
        $post_thumbnail_src = $thumbnail_src [0];
    } else {
        $post_thumbnail_src = ;
        ob_start();
        ob_end_clean();
        $output = preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*>/i’, $post->post_content, $matches);
        if(!empty($matches[1][0])){
            $post_thumbnail_src = $matches[1][0];   //获取该图片 src
        }elseif( suxingme(‘suxingme_post_thumbnail’) ){
            $post_thumbnail_src = suxingme(‘suxingme_post_thumbnail’);
        }else{  
            //如果日志中没有图片,则显示默认图片
            $post_thumbnail_src = get_template_directory_uri().‘/img/default_thumb.png’;
        }
    }
    return $post_thumbnail_src;
}
 您阅读这篇文章共花了: 
心理支撑
八观六验与诸葛亮识人七法
标签:
记录:WordPress 百度熊掌号快速开发改造教程
本文作者:admin     文章标题: 记录:WordPress 百度熊掌号快速开发改造教程
本文地址:https://www.lizhi8.cc/s/wordpress-xzh.html
版权声明:若无注明,本文皆为“admin”原创,转载请保留文章出处。

发表评论

电子邮件地址不会被公开。 必填项已用*标注