CSS3教程

如何优化图片 鲜为人知的5个技巧

字号+ 作者:建站教程网 来源:建站教程网 2012-04-19 09:09 我要评论( )

现在很多网站以图片为主,那么如何优化图片呢?下面重点从提高图片加载速度和改善图片在搜索引擎中排名讲解。

现在很多网站以图片为主,那么如何优化图片呢?下面重点从提高图片加载速度和改善图片在搜索引擎中排名讲解。

增加图片收录技巧一、提高图片的加载速度

1.图片格式的选择

图片优先选择jpg格式,为什么呢?

搜索引擎喜欢高质量图片,这就是为什么不喜欢8位的png的原因。也喜欢体积小的图片,有利于图片的加载速度。而jgp就是这种图片质量即高又体积小的图片,为什么呢?看看各类型图片质量和图片大小的关系。(针对文章中插图,logo和小图标除外)

JPG,60质量 - 32K

PNG-8,256种颜色 - 37K

GIF和256色 - 42K

PNG-24 - 146K

2.切除图片空白部分

图片优化切除图片空白部分

如上图,像谷歌logo一样,切除多余的空白,减小图片体积,缩短加载时间。可以参考谷歌的logo

3.把图片剪切成实际需要大小,避免使用css定义大小

比如有一张600*500的图片,但文章需要400*350的图片,正确的图片seo优化方法是:直接把图片修改成400*350,而不是在css中定义。

增加图片收录技巧二、提高图片质量

图片质量包括图片本身质量和搜索引擎对图片的理解

使用jpg或其他高质量格式图片

(理由参考:图片格式的选择)

增加图片收录技巧三、建立图片站点地图

1.参考?hl=zh-Hans&answer=178636

增加图片收录技巧四、改善图片在搜索引擎中的排名

1.将您的图片放在靠近网页顶部的位置

本条是谷歌官方推荐,理由是增加用户体验。

2.图片的命名能说明图片主题。

用描述性的名字给图片命名,例如:狗在花园路啃骨头.jpg 要比123.jgp或者狗.jpg好很多。为什么呢?

因为a,搜索引擎在图片的网页找不到适合信息时会使用图片名称作为图片摘要;b,有助于搜索引擎理解图片;c,增加关键词密度。

3.使用alt属性。

在图片显示失败的时候可以显示出alt属性里面的文字不要写的太长太罗嗦,会被当作垃圾来处理。

4.为图片提供良好的上下文环境。

图片周围的文字对搜索引擎理解图片意思很重要。把图片插在合适的位置对图片优化来说至关重要,像关键词在文章中出现的位置一样。所有尽可能确保把图片放在相关文字的旁边。

5.给图片做些锚文本

嗯,没有听错,照做吧。

图片优化技巧五:关于目录

1.考虑为图片建立不同的目录。

2.如果网站有成人图片,请不要和普通图片放到同一目录,切记。

感谢 九级木匠 的投稿

(责任编辑:sunsun)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 内容除了原创与相关性 我们还要注意什么?

    内容除了原创与相关性 我们还要注意什么?

    2014-11-14 17:36

  • 该如何在论坛发布外链?

    该如何在论坛发布外链?

    2014-11-14 17:30

  • 浅谈传统企业网站一些关于SEO方面的问题

    浅谈传统企业网站一些关于SEO方面的问题

    2014-11-14 17:29

  • 社区网站存在的问题有哪些?

    社区网站存在的问题有哪些?

    2014-11-14 17:29

网友点评
e