中国领先的IT技术网站
|
|

有图有真相 好图好流量 十个妙招优化网站图片

图片对于消费者和网友的影响妙不可言,优化图片是一门网店里的艺术。图片的清晰度、吸引力和加载时间都将直接影响到你的用户。

作者:刘妮娜译来源:51CTO|2017-06-01 14:13

开发者大赛路演 | 12月16日,技术创新,北京不见不散


【51CTO.com快译】对于任何一个电子商务网站来说,图片优化都是必不可少的环节。图片对于消费者和网友的影响妙不可言,优化图片是一门网店里的艺术。图片的清晰度、吸引力和加载时间都将直接影响到你的用户。下面我们就为大家介绍一些优化图片的小技巧,希望能从图片的选择、处理、SEO优化等方面对你有所帮助。

 1.用平实的语言描述你的图片


只要在网站上发布图片,就不能缺少SEO,你必须了解到用户习惯,以便于他们能顺利搜索到你的产品。当谈到SEO时,在搜索引擎中使用关键词能帮助提升网站排名。这就是为什么使用描述性的名称,使用正确的关键字将有助于您的图像优化。搜索引擎不仅能抓取到你网站上的文本也能读取文件名中的关键字。一个优秀的网站开发人员会使用一些很容易被购物者搜索到的名称来命名图片。

 2.根据网站需求优化图片


网站图片的大小直接影响到网页打开的速度,你知道,不是所有用户都有耐心等待图片缓慢的加载完成,所以,不要太过在意图片的质量,尽量把图片的格式缩小吧。有很多方法可以缩小图片,我们推荐您使用在线压缩工具TinyPNGpr来处理JPEG图片,有了这个工具,你可以放心上传你的图片,这个工具会为你打理好一切。

 3.选择恰当的图片


选择合适的图片对于你的网站来说至关重要。这是任何一个网站开发成功的一大秘诀。你可以使用可靠的Flickr.com网站,那里的可选图片和格式类型十分广泛,相信一定能满足你的需求。在这样的网站中,你可以找到任何你需要的图片,并且合法的下载使用。

4.与社交媒体结合


社交媒体的SEO非常重要,社交媒体可以帮助你更容易的获得受众。如果你想把你的图像融入社交平台,别忘了在网站加入社交媒体的分享按钮。然后,鼓励你的用户分享这些图片,也许每张图片都需要添加分享按钮,别嫌麻烦。

5.多放些小图


缩略图(的格式)应该尽可能的小,以提高网页打开的速度。为此,你应该调整(图片)大小并使用正确的图像压缩级别。你可以使用Photoshop或者一些免费的图片处理工具,现在PicMonkey、Pixlr工具都非常好用。

6.选择恰当的图片格式


找出合适的图片格式来配合你的使用,对你来说非常重要。目前,我们有三种常用的图片格式,分别是GIF、PNG和JPEG。JPEG是当今最常用的图片格式,由于它对图片进行了比较大的压缩,所以可能会影响到图片的品质,但这也取决于你的设置。GIF是用于简单的艺术和动画的格式,它能支持256种颜色,但不推荐使用真实感的图像照片。PNG的格式更新,能很好的替代上述两个格式,它支持透明度和更好的色彩范围,也是三种格式里最新的,可能不容易被广泛应用支持。

7.利用搜索引擎的抓取规则


有时候搜索引擎也会帮助你优化图片,像谷歌就为用户准备了图片发布指南,图片被优化后也更容易被搜索引擎抓取。每当你怀疑自己的图片是不是完美适合你的网页时,都可以咨询这些图片处理准则。在谷歌指南中,你可以找到许多图片处理的小方法,这些详细的信息和各种提示,可以帮助你更好的使用图像,甚至更好的SEO。

 8.优化你的ALT文本


当你用鼠标光标悬停在图像上方时,ALT文本(可替换文本)用于突出图像的标识。每当渲染图像出现问题时,它将显示为所有用户的文本。本文将告诉谷歌和其他搜索引擎的图片是什么,所以它可以在SEO方面帮助你很多。

 9.忘记第三方图片托管吧


最近,图像托管服务特别流行,你甚至可以上传图像到托管方的服务器。这对很多开发者来说非常好,它意味着节省大量的空间和带宽。但是,这些服务器如果遇到大流量的冲击,可能会删除或者阻止你的图像,最终造成你的网站图片无法打开。所以,我们不推荐你使用这种第三方图片托管服务。

10.为你的图片创建一个网站地图


像其他的方法一样,建立网站地图也是为图片增加搜索信息的一个好办法。这将使搜索引擎更容易抓取到图像,即使那些加载了JavaScript代码的图像。如果你已经创建了一个网站的网站地图,你可以添加图像信息,或者你可以创建你的图像中的一个单独的站点地图。值得庆幸的是,创建一个网站地图还是很容易的。

综上所述,图片是提升网站价值的一个重要的方面,有很多方法和技巧你要牢记。选择合适的图片,确保这些图片能提升你的SEO并且不增加网站加载的时间。我们提到的十种方法能够很好的帮助你使用图片,进而帮助你的网站获得更好的流量和用户体验。

刘妮娜译
原文链接:http://codecondo.com/10-ways-to-optimize-images-on-your-website/

【51CTO译稿,合作站点转载请注明原文译者和出处为51CTO.com】

【编辑推荐】

  1. 专注学习DevOps编程语言Top 5推荐
  2. 为什么非全站升级HTTPS不可?
  3. 让iMac躲墙角哭泣 戴尔XPS ONE深度评测
  4. HBase在阿里搜索中的应用实践
  5. 外媒速递:DevOps领域不可或缺的十款顶级工具
【责任编辑:刘妮娜 TEL:(010)68476606】


点赞 0
分享:
大家都在看
猜你喜欢

热门职位+更多

读 书 +更多

精通Spring 2.0

本书是关于Spring 2.0的权威教程,是Java/Java EE开发者必备的参考书。本书详尽系统地介绍了Java EE的基础知识、Spring 2.0的各种功能,以...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊
× 51CTO学院双十二活动