图片优化技巧。

如果你运营在线商城又或是大型电商网站,图片优化是你必须要掌握的.不仅仅是从吸引潜在消费者,还是增加图片搜索流量,又或是提升网站加载速度,图片优化扮演者非常关键的角色.但说到图片优化,很多传统意义上的SEO人会说,图片要加alt标签,图片要压缩…这样的粗线条显然是不行的.今天我就和大家深入分享一下图片优化必须了解的8个知识点.

1. 用结构化数据写产品图片ALT

我们很容易使用照相机默认的图片编号当做图片们的命名,这样的话对于搜索引擎来说,可能就没有办法辨识图片的内容,从而我们就失去了从图片搜索那块儿带来的流量,这是非常可惜的,特别是当你的产品有数以万计的话.通常我们可以制定结构化数据规则让技术人员设计程序批量替换图片的alt属性,而无需我们手工操作.

我们要思考一下,访客的搜索习惯是什么?会搜索哪些关键词?最好可以再看一下谷歌统计里面的关键词数据,看看有无遗漏.基本上来说,访客更倾向于搜索品牌词+产品系列的词组组合和变化,那么alt标签的结构化规则就出来了,可以写为:alt=\\\"{品牌词}{产品系列}-{产品型号}\\\".对于产品图片的描述来说,不建议写过多冗余内容,保持数据结构化,做到关键词辨识度高,关键词信息丰富就可以了,千万不要做关键词堆积.

2. 图片拍摄角度问题

基本上拍摄产品照片不会只拍一个角度,访客肯定不会满足于只有一张正面照,多角度的去展示图片才能更好的吸引访客在你的网站上停留更多的时间,才可以去激发起他们的购买欲望,所以自然需要拍摄物体的正面,背面,侧面,细节等等,这个时候如何写alt标签?

最好的方法也是保持alt标签的结构化,继承主图的格式,千万不要去给这些图片一个全新的写法,正确的写法如下,alt={品牌词}{产品系列}-{产品型号}-正面

alt={品牌词}{产品系列}-{产品型号}-背面

alt={品牌词}{产品系列}-{产品型号}-侧面

保持主干\\\"{品牌词}{产品系列}-{产品型号}\\\"不变,可以让搜索引擎充分确认当前图片系列或是页面就是关于那个关键词,从而让这些图片被图片搜索引擎搜索到的几率大大增加.单枪匹马一定倒下.

3. 关于大图的显示问题

如果你希望提供更大的图片让用户爽一下,这个思路很好,但要非常小心,不建议将大图直接放在网页上然后用css将图片缩小,虽然你看上去图片变小了,但是图片的尺寸还是实实在在存在的,这会影响加载速度.相反,你可以先放一张较小的图片,然后提供查看大图功能的选项,不管是点击弹出大图还是另外新页面显示,都ok.

当然,还有一些人会把大图切成一张张小图做拼接,这样做可以让图片快速显示,但同时一张图片切成小图之后,服务器的请求数会增加,从而会影响网页加载速度.所以,如果图片的体积实在过大的话,建议为图片专门配置新服务器.

4. 给图片减减肥

先看看这些数据,

大部分台式机或是笔记本用户不会等待超过3秒的网站加载速度…在移动设备上不会等待超过5秒钟

亚马逊发现如果他们的网站加载速度慢了1秒钟,他们一年将损失16亿美元搜索引擎将网站加载速度列入了排名算法之中

如果你大量的网站图片非常臃肿,这将严重影响网站加载速度,如果超过10秒钟,那你等着和你的客户说byebye把.

图片文件应该多大?

有些理论说图片的大小应该保持在70kb以下,不过这个有时候是很困难的,特别对于大图片来说几乎是不可能的,除非你不求清晰度.我个人倒是觉得,不要用一个标准去限制每一张图片的大小,关键在于,我们有没有去执行,有没有看到我这篇博文后去真正压缩图片,这才是关键.

5. 用对图片格式

目前有三种非常流行的图片格式,他们是JPEG,GIF,和PNG.让我们来看看他们有何不同,JPEG (或者说 .jpg) 是最常用的图片压缩格式,支持最高级别的压缩.通常,对于显示要求比较高的图片来说,JPEG格式展示的图片效果较GIF和PNG有明显的优势.

GIFs 的图片显示质量要比JPEGs逊色很多,通常用作非常简单的图片展示,比如素材或者装饰性图案,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将会变得越来越流行.

