WordPress 熊掌号“搜索结果出图/号主页展现”页面改造代码

从“WordPress 百度熊掌号快速开发改造教程”到“WordPress 的 Json_LD 实现代码及教程”，子凡在泪雪博客已经分享了一些列关于熊掌号改造的代码和教程，前些天熊掌号将原有的 Json_LD 数据改成了“搜索结果出图”，导致很多人以为原有的代码失效了，其实子凡可以明确的告诉大家并没有。

之前关于熊掌号改造的代码和教程中其实相对的非常完善，结构化数据还包含了描述字段以及原来出现过一段灰度测试的原因字段，不过在搜索结果出图后，Json_LD 结构化数据代码已经算是毕竟精简，包含的字段项目也相对之前减少了 description 描述，从而更加重视 images 的图片字段，所以今天子凡就规规矩矩按照熊掌号搜索结果出图的示例改造页面代码，然后专门为 WordPress 适配一段 JSON-LD 的可用代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<?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;
}
?>

以上为 WordPress 文章和页面的熊掌号搜索结果出图 JSON-LD 结构化数据改造的完整代码，可以直接将上面代码放置在当前主题的 header.php 文件的</ head>标签之前即可。

最后子凡觉得有必要说明的就是，获得搜索结果出图权益，图片需满足以下要求：

1. 图片清晰度高，长宽比为 3:2，图片大小不得低于 300*200px；
2. 图片主体内容要居中，且要展现完全（图片可能会裁剪边缘，若裁剪后效果不佳会影响展现）；
3. 图片不能涉及低俗、色情、反动等；
4. 同一篇内容中不能出现重复图片；
5. 图片中不能是纯文字，不允许为广告图、色情图、纯色图、令人不适的图片；
6. 图片中不得出现二维码、联系电话、微信号等受益方式；
7. 图片水印只可添加熊掌号名称，且不可居于显著位置，不可大面积覆盖图片；
8. 图片格式为 JPG、GIF、PNG 的静态图片，默认以 JPG 展示缩略图。

同时熊掌号搜索指数必须达到 100 才能申请该功能，也就是说一个新熊掌号过了新手期就可以申请该功能。再啰嗦一句，要实现三图样式，文章内容中必须要包含至少三种图片，以上代码会自动获取前三张图片，且不支持单独设置的特色图片，因为熊掌号要求图片必须是属于文章内容，所以需要拥有良好的缩略图效果就需要注意图片的放置位置了，同时图片链接请务必使用绝对链接的方式，支持站外图片链接。

更多关于WordPress优化及疑问可以添加QQ群：255308000

除非注明，否则均为泪雪博客原创文章，禁止任何形式转载

本文链接：https://zhangzifan.com/wordpress-xzh-structurepic.html