易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

如何做好图片优化的小技巧

来源:网站建设行业资讯网
添加时间:2021-12-16
图片搜索优化已经成了百度谷歌等几大搜索引擎现在最看重的一种优化手段。如果你运营在线商城又或是大型电商网站,图片优化是你必须要掌握的。不仅仅是从吸引潜在消费者,还是增加图片搜索流量,又或是提升网站加载速度,图片优化扮演者非常关键的角色。但说到图片优化,很多传统意义上的SEO人会说,图片要加alt标签,图片要压缩…这样的粗线条显然是不行的。今天深圳网站建设科技就和大家深入分享一下图片优化必须了解的8个知识点。

  一.用结构化数据写产品图片ALT
  我们很容易使用照相机默认的图片编号当做图片们的命名,这样的话对于搜索引擎来说,可能就没有办法辨识图片的内容,从而我们就失去了从图片搜索那块儿带来的流量,这是非常可惜的,特别是当你的产品有数以万计的话。通常我们可以制定结构化数据规则让技术人员设计程序批量替换图片的alt属性,而无需我们手工操作。
  我们要思考一下,访客的搜索习惯是什么?会搜索哪些关键词?最好可以再看一下谷歌统计里面的关键词数据,看看有无遗漏。基本上来说,访客更倾向于搜索品牌词+产品系列的词组组合和变化,那么alt标签的结构化规则就出来了,可以写为:alt=”{品牌词}{产品系列}-{产品型号}”。对于产品图片的描述来说,不建议写过多冗余内容,保持数据结构化,做到关键词辨识度高,关键词信息丰富就可以了,千万不要做关键词堆积。

二.关于大图的显示问题
  如果你希望提供更大的图片让用户爽一下,这个思路很好,但要非常小心,不建议将大图直接放在网页上然后用css将图片缩小,虽然你看上去图片变小了,但是图片的尺寸还是实实在在存在的,这会影响加载速度。相反,你可以先放一张较小的图片,然后提供查看大图功能的选项,不管是点击弹出大图还是另外新页面显示,都ok。
  当然,还有一些人会把大图切成一张张小图做拼接,这样做可以让图片快速显示,但同时一张图片切成小图之后,服务器的请求数会增加,从而会影响网页加载速度。所以,如果图片的体积实在过大的话,建议为图片专门配置新服务器。


  三.图片拍摄角度问题
  基本上拍摄产品照片不会只拍一个角度,访客肯定不会满足于只有一张正面照,多角度的去展示图片才能更好的吸引访客在你的网站上停留更多的时间,才可以去激发起他们的购买欲望,所以自然需要拍摄物体的正面,背面,侧面,细节等等,这个时候如何写alt标签?
  最好的方法也是保持alt标签的结构化,继承主图的格式,千万不要去给这些图片一个全新的写法,正确的写法如下,
alt={品牌词}{产品系列}-{产品型号}-正面
alt={品牌词}{产品系列}-{产品型号}-背面
alt={品牌词}{产品系列}-{产品型号}-侧面
  保持主干“{品牌词}{产品系列}-{产品型号}”不变,可以让搜索引擎充分确认当前图片系列或是页面就是关于那个关键词,从而让这些图片被图片搜索引擎搜索到的几率大大增加。单枪匹马一定倒下。

  
  四.给图片减减肥
  先看看这些数据,
①大部分台式机或是笔记本用户不会等待超过3秒的网站加载速度
②在移动设备上不会等待超过5秒钟
③亚马逊发现如果他们的网站加载速度慢了1秒钟,他们一年将损失16亿美元
④搜索引擎将网站加载速度列入了排名算法之中
  如果你大量的网站图片非常臃肿,这将严重影响网站加载速度,如果超过10秒钟,那你等着和你的客户说byebye把。
  图片文件应该多大?
  有些理论说图片的大小应该保持在70kb以下,不过这个有时候是很困难的,特别对于大图片来说几乎是不可能的,除非你不求清晰度。我个人倒是觉得,不要用一个标准去限制每一张图片的大小,关键在于,我们有没有去执行,有没有看到我这篇博文后去真正压缩图片,这才是关键。

  五.用对图片格式
  目前有三种非常流行的图片格式,他们是JPEG,GIF,和PNG。让我们来看看他们有何不同,
