我们很多人都知道SEO的大部分内容都和文字和关键词有关,有些做SEO的很不在乎图片优化,其实图片优化是非常重要的。
想想看,如果你发现一个网页,里面全是文字,除了白色的背景之外什么都没有。你就不会觉得这个网站值得信任或者让你有好感。研究表明,我们有80%的概率会阅读有图文并茂的文章,阅读完会有64%的概率会记住这篇文章。不仅如此,搜索引擎算法也会对网站的跳出率、访问时间等作出评价,而图片就是我们用户体验的重要部分。
那么什么是图片优化?
图片优化是在不损失图片质量的情况下尽可能减少图片的大小,从而使你的页面加载速度降低。给用户带来更好的体验,最核心的还是让别人在搜索引擎里能够搜索到你,然后让您的产品图和装饰图在搜索引擎上增加排名,从而得到曝光。
作为一个从事SEOer,你是不是经常有以下这些疑惑?
- 为什么我在百度搜索或Google搜索时,永远看不到我的产品图片;
- 是否需要给图片添加Alt标签属性;
- jpg、jpeg、png图片格式我应该怎么选择?
下面我就给大家详细的解答这些问题。
1、文件命名法
其实生活中很常见了,有时候设计师给你一张图片,命名不清楚,无规则。你什么感觉,更别说机器了。身边很多人都不太在乎图片命名。比如你会经常看到这样的图片命名:
- QQ截图20171129093602.png
- VCG41N604348322.jpg
- 01001.jpg
作为SEOer,这些都是平时需要注重的,要专业。下面举个例子:
例如:这种图片一般你用什么相机或者手机默认的命名(DCMIAGE11.jpg),但是如果你植入关键词,比如Toyota_RAV4_XLE_WHITE.jpg。这样就会好很多。
但是作为SEOer,你要学会站在用户的角度考虑问题。比如想想客户会怎么搜索你的产品?他们搜索时通常用哪些命名规则。然后你在命名时将关键词植入。这样你的产品就会得到曝光或者排名的几率就大很多。至于用什么关键词,可以用关键词分析工具,查看用户搜索习惯,然后将用户这种搜索习惯融入到命名当中。
2、使用原创图片
你所配的图片应该与内容相关,而且最好是原创,但是现在我们在网上看到的很多图片都是百度搜索或者其他网站上下载的,这就造成了很多人在搜索图片时出现太多重复的。所以导致经常会出现以下这种情景;
所以如果你使用自己的照片,并且做好优化,那么我相信会很快排上去。
哪里能找优秀的素材图片?
3、Alt标签优化
alt标签是浏览器无法加载图片或者展现时,一种替换图片的文本方式。它还可以在你访问性网页时。即使渲染图像,如果你将鼠标悬停在图像上,也会看到alt属性文本。
alt属性能将关键词增加到你的网站上,同时也可以帮助图片搜索更好的排名。
alt属性的源代码如下:
图片优化必要的一点是为你网站的每张图片都添加alt标签属性。
下面是alt标签的一些常用规则:
- 用相关的语句对图片进行描述,就行图片命名一样。
- 如果你的产品有型号或者序列号,请在alt标签上添加。
- 不要过度的使用关键词堆叠。
4、压缩图片的大小
研究表明:
- 近50%的用户不会等你的网站加载3秒钟,尤其是购物网站。
- 亚马逊发现,如果他们的页面打开速度增加一秒钟,他们每年将损失16亿美元。
- 无论是百度还是Google,他们都将网页加载时间作为其算法中的排名因素。
所以我们要做的就是在不损坏图片质量的情况下,将图片尽可能的压缩至最小。因为只有将图片大小减少,那么加载速度才会变快。用户体验就会更好。
那么如何压缩图片大小呢?这里我推荐4个网站。
a.Tinypng
地址:https://tinypng.com/
这个工具是我最常用也是最喜欢的。他可以做到对图片最大限度的无损压缩。
b.图好快 地址:http://www.tuhaokuai.com/
图好快是一个在线图片压缩网站!支持GIF动图压缩,PNG压缩,JPG压缩。精确控制照片的长宽和。大小但是大文件压缩和多文件压缩需要付费。
c.Optimizilla
https://imagecompressor.com/
这个软件是仅次于Tinypng之外,我最喜欢的一个,他的优点是可以批量上传压缩图片。还可以自定义压缩的大小。这是我最喜欢的地方。
d.Kraken
https://kraken.io/web-interface
喜欢这个软件是因为可以导入压缩包文件,比如zip结尾的文件。其次他还支持不同格式的文件压缩。
其次还有一种比较好用的方法,就是利用PS中的导出格式为web形式。步骤为:文件>>导出>>导出为web格式。
- 文件格式:在右上角选择jpeg;
- 品质:同样是在右上角选择60/70都可以;
- 优化:记得选择优化;
- 颜色:在转换为sRGB哪里打勾;
- 缩小图片大小:在右下角我们可以自定义图片宽高;
- 预估大小:左下角我们可以看到这张图片的预计大小是65.61KB。
图片大小多少比较合适?
对于购物网站来说,一般图片大小不超过70KB。
5、选择什么样的文件格式{jpg(jpeg)、gif、png}比较好?
我们在工作中有三种格式是经常用到的,那就是jpg、gif和png。下面让我们来看看这三种文件类型的区别?
jpg(jpeg)目前也成为网上标准的图片格式。他可以被大大压缩,从而做到小文件高质量的图片。如上图所示。
GIF图片格式是一种动画格式,他的图像质量低于JPEG图像,主要用于要求不高的图片,如图标和修饰图片等。
PNG文件格式分为PNG-24和PNG-8,其最大的区别是PNG-24是用24位来保存一个像素值,是真彩色,而PNG-8是用8位索引值来在调色盘中索引一个颜色,因为一个索引值的最大上限为2的8次方既128,故调色盘中颜色数最多为128种,所以该文件格式又被叫做PNG-8128仿色。所以这时我们需要注意的地方。
总结:正如上图所示。GIF和PNG的质量必须降低才能与JPG保持相同的文件大小。所以选择JPG无疑是最明智的选择。
所以在选择图片类型时我们需要注意以下几点:
- 对于购物商城来说,JPG是您最好的选择。因为他不仅文件小而且还保持了高质量的色彩。
- 切勿将GIF用于大型产品图。因为文件较大,没有什么好办法可以降低。如果将GIF用于缩略图和装饰图像还是不错的。
- PNG是介于JPEG和GIFS的替代品。如果您只能以PNG格式保存产品照片,记得使用PNG-8而不是PNG-24。
6、使用图片站点地图
网站地图对于搜索引擎来讲,是非常有重要的,因为它能突出网站的重要内容,从而使得爬虫能够迅速发现并抓取。同样,作为许多网站内容的重要组成部分——图片。也是必不可少的一环。
如何创建图片站点地图?
我们可以通过“image-sitemap.xml”,向百度或者Google提示通过JavaScript上传的图片,这些图片可能是抓取工具找不到的,所以我们可以为图片创建全新的站点地图,或将图像信息添加到现有的XML站点地图。
对于WordPress网站,可以通过WordPress插件“ Google XML图像站点地图”轻松创建和实施图像站点地图,该插件可自动为上传到您的WordPress媒体库的图像创建站点地图。
图片优化总结
图片优化只是SEO优化当中一部分,不是说我们做了图片优化就一定能把排名做上去,这是一个多方面的问题。我们只有将每一步都认真做好,相信你会获得想不到的回报。千万不要急于求成。有时间多看看搜索引擎算法:你只有了解搜索引擎,你做起优化来才能得心应手。
我是徐大大seo,10多年的老SEO人,分享我这些年学习到的技术与心得,包括白帽黑帽SEO,Python开发,爬虫,web安全。真正的大师,永远保持一颗学徒的心(流量为"基",一直探索!)你关注的人,决定你看到的世界,而我主要关注IT互联网。