经常在BD或gg搜索不难发现有些搜索结果会带有缩略图，类似下图，图文搭配，看着不累

在一大排搜索结果中，都是文字的话，还没认真看就感觉累，如果在这些搜索结果中突然出现一条图文结合的条目，是不是有耳目一新的赶脚呢？至于你有没有，反正我是有这种feel！百度富媒体展示允许自定义站点Logo/简介等

其实这种效果是gg先实现的，后来事实证明这步走对了，and then我们的bd也该发挥一下光荣传统了。好吧，成果不错！

那么，我们如何实现这个特效呢？ytkah来班门弄斧一下吧

首先，文章带图是必须的

其次，图片带上alt属性，but不要关键词堆积

然后，你这张图片要跟文章内容相关，如果说的虎头，你放上一张马嘴，你说观众会挺你吗？bd会放过你吗？

再然后，控制一下图片的尺寸，点击查看图文搜索的缩略图尺寸，你会发现尺寸是121px*75px，and then你知道怎么做了吧？

还有一些其他的百度缩略图尺寸为120:75，121px × 91px，122px × 75px，120px × 74px，尽量控制长宽比为8:5

最近才发现360搜索结果中也会显示缩略图，尺寸是100px*72px

再再然后（我承认学识太浅了，中学作文只得过一次高分），在图片的周围环绕一些相关文字，做不到十面埋伏，上下总可以吧！

好吧，今天就到这了！Just trying！

还有一个更厉害的，搜索结果中直接展示多张缩略图的

文章中尽量多加一些图片，最少5张吧，给蜘蛛选择的权利，尺寸呢是134 * 91的相应倍数

微信图文效果优化：微信封面图片尺寸

顺便炫一下28推的收录

想在BD自然排名中脱颖而出吗?加张合适的图片吧！的更多相关文章

  1. Android向系统相册中插入图片，相册中会出现两张 一样的图片（只是图片大小不一致）

    向系统相册中插入图片调用此方法时,相册中会出现两张一样的图片 MediaStore.Images.Media.insertImage 一张图片是原图一张图片是缩略图.表现形式为:android4.4. ...

  2. bootstrap中的动态加载出来的图片轮播中的li标签中的class="active"的动态添加移除

    //该方法是在slide改变时立即触发该事件, $('#myCarousel').on('slide.bs.carousel', function () { $("#myCarousel o ...

  3. fresco中设置占位/加载失败的图片 无效

    在xml中设置  placeholderImage  属性无效.代码如下: <com.facebook.drawee.view.SimpleDraweeView android:id=" ...

  4. spring data mongodb中，如果对象中的属性不想加入到数据库字段中

    spring data mongodb中,如果对象中的属性不想加入到数据库字段中,可加@Transient注解,声明为透明属性 spring data mongodb 官网帮助文档 http://ww ...

  5. 2020年的六种编程语言排名中，java排第几只有不到1％的人知道

    前言 编程语言是开发的基础.有不同的类型和特征,并且开发人员针对不同的场景选择正确的语言,但是您知道使用哪种语言吗?中国和世界各地有多少开发人员正在使用它?他们的排名是多少?快来看看您知道多少个列表! ...

  6. 想在don‘t starve中活的更久？那饥荒海难攻略你怎么能不知道！

    饥荒海难mac版是一款非常好玩的烧脑游戏.玩家将扮演一个勇敢的绅士科学家威尔逊,被一个恶魔困住并送到一个神秘的荒野世界,玩家必须利用异世界中的自然资源让自己存活下去,并且抵御各种异世界生物的威胁.想在 ...

  7. arcgis android 中shapefile的加载

    前言 本文为大家分享arcgis android 中shapefile的加载,默认你有java环境,懂一定的android基础知识,默认你已经安装android studio.如缺乏以上环境和知识,请 ...

  8. C#中如何创建PDF网格并插入图片

    这篇文章我将向大家演示如何以编程的方式在PDF文档中创建一个网格,并将图片插入特定的网格中. 网上有一些类似的解决方法,在这里我选择了一个免费版的PDF组件.安装控件后,创建新项目,添加安装目录下的d ...

  9. 理解CSS3中的background－size(对响应性图片等比例缩放)

    理解CSS3中的background-size(对响应性图片等比例缩放) 阅读目录 background-size的基本属性 给图片设置固定的宽度和高度的 固定宽度400px和高度200px-使用ba ...

随机推荐

  1. 7.HBase In Action 第一章-HBase简介（1.2.1 典型的网络搜索问题：Bigtable的起原）

    Search is the act of locating information you care about: for example, searching for pages in a text ...

  2. Xamarin 的 MVVM 之 Caliburn.Micro

    约定 Caliburn.Micro 以下简称 CMXamarin.Form 以下简称 XF 摘要CM 当前已释出 3.0 beta 版https://github.com/Caliburn-Micro ...

  3. [软件测试]网站压测工具Webbench源码分析

    一.我与webbench二三事 Webbench是一个在linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工作的性能.Webbench ...

  4. LinuxMint下Apache Http源码安装过程

    1. 源码包下载 Apache Http安装要求必须安装APR.APR-Util.PCRE等包. Apache Http包下载地址:http://httpd.apache.org/download.c ...

  5. 第四十二课：基于CSS的动画引擎

    由于低版本浏览器不支持css3 animation,因此我们需要根据浏览器来选择不同的动画引擎.如果浏览器支持css3 animation,那么就使用此动画引擎,如果不支持,就使用javascript ...

  6. 每天一个linux命令（30）：cal 命令

    cal命令可以用来显示公历(阳历)日历.公历是现在国际通用的历法,又称格列历,通称阳历.“阳历”又名“太阳历”,系以地球绕行太阳一周为一年,为西方各国所通用,故又名“西历”. 1．命令格式: cal  ...

  7. 团队作业 -- beta版本

    下一阶段需要改进完善的功能 1界面布局 2方块颜色调整 下一阶段新增的功能 1分数排行榜 2撤销上一步操作 需要改进的团队分工 无. 按要求加上一起进行编码任务 需要改进的工具流程 使用github进 ...

  8. C# AttributeUsage的使用浅析

    C# AttributeUsage的使用是如何的呢?首先让我们来了解一下什么是AttributeUsage类它是另外一个预定义特性类,AttributeUsage类的作用就是帮助我们控制定制特性的使用 ...

  9. JS模式-基本的单例模式

    //singleton var SingletonTester = (function(){ function Singleton(options){ options = options || {}; ...

  10. shell将输入的参数逆序

    #! /usr/bin/ksh count=$#  //总共输入参数 cmd="echo" while [[ $count -gt 0 ]] do cmd="$cmd \ ...