图片网站内部必做的7个优化

j88008

1、 图片alt值必填

大家都知道，alt 值其实最初的目的是为了解决当该图片无法显示的时候，能在该图片的区域用文字来替代，虽然用户无法看到图片，但仍能通过文字了解大概意思，提升了用户体验，但如今在SEO中该功能也是非常重要的一点，因为爬虫们是看不到图片的。由于百图网这类图片网站的特殊性，网站上的文字非常少，所以在alt 上写关键词就变得极其重要，我们不仅要让图片alt属性带上关键词，而且在图片周围的段落描述上也要出现相应关键词。

2、 图片压缩

作为图片网站，相信99%的带宽都是被图片所占用的，所以压缩图片，减少文件大小就成了提升访问速度最为明显的一点，百图网在图片压缩上也花了很多功夫。

首先介绍几个国外的在线图片无损压缩网站：Smush.it、JPEGmini，Smush.it是大名鼎鼎的雅虎开发的，可以批量上传；JPEGmini压缩得最好，几乎看不出前后的区别，而且压缩比例也很高，但这些都可惜要在线使用。

下面再来介绍一款软件——瑞影图片压缩工具，该软件可批量压缩，在本地操作很多图片时较方便，但缺点是有损压缩，质量相对差一点，所以只能使用在对图片质量要求不高的地方，例如在百图网后台管理图片时就可以使用。

3、 图片延迟加载

当用户在访问网页时，其实有很多时候第二屏、第三屏……的图片用户是不太会主动看的，而这些图片也占用了用户的带宽，它们会与第一屏中的图片抢占带宽资源，就造成第一屏完全展示较慢，所以这时候下面的图片加载就变得有些多余。

如果上一条图片压缩是对质上的改变，而该条则是以量上更灵活的控制来提升用户体验。图片延迟加载技术有很多也很成熟，jQuery、YUI 等都有，百图网所使用的是淘宝KISSY框架中的图片延迟加载组件。

4、 把少许优秀的图片置顶、推荐显示

由于一张图片可能会在多个地方展示，而为了确保在数据维护的过程中对原有的数据破坏降到最小（因为有些站长会使用采集器），因此将一些优秀的图片显示在最前面并较少的改动，这不仅能提升用户对网站稳定性的认可，也可以使网站始终将最好的一面展现给用户。

5、 明确给定图片显示宽高

如果不给img设置width、height的话，那么图片在加载前与后所占用显示的位置是不一样的，给大家举一个比较常见的例子：大家在逛淘宝时，进入某宝贝的详情页，当我们往下拉时看到了一重要信息，而这时该信息又突然莫名其妙的被挤到下面去了，于是又要向下翻，体验很不好。所以如果当我们明确设置了宽高后，就能很好的解决该问题。

另外提醒一点，非等比的设置宽高比不设更糟。

6、 按需生成各尺寸图片

当我们库里有一张图片时，其实我们会生成N个不同的尺寸用于显示在不同的位置，所以就要占用更多的磁盘空间，这对建站初期磁盘紧张的站长来讲是非常头痛的一件事，而且其实绝大多数的图片访问量为0，因此如果能做到首次访问某图片时再去生成相应尺寸的文件，就能极大的解决该问题。没错，百图网就是这么优化的。

7、 最后，千万不要SEO作弊

本条虽有所跑题，但还是觉得该条太重要，图片网站也好，其它网站也罢，一定要记住这一点，不然后果是可怕的，因此也将其作为一条纳入，谨此铭记在心。