顺便提一句,大部分的图片编辑软件可以转换以上三种形式的图片格式.

6. 正确看待缩略图

大部分电商网站都有缩略图展示,它可以让访客迅速的扫描到尽可能多的商品样式而不需要再去点击一个额外的页面.

缩略图很棒,但是要小心,他们可能是你网站的速度杀手.他们通常会出现在关键的购物流程之中,若因此影响了购物流程的流畅性,额… 那你就可能又损失了一个顾客.关于缩略图,我个人有如下两点建议:

尽可能压缩缩略图体积,缩略图的图片不要过高的追求显示质量,当用户点击到下一层详情页面的时候再给他一张高质量的图片.

尽量不要为缩略图设置alt标签,通常我们并不希望搜索引擎索引的是缩略图而应是产品详情页的高质量原图.

7. 使用图片地图

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

对于图片地图,我就不多说了,因为谷歌有许多指导文档来帮助你提升图片的搜索排名,看这里.

8. 留心装饰性图片

非产品类的图片比如背景图、按钮图,边框图等都可算作装饰图,作为一个优化者,你需要仔细去检查这些图片的体积是否过大,是否会影响网站载入速度.

这里有一些关于如何压缩装饰图的建议:

如果只是一些边框类的、或是简单的样式图片,使用PNG-8或者GIFs,你可以创建非常好看的图片并且只占几百bytes的体积.

如果可能的话,尽量使用css来创建一些特殊效果,而非图片.

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/73897.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年8月31日 12:53
下一篇 2022年8月31日 12:53

相关推荐

  • 怎么优化网站关键词。

    新站优化一般三个月内都是没有排名的,就算有排名,也仅仅是伪排名。也就可以说可有可无的,或许今天有排名,明天没了,一个星期有排名,不过还是会掉下去的。这是为什么?这是因为百度百度处理数据的时候,有些人网…

    2022年8月27日
    099
  • 只需一个简单的套路,就能实现公众号 10 万+爆文,后期就可以自动化裂变

    今天要分享的这个公众号套路,我相信很多人之前都在朋友圈,或是其它地方看到过,可能有的人一笑而过,或是傻乎乎的转发朋友圈,但是有的人却嗅到了吸粉“商机”,这个套路效果不错,我敢说只要你用心去玩,前期付出…

    2017年4月17日 SEO推广优化
    0212
  • 分享全网推广可以提升品牌形象吗。

    现在网络已经运用于企业发展,全网推广突出特点之一是它可以“是大企业变小,小企业变大”。在传统的企业生存环境下,企业的知名度往往来自企业自身经济规模大小、企业的历史等各种因素,企业的业务范围…

    2023年4月20日
    01
  • 常见的营销方式。

    随着互联网的不断发展,如今网络营销成为任何公司和网站生存发展不可或缺的一种手段,那么我们常见的也是最为有效的几种营销手段如下: 软文营销 相比较其他几种而言,软文营销可谓是最为经济的营销方式,一般我们…

    2022年7月16日
    0111
  • 教你企业建立网站时怎样提高用户的信任度。

    企业建立网站开展网络营销是当下最常见的营销模式,通过建立网站,企业可以实现更多的利益增长渠道。对于企业网站来说,是有提高用户的信任度,用户才有可能更好的对产品产生好感,转化为客户的可能性也才会提升。…

    2023年3月31日
    01
  • 关于技能型seo推广。

    与开放式搜索引擎优化课程相比,具有丰富成功经验的业内人士所记录的课程更有声望。技能驱动的搜索引擎优化(SEO)记录的快速质量搜索引擎优化开始于百度站长学院。最初的目标是VIP网站和一些邀请网站,共享三次,…

    2022年8月30日
    0108
  • 教你云裂变告诉你:网络推广和互联网营销的区别是什么。

    提起互联网营销,很多的人就会联想起网络推广,更多的人则认为二者基本上就是一个概念,其实不然,那么二者空间有着怎样的联系与区别呢?第一,从定义上讲,网络推广就是以产品为核心内容,建立网络,再通过各种免…

    2023年3月31日
    014
  • 认识搜索营销趋势,找到网站优化方向。

    搜索引擎的出现有效的提升了用户上网的效率,同时也改变了人们上网的习惯,无论是传统的PC互联网还是移动互联网,搜索引擎都会成为消费者上网的重要入口,换句话说,如果我们做网站SEO优化的工作者就要通过优化自己…

    2022年7月16日
    0138

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息