WordPress网站百度熊掌号”搜索结果出图“改造方法
百度推出熊掌号以来,不断加强对开通熊掌号网站的流量倾斜。对于“流量就是网站的生命”的草根站长来说,做网站时尽量去按照百度的要求改造网站,让自己的网站获取更多流量,一定不要忽视百度熊掌号的影响。(相关教程:如何将网站文章提交到百度熊掌号)
今天学做网站论坛以WordPress网站为例,介绍一下百度熊掌号推出的“搜索结果出图”功能,让自己网站的网页在百度展示时,也显示网页的图片。效果如下:
改造方法/步骤
- 进入百度站长平台,点击“移动专区”;
- 点击“搜索结果出图”;
- 百度熊掌号提供了搜索结果出图的示例JSON-LD代码,我们需要对这个示例代码进行改造。改造后的代码如下:
<?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;
}
?> - 先将以上的代码ID改为自己的百度熊掌号ID,然后将以上的代码放到自己Wordpress网站模板的header.php(头部模板)文件中,放在</head>标签上面即可;
- 这样就完成了Wordpress网站百度熊掌号搜索结果出图改造。
注意事项
通过对自己网站进行百度熊掌号搜索结果出图改造之后,如果想让自己网站的百度搜索结果有图片,需要注意以下几点:
- 网站内容中的图片要清晰,长宽比为 3:2,图片大小不得低于 300*200px;
- 图片要位于文章内容的水平居中位置。这一点可以通过CSS来控制,如果不懂,可以学习一下html视频教程;
- 图片不能涉及低俗、令人不适的内容;
- 图片中不得出现二维码、联系电话、微信号等广告方式;
- 图片水印只能是熊掌号名称,且不可居于显著位置,不可大面积覆盖图片;
- 图片格式为 JPG、GIF、PNG 的静态图片,默认以 JPG 展示缩略图。