①JPEG(或者说.jpg)是最常用的图片压缩格式,支持最高级别的压缩。通常,对于显示要求比较高的图片来说,JPEG格式展示的图片效果较GIF和PNG有明显的优势。
②GIFs(.gif)的图片显示质量要比JPEGs逊色很多,通常用作非常简单的图片展示,比如素材或者装饰性图案,gif也可以用来制作动画。gif不适合用作高显示质量的图片。
③PNG图片是比gif更好的选择,因为PNG图片支持的色彩要比GIFs多。此外,和JPEG一样,PNG反复保存也不会影响图片质量,而且对于小图来说,PNG占用的体积极小,PNG完美支持透明背景,所以一般logo或一般装饰性图案都会选择PHG格式。注意PNG-24图片体积要超3倍地大于同样情况下的PNG-8版本,对待PNG你要十分小心,看仔细了。

  通过对比相同体积下(都是24kb)不同格式的图片显示效果,经过测试可以看到,JPEG是获胜者,在同样的体积下,GIFs和PNGs必须以牺牲图片质量为代价。不过话又说回来,如果对于非常小的图片来说(比如小于5K),PNG是比较好的选择,相比GIF,PNG可以在体积很小的情况下依然不会让图片失真。
  当我们选择图片格式时,如下一些tips供大家参考,
①对于电商网站来说,产品图片的质量要求极高,JPEGs毫无疑问是首选,他们有相对高质量的图片显示且不会占用太大的体积。
②绝对不要用GIFs来当做产品大图。不然的话文件尺寸会非常大,也没有很好的办法去压缩它(一压缩就失真)。可以用GIFs做动画或是装饰性小图。
③PNG可以作为JPEGs和GIFS的替代,如果你想把产品图片做成PNG格式,尽量用PNG-8而非PNG-24。PNGs同时也擅长处理简单地装饰图而只需很小的体积,PNG将会变得越来越流行。
  深圳网站建设顺便提一句,大部分的图片编辑软件可以转换以上三种形式的图片格式。

  六.使用图片地图
  如果你的网站用JS做图片效果来更好的提升用户体验,你是否担心图片是否还能收录?当然通常来说蜘蛛是不会爬取不显示在源代码里面的图片文件的,但是谷歌对于这点已经很有经验了,通过图片地图的提交,即把图片地址一个个老老实实地列出来,搜索引擎就可以爬行了。
  对于图片地图,我就不多说了,因为谷歌有许多指导文档来帮助你提升图片的搜索排名。

七.正确看待缩略图
  大部分电商网站都有缩略图展示,它可以让访客迅速的扫描到尽可能多的商品样式而不需要再去点击一个额外的页面。
  缩略图很棒,但是要小心,他们可能是你网站的速度shashou。他们通常会出现在关键的购物流程之中,若因此影响了购物流程的流畅性,额…那你就可能又损失了一个顾客。关于缩略图,我个人有如下两点建议:
①尽可能压缩缩略图体积,缩略图的图片不要过高的追求显示质量,当用户点击到下一层详情页面的时候再给他一张高质量的图片。
②尽量不要为缩略图设置alt标签,通常我们并不希望搜索引擎索引的是缩略图而应是产品详情页的高质量原图。

  八.留心装饰性图片
  非产品类的图片比如背景图、按钮图,边框图等都可算作装饰图,作为一个优化者,你需要仔细去检查这些图片的体积是否过大,是否会影响网站载入速度。
  这里有一些关于如何压缩装饰图的建议:
