高端响应式模板仅需388元

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

便宜主机云服务器推荐

百度熊掌号搜索结果出图代码改造实操

熊掌号为优质图文内容生产者提供结搜索结果出图权益,帮助站点获取更好的搜索结果展现样式,为搜索用户提供更好的浏览体验。对于落地页及图片质量符合要求的资源,将在搜索结果中展现一图、三图样式。

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

一、页面代码改造

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

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

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

从上面的JSON-LD示例可以看到,需要我们进行改动的是@id、appid、images和pubDate,详细的原理可乎网络这里不说,直接为大家贴出最终版的JSON-LD示例:

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

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

同样给大家贴出最终的JSON-LD示例,只要直接粘贴放在内容页的头部即可生效,代码如下(熊掌号ID请修改为自己实际熊掌号ID):

四、Z-BlogPHP程序页面改造JSON-LD示例

Z-BlogPHP写法其实跟WordPress差不多,只是下面的代码做了一些分离,php部份一般写入include.php中,script部份一般加在模板文件header.php中(飘红部份请修改):

php部份:

function mip_kh_thumbs2($as) { // mip_kh为主题或插件ID,请替换成实际ID

    global $zbp;

$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";

$content = $as->Content;

preg_match_all($pattern,$content,$matchContent);

$n = count($matchContent[1]);

if($as->Metas->postimg){

    $temp=$as->Metas->postimg;

}elseif(isset($matchContent[1][0])){

    if($n >= 3){

            $temp = $matchContent[1][0].'","'.$matchContent[1][1].'","'.$matchContent[1][2];

    }elseif($n >= 1){

        $temp = $matchContent[1][0];

    }

    } else {

        $temp = "https://mip.kehu56.com/kehu/noimg.jpg" ; // 文章无图时的随机图片,请替换成实际图片地址

    }

    return $temp;

}

script部份:

<script type="application/ld+json">

{

    "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",

    "@id": "{$article.Url}",

    "appid": "1599599549109007", 

    "title": "{$article.Title}",    

    "images": ["{mip_kh_thumbs2($article)}"],

    "description": "{preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(TransferHTML($article->Intro,'[nohtml]'),120)))}...",

    "pubDate": "{$article.Time('Y-m-d')}T{$article->Time('H:i:s')}"

}

</script>

五、图片质量要求

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

其他的网站程序可参考织梦程序和WP程序的改造方法。

相关文章