百度熊掌号如何实现搜索结果出图

百度熊掌号如何实现搜索结果出图呢?很多人听到这个名词会有点迷糊,不知道什么意思。看看下图就明白了。下面是魏艾斯博客的百度熊掌号文章列表,之前只有文字标题,现在程序会自动抓取文章内前三张图片展示出来,所以叫搜索结果出图。

对于熊掌号百度一直强调可以提升移动端的展现量,咱们先不说百度一贯做事情顾头不顾尾的尿性,起码我们花点时间添加一段代码,就可以提升网站流量,这是对自己有好处的。我给魏艾斯博客使用之后,访问量确实有很大提升,不过现在好多人对熊掌号还是无感的状态,老魏在很多不同场合提及都没几个人响应。

之前写过两篇关于百度熊掌号的文章,依次是安装教程和主动推送教程,本文是系列教程的第三篇文章,以后熊掌号有新的东西也会及时发布出来。

WordPress 百度熊掌号自动推送插件安装使用教程

百度熊掌号 API 资源 php 主动推送提交教程

下面说一下百度熊掌号搜索结果出图怎么操作。

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

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

3、把以下代码放到主题 header.php 文件的</ head>标签之前。记得把里面 appid 的内容换成你的熊掌号 ID。

<!–熊掌号 号主页展现 开始–> <?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; } ?> <!–熊掌号 号主页展现 结束–>

以上代码来源于泪雪博客,原文地址 https://zhangzifan.com/wordpress-xzh-structurepic.html

另外要求过了熊掌号新手期(100 分以上)就可以申请了。以上代码会自动获取前三张图片,但不支持 wordpress 特色图片(熊掌号要求图片必须是属于文章内容),所以你想展示的图片就要放在文章内容里才会被抓取,支持站外图片链接,图片链接要用绝对链接。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端新视界

如何使用 Bootstrap 搭建更合理的 HTML 结构

前言 Bootstrap 的成功不仅在于其简单易用,更在于其样式的规范性以及 HTML 结构的合理性。但是很多人在使用 Bootstrap 时只是依照文档盲目的...

37950
来自专栏拂晓风起

HTML5骨骼动画Demo | 使用min2d、createjs、pixi播放spine动画

73950
来自专栏DeveWork

WordPress 投票插件Post Ratings,可在谷歌搜索显示星级投票(附中文包下载)

在谷歌搜索结果中显示星级投票是一件很拉风的事情,在Jeff 看来,如果一篇文章在搜索结果中有了评分,不仅仅是谷歌认可的象征,更是给访客点击的欲望。当然,最前提是...

373100
来自专栏HT

快速开发基于 HTML5 网络拓扑图应用

采用 HT 开发网络拓扑图非常容易,例如《入门手册》的第一个小例子麻雀虽小五脏俱全:http://www.hightopo.com/guide/guide/co...

64680
来自专栏程序员的知识天地

一个Mac系统,能让程序员编程效率提升30%

Mac 系统一向以提供高效的工作环境著称,iOS、Android和服务端程序员都可以轻松的在Mac上搭建舒适的开发环境。

36820
来自专栏HT

HT图形组件设计之道(一)

HT for Web简称HT提供了涵盖通用组件、2D拓扑图形组件以及3D引擎的一站式解决方案,正如Hightopo官网所表达的我们希望提供:Everything...

22250
来自专栏HBStream流媒体与音视频技术

借助开源项目,又好又快的实现视频文件”剧情连拍(剧情截图)”功能

32370
来自专栏WeTest质量开放平台团队的专栏

Pluto - iOS 上一个高性能的排版渲染引擎

原文链接:http://wetest.qq.com/lab/view/369.html

59260
来自专栏IMWeb前端团队

全响应式web前端开发

本文作者:IMWeb Terrance 原文出处:IMWeb社区 未经同意,禁止转载 ? Responsive web design (RWD) i...

35170
来自专栏星流全栈

2016 JavaScript 技术栈展望

17740

扫码关注云+社区

领取腾讯云代金券