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

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

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

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

代码实现熊掌号 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/23function 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 文件中,然后继续:

将上述代码添加在你的 wordpress 主题的 header.PHP 文件合适的位置,以上代码还做了一个 if 判断,只让该段代码在文章中输出。

关于 wordpress 接入百度熊掌号的 Json_LD 数据代码改造就给大家分享到这里了吧。

总结

以上是内存溢出为你收集整理的纯代码实现熊掌号H5页面结构化改造全部内容,希望文章能够帮你解决纯代码实现熊掌号H5页面结构化改造所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/1025002.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存