①如果只是一些边框类的、或是简单的样式图片,使用PNG-8或者GIFs,你可以创建非常好看的图片并且只占几百bytes的体积。
②如果可能的话,尽量使用css来创建一些特殊效果,而非图片。
不建议为网站设置背景图片,如果一定要有的话,在保证清晰度的前提下最大程度去压缩体积。你还可以把背景图当中镂空或保持透明来压缩体积。

  好了,今天关于图片优化科技就分享到这里,大家有无更好地建议?期待您的留言,咱们一起探讨共同进步

网站建设计最新案例赏析:


深圳信可威空间规划设计网站制作首页设计效果图
深圳信可威空间规划设计
深圳四强科技网站制作首页设计效果图
深圳四强科技
陕西松峰实验设备网站制作首页设计效果图
陕西松峰实验设备
吴江正大纺织厂网站制作首页设计效果图
吴江正大纺织厂
广东丰大机械科技网站制作首页设计效果图
广东丰大机械科技
深圳尚青文化创意网站制作首页设计效果图
深圳尚青文化创意
上海艾艺信息技术网站制作首页设计效果图
上海艾艺信息技术
深圳大狮影业摄影广告网站制作首页设计效果图
深圳大狮影业摄影广告
深圳福工精密科网站制作首页设计效果图
深圳福工精密科
山东博纳电气网站制作首页设计效果图
山东博纳电气
 

网站建设行业资讯推荐阅读:


什么类型的网站建设吸引人网络设计师谈网站之美集团上市公司的网站建设有什么要求深圳网站建设透过网络炫富看营销之成功企业网站建设流程是怎样的,建站内容有哪些定制网站建设有什么优势深圳福田小企业网站建设,小企业网站建设的意义有哪些 做网站设计有哪些开发心得网站运营有这四要素企业网站建设中不可缺少什么如何进行深圳网站建设指南网站优化之网站结构的基本要求网站制作怎样选择适合呢网站建设没有流量应该如何处理Repeater控件里添加序号的5种方法为您解读什么是深圳网站建设设计水平对企业网站建设的影响不同行业建网站的选色做购物网站都需要在网站里面加入哪些功能现在做网站还来得及吗公司网站优化到底如何做,这种事宜你确实了解吗营销型网站建设应该考虑哪些要素网站后期需要做怎样的维护与推广呢网站建设展示优质的响应式作品怎样提升商城网站方式有什么深圳高端网站开发公司哪家好搜索引擎竞价排名是怎么回事讲解百度图片搜素如何优化排名公司网站建设怎么打造能够吸引用户的网站企业专用网站建设有什么特点和功能关于企业免费网站建设的内幕 网站页面设计哪家不错 通过网站营销设计提升用户的认同感通过用户行为轨迹找准小程序的核心需求点网站优化用到的工具有哪些响应式网站设计!深圳网站优化公司解析为何SEO了却没效果网站建设开始前需要分析哪些东西微信小程序JSON数据读取常见问题JSON数据示例什么外链可以称为高质量的外链网站基本建设的四个好用小技巧轻轻松松打造出极致网站电商网站如何设计才能让人印象深刻如何找到一款适合自己企业的管理软件,以及定制软件的费用是多少科技品牌型网站建设方案如何选择域名来看!你的网站需要改版了吗软件定制开发的关键!你知道这些吗能让大家都喜欢的网站制作是怎样的来自网站设计大师的名言网站建设开发上线之前需要测试那些内容如何优化关键词危害关键词优化的要素有什么企业网站建设流程分五步,哪些流程比较重要广州手机端网站建设需要注意什么企业网站如何设计才有艺术感内容营销+CMS=更好,更有针对性,更有效的内容 网站设计公司哪家售后好 从一代霸主摩托罗拉的倒下来看互联网营销的重要性-深圳网站设计分享网站建设中小企业网站怎么规划深圳网站建设公司运营经验大型网站建设前需要考虑哪些问题
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询