文章导航 本文详细说说如何做好图片SEO
为什么要做图片SEO
当搜索引擎爬虫来到你的页面并进行索引和收录时候,他会检测该页面的所有内容和代码然后确定你的页面话题并分类。这就是搜索引擎一个简单的工作原理,但是问题来了,如果碰到图片,搜索引擎就傻了,因为它又不是人,搜索引擎是读不懂图片内容的,那么它就只能依靠我们做的图片SEO工作来帮助它读懂图片了。不然图片在它眼中就是无用的代码而已。所以我们要做图片SEO最简单的原因就是 "搜索引擎是没办法读懂我们图片的内容的,除非我们告诉它 hi 这张图片是什么"
图片搜索增加流量。大家都知道,google也有专门的图片库,Google image searches 别小看这个图片库,很多人在寻找图片或者信息时(包括我),都会在这里搜索,如果你做了图片SEO,你的很多图片都会相应的显示在这里,当用户用相应的关键词搜索时,会找到你的图片,会点进去进入你的网站, 这样你的流量就增加了。网站的图片是会不断增加的,如果你养成图片SEO的习惯,这部分的流量日积月累就会非常大了。 网站速度。一个网站的内容主要包括的就是文字和图片了。文字占用的空间是非常小的,不会影响网站加载速度。但是图片的占用空间远远大于文字,从而影响页面打开速度。事实上如果你的图片很大,你打开页面时就因为这个图片会很慢了。这样你的用户体验比较低,如果因为这个图片你的页面几秒钟都没打开,那用户可能已经受不了跑掉了。 加载问题。某些时候,可能由于各种原因,你的页面的图片加载不出来或者已经损坏,如果你没有做图片SEO,那么该地方就会显示很丑,影响美观,但是当你为图片增加了ALT标签后,图片加载不出来的时候就会显示ALT内容,不会太影响用户的体验。
图片SEO该怎么做,下面就是最详细的教程了。
如何做图片SEO
选择相关的图片
图片与你文章的话题一致 强调了你想表达的观点 加强了阅读体验而不是破坏了阅读体验
图片最好放在与图片主题相关的内容的周围,因为搜索引擎是根据图片周围的文字内容来确定图片的内容的。这一点很重要,他是我们用关键词在搜索引擎图片库搜索的时候是否会显示的一个重要因素。用然后加上图片名,ALT属性和图片标题。
尽量使用一些有创意的新颖的图片,这样你的页面就不会看起来很死板和普通。
图片的来源
原创图片:自己拍照然后用PS或者其他软件做的,你可以自己或者请美工来做。这一种当然是最好了,但是成本也会最高。 在线设计:比如 Canva cooltext logoko piktochart 类似这种在线工具,可以让你在线设计图片来使用,好处是里面有很多素材你都可以拿来用然后加上自己的创意设计出符合的图片。 freepik: freepik 是一个图片搜索站,里面有无数的图片素材,包括logo,icon,images,PSD,vectors,illustrations 等几乎所有不同的图片类型。 google 图片:google的图片库当然也是一个重要的来源了。 里面包含各种图片素材,用你的关键词搜索下,可以很轻易的找到你想要的图片,但是需要注意的是,有些图片是有版权的,不能随便拿去使用,国外的版权保护意识还是很强的,一般情况你可能不会有什么问题,但是当你碰上这种问题时,就会很麻烦了。 所以有时候还是需要注意下。 flickr:flickr是目前最大的托管和分享站了。跟上面一样也需要注意版权问题,有些图片都是标注了版权说明告诉你可以那这个图片来干什么。
图片的命名
图片的命名对搜索引擎的图片排名和站内优化都是非常重要的,我们在给图片命名时需注意下面几点。
使用相关的关键词用做图片的名字且最好的关键词放在名字的最前面 尽量使用 “-” (上横线)而不是使用“—” (下横线)来隔开单词,因为搜索引擎使用“-” 来作为单词与单词之前的间隔,但是它们完全不认识下横线。这样就意味着在他们眼里“image_file_name.jpg”就是“imagefilename.jpg”. 这点非常重要,因为一般人在用关键词搜索的时候都是用 image file name 这样去搜索而不会用imagefilename去搜索。使用“-”可以帮助搜索引擎读懂你的图片内容。 名字需要详细和准确。尽量让图片的名字表达出图片的内容。比如你的文章是关于cars,那么你的图片名字最好包括颜色,年份,品牌,型号等,方便搜索引擎和用户读懂你的内容。 当然了,关键词的使用也要自然,不能过度优化。比如乱用很多关键词放在名字里面反而不利于SEO。
在图片的下面加上说明
有些时候在图片的周围加上图片说明也是一种很好的方法,会让用户更读懂你的图片,留住用户,也能给SEO加分。但是不是所有的图片都需要加上说明,毕竟有些图片本身已经很好的表达了内容,也就没必要再多此一举了。不需要补充说明的时候时候就不需要加了。
Title 和 ALT标签
每张图片都应该设置好 title 和 alt 标签。 比如说一个完整的图片代码是
<img src="image.jpg” alt=”alternative text” title =”image title”/>
有些时候图片的名字不能太长,那么我们可以使用alt标签来更加详细的告诉搜索引擎你的图片的内容。你可以认为这个alt的内容是给搜索引擎看的,因为搜索引擎是看不懂图片本身的内容的。
ALT标签文字是图片SEO最重要的地方之一,google在站长指引里面都指出了alt标签需要尽可能的详细和准确表达图片的内容,要带上关键词。做好准确的反映图片的内容即可。
下面这个例子就是一个关于男人时尚配件的title和alt写的很好的案例
<img src="mens-dress-shoes.jpg” alt=”Markowski Italian mens leather dress shoes” />
如果使用 “mens shoes” or “mens dress shoes”效果很差点,但是呢也比留空白强。
Title标签呢相对SEO来说呢 没有那么重要了,我们一般填写准确的关于图片的内容,内容不要和ALT标签内容重复。 图片的titles是给用户看的,google没有把title看做一个很重要的因素。
图片的大小(容量大小)
图片占据空间的大小也是一个很重要的因素,因为如果你的图片越大,网页的加载速度就会越慢,而页面的速度呢又是SEO排名的一个非常重要的因素。如果网站打开太慢,客户的体验度就很低了,有研究表明,一般一个页面如果3秒都没打开,那这个用户就放弃了。
优化图片的空间大小就需要我们在保证图片清晰度和尺寸的基础上去缩小图片占用的空间大小了。下面有一些方法和工具可以帮你做到这点。
如果是用photoshop做的图片,保存的时候可以选择“另存为网页图片” 这种方式默认的减小了图片占用的空间,但是清晰度不会太大影响。(注:最好可以同时另存为一份普通的高质量的图片以免后期需要。) imageoptim 这是一个可以下载到电脑上的图片压缩软件,使用简单方便。 jpegmini在线图片压缩工具 punypng 在线图片压缩工具 tinypng 在线图片压缩工具,我经常用 compressjpeg 在线图片压缩工具,我经常用
利用工具来检测哪些图片比较大拖慢了网页加载速度
PageSpeed Insights google在线工具,用来检测网页加载速度的,同时也会指出哪些文件拖慢了网页速度。 浏览器的开发者模式也会帮你找到网页中加载速度比较慢的图片。
创建images sitemaps
google鼓励站长使用images sitemaps 来让搜索引擎更快更好的读懂网站内的图片。这种方法甚至能让搜索引擎找到在JavaScript代码下加载的图片,比如产品图片或者幻灯片图片等。关于如何创建一个images sitemaps,你可以在这里看到
如果你的网站是用wordpress做的,你还可以使用一些插件来自动生成图片地图,比如 Google XML Sitemap for Images 和 Udinra All Image Sitemap 都可以做到。
不要使用第三方网站托管图片
目前互联网上有一些免费托管图片的网站, 比如Imgur 和 Postimage都提供了免费托管图片的功能,但是这种方法主要的缺点是你的图片可能因为他们的服务器问题或者其他问题会被删除或者禁止,这样你的图片就会突然消失。所以图片还是最好存在自己的服务器中,这样就不用担心图片哪天会丢失了,长远来看,图片多了以后对你的网站优化也是很有帮助的。
整合社交平台
目前社交平台在网站SEO和客户体验中越来越重要了。把图片和社交平台联系起来最简单的方法就是增加图片分享的按钮了。其中最受欢迎的一个方法是在每张图片后面都添加 “Pin It” 按钮鼓励用户把你的图片分享到Pinterest。
关于图片的发布,google在这里也有相应的指引