百度熊掌号搜索结果出图怎么设置?

熊掌号的推出满足了SEOer们以往的不敢奢求的一些需求,比如说搜索结果出图。这在以往是随机的,可遇不可求的,但现在只要你能通过熊掌号接入资源,并对资源页面做一点简单的改造,那么搜索结果出图就是“随心所欲”的了!但是,搜索结果出图该怎么改造呢?别慌,Kane今天就根据织梦和wordpress来给大家演示一下如何进行搜索结果出图的改造。

百度移动搜索结果出图案例

搜索结果出图案例

上面的案例就是百度移动搜索结果出图的案例,而且是三张图,这也是大家最期待的效果,所以接下来的改造都是基于三张图出发的。当然这个改造完成后,并不是强制要求每个内容都得有三张图,如果正文中没有三张图,最终实现的就是一张图的效果。可谓是全方位满足大家的改造需求。

一、页面代码改造

首先百度官方已经说的很清楚,要想实现搜索结果出图,需要对页面进行一定的代码改造,同时百度也给出JSON-LD示例,如下:

    <script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "https://www.example.com/******",
            "appid": "熊掌号ID",
            "title": "页面标题******",
            "images": [
                "https://www.example.com/***/pic1.png",
                "https://www.example.com/***/pic2.png",
                "https://www.example.com/***/pic3.png"
            ], //请在此处添加希望在搜索结果中展示图片的url,可以添加1个或3个url
            "pubDate": "2017-06-15T08:00:01" // 需按照yyyy-mm-ddThh:mm:ss格式编写时间,字母T不能省去
        }
    </script>

对于稍懂一些代码知识的朋友来说这段代码其实不复杂,但是我们也不能忽视的是,部分SEOer对于代码的掌握确实不很熟练,所以,接下来Kane就根据自己的熊掌号改造给大家提供最终版可以直接加在自己页面上的JSON-LD示例。

二、织梦程序页面改造JSON-LD示例

从上面的JSON-LD示例可以看到,需要我们进行改动的是@id、appid、images和pubDate,详细的原理Kane这里不说,直接为大家贴出最终版的JSON-LD示例,如下(注意标红部分):

<script type="application/ld+json">
{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "http://zhangxueyou.moretickets.com{dede:field name='arcurl'/}",
"appid": "熊掌号ID",<!--熊掌号ID换成自己熊掌号的id-->
"title": "{dede:field.title/}",
"images": [
{dede:field.body runphp='yes'}
global $cfg_basehost;
@me=str_replace("src=\"/uploads/","src=\"$cfg_basehost/uploads/",@me);
$str=strip_tags("@me","<img>");
preg_match_all("/src=\"?(.*?)\"/",$str,$ereg);
$urlarr=$ereg[1];
if (count($urlarr) >=3){
@me ='"'.$urlarr[0].'","'.$urlarr[1].'","'.$urlarr[2].'"';
}else{
@me ='"'.$urlarr[0].'"';
}
{/dede:field.body}
],
"pubDate": "{dede:field.pubdate function="MyDate('Y-m-d',@me)"/}T{dede:field.pubdate function="MyDate('H:i:s',@me)"/}"
}
</script>

将这段代码放在内容页的源码模板的头部,即<head></head>之间。具体说放在模板文件里,根据站点的模板文件不同有所不同,有些站点可能是放在头部文件里,通常命名为head.htm,也有可能是放在详情页文件,通常命名为article_article.htm。

织梦程序搜索结果出图改造案例

这就是Kane的织梦站点改造后的效果,是不是OK?

三、WordPress程序页面改造JSON-LD示例

同样Kane给大家贴出最终的JSON-LD示例,只要直接粘贴放在内容的头部即可生效,代码如下(标红部分需要改为你的熊掌号ID):

<?php
if(is_single()||is_page()){
	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().'"],
	"pubDate": "'.get_the_time('Y-m-d\TH:i:s').'"
}</script>
';}
//获取文章中的图 last update 2018/01/22
function fanly_post_imgs(){
	global $post;
	$src = '';
	$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];
	}elseif($n >= 1){
		$src = $strResult[1][0];
	}
	return $src;
}
?>

这段代码同样只需要粘贴复制即可,这里Kane也给大家看一看我的改造效果:

wp程序搜索结果出图改造案例

Kane的WP博客改造是将这段代码加载HEADER文件里的,这与织梦加在article_article.htm文件有一点不好的就是,因为非内容页也会有这段标记,感觉上是没有用处的。所以,建议最好是在加在独立的详情页文件中。

四、图片质量要求

虽然说我们已经完成了改造,但这并不代表就一定能在结果中出现图片,因为百度对出图除了有技术上的要求,对于图片本身也有很高的要求,有多达11点要求,如下:

搜索结果出图合作要求

另外,要想进行搜索结果出图改造还有个最起码的前提,那就是熊掌号指数必须达到100分,也就是过了新手期!这些基础因素可不要忽视了!

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:百度熊掌号搜索结果出图怎么设置? | 上海KaneSEO

发表评论

<友情连结> 联兴互动/ 上海珍岛SEO优化/ 皖荣营销/ Joshua Project/ tiffanyess's soup/