纯代码实现熊掌号H5页面结构化改造

前端之家收集整理的这篇文章主要介绍了纯代码实现熊掌号H5页面结构化改造前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

熊掌号为百度搜索新产品,即原百度官方号,百度熊掌号是站长、自媒体、开发者、商家等各种内容和服务提供者入驻百度的身份账号,该账号可实现包括百度搜索资源平台、百度数据开放平台、百家号自媒体平台、用户运营平台等各类平台的能力互通。

代码实现熊掌号 H5 页面结构化改造

首先我们需要根据百度熊掌号后台的“页面改造”里的提示先给自己的站点做个小小的改造以便百度熊掌号可以快速的识别和运用我们站点链接数据,比如搜索结果中以结构化样式展现等

熊掌号改造

页面改造最重要的其实就是添加 JSON_LD 数据了,其实可以用下面的代码来实现:

post_excerpt) {
 $excerpt = $post->post_excerpt;
 } else {
 if(preg_match('/

(.*)<\/p>/iU',trim(strip_tags($post->post_content,"

")),$result)){ $post_content = $result['1']; } else { $post_content_r = explode("\n",trim(strip_tags($post->post_content))); $post_content = $post_content_r['0']; } $excerpt = preg_replace('#^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,0}'.'((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$len.'}).*#s','$1',$post_content); } return str_replace(array("\r\n","\r","\n"),"",$excerpt); } } //优先获取文章中的三张图,否则依次获取自定义图片/特色缩略图/文章首图 last update 2017/11/23 function fanly_post_imgs(){ global $post; $content = $post->post_content; preg_match_all('//',$content,$strResult,PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n >= 3){ $src = $strResult[1][0].'","'.$strResult[1][1].'","'.$strResult[1][2]; }else{ if( $values = get_post_custom_values("thumb") ) { //输出自定义图片地址 $values = get_post_custom_values("thumb"); $src = $values [0]; } elseif( has_post_thumbnail() ){ //如果有特色缩略图,则输出缩略图地址 $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full'); $src = $thumbnail_src [0]; } else { //文章获取 if($n > 0){ // 提取首图 $src = $strResult[1][0]; } } } return $src; }

百度熊掌号在 Json_LD 数据里面是支持单张缩略图和三张缩略图的样式,所以上述代码会优先获取文章中的三张图,否则依次获取自定义图片/特色缩略图/文章首图。

建议大家把以上两段代码添加到你需要接入熊掌号的 wordpress 站点主题的 functions.PHP 文件中,然后继续:

PHP">PHP
if(is_single()){
 echo '

猜你在找的wordpress相关文章