合作单位:电炉,脱硫泵,氧化铝陶瓷,水性金属漆,陶瓷管

Seo优化:图片优化。
发布于时间: 2019-03-22 07:28:45 浏览:1183

Seo优化:图片优化。

图像是大型图库网站、某些以为图主要表现的新闻站,特别是电商网站的重要一环。的图像(主要为产品图片,装饰图片)优化可以帮助网站吸引消费者点击,减少网站的加载时间,从而帮助站点在排名中名列前茅。图片的seo对于具有大量图片的网站非常重要,因为图片能够带来大量的流量。

0

仔细优化alt属性。

alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。

假设由于一些原因(比如网速太慢、src 属性中的错误、浏览器禁用图像、用户使用的是屏幕阅读器)用户无法查看图像,alt 属性可以为图像提供替代的信息。(by菜鸟教程)

添加alt属性主要还是为了电商产品能够在google图片(搜索,网络搜索上显示的佳方法。

网站图像优化的任务就是为主要的产品图片添加alt属性。

一些alt属性规则:

1)和文件名一样,用简单明了的语言进行描述。

2)如果该产品有型号或序列号,需标明。

3)不要过度优化,添加过多的关键词。

4)不要为一些不重要的图片添加alt属性。当心用力过猛,遭到搜索引擎的惩罚。

5)定期进行检查,可以协调技术部帮助检查。

好把关键词放到alt参数里面,尽量精准。

图片文件名中包含关键词对图片本身出现在图片结果中,以及所在页面的相关度也有一点影响。这种优化主要用于英文网站上。

注:

即使对图片进行了alt设置,图片也未必能被收录。google与百度有着明显差异。针对英文网站,前端调用的图片是否和当前网站域名一致不是很重要,但是对于中文网站,就显得很重要了。

一般所有图片都存放在一个资源文件中夹中,其他二级页,子域名网站均从这个文件夹里调用。好处是能够节省管理和存储的资源,但是前端页面却很难通过图片吸引从百度来的流量。这点需要考虑。

02

图片文件名

因为搜索引擎的爬取的工作流程,所以包含关键词的图片文件名对于图像的优化至关重要。

“2019款 梦想版 1.4L 手动时尚型”(Jetta 2019 Dream Edition 1.4L manual fashion)。无论是对用户还是对于爬虫都显得更加友好。

想要购买这款汽车的消费者可能就会输入这类关键词。

分析用户的使用关键词的习惯,或者查看用户常用的命名模式,并按照该模式来命名我们的产品。

03

合理规范的使用图像大小以及与主体的

通常产品图片包含多个切入角度。

无论出于什么目的都不要将大的图片放到页面上,试图通过源代码缩小尺寸。过大的图片会导致加载时间加大。

可以选择放上一些小的图片,较大的图片放在弹出窗或者单独页面。

04

调整图片文件的大小

一半的消费者不愿等待电商网站加载响应的时间超过3秒。

对本地访客来说,3到4秒钟的下载时间已经是了。超过这个时间,每多一秒钟,你就会丧失10%的流量。而这10%的流量可能正是成功与失败的分野。

缩小图像文件的方法之一是再ps中进行“Sava for Web”的存储操作。

05

图片文件格式的选择

JPEG、GIF、PNG

JPEG已成为数字摄影和在线图像共享的标准压缩格式。

JPEG不建议用作存档图像格式,因为如果您需要打开它并再次进行编辑,则会导致质量下降。非破坏性照片编辑器(如Adobe Lightroom)可以帮助解决此问题,前提是您永远不会删除原始文件,因为它们只将编辑内容保存为元数据而不是写入原始图像。

JPEG也应该避免使用文本较多的图像或带有尖锐线条的插图,因为定义的线条会因抗锯齿而变得模糊。 (消除锯齿是一种旨在消除粗糙边缘的故意模糊。)

便携式网络图形的首字母缩写,PNG是一种无损文件格式,设计为图形交换格式(GIF)的更开放的替代品。

无损的、使用直接色的点阵图,听起来非常像BMP,是的,从显示效果上来看,PNG-24跟BMP没有不同。PNG-24的优点在于,它压缩了图片的数据,使得同样效果的图片,PNG-24格式的文件大小要比BMP小得多。当然,PNG24的图片还是要比JPEG、GIF、PNG-8大得多。

极端的例子,三种类型都为24类型,JPEG三种中完胜。,GIF和PNG必须降低质量才能保证相同的文件大小。如果必须使用PNG格式,好使用PNG-8。GIF可以用来作为缩略图或装饰图片的文件格式。

06

缩略图可以帮助网站快速展示产品。缩略图是购物的关键点。它们要能再类别页面快速完成加载,不然客户可能会因此流失。所以需要尽可能缩小缩略图文件的大小。

07慎用装饰性图像

例如背景图片,按钮,边框。页面上与产品不想关的图像都可能被定义为装饰性图像。可以检查装饰图像的文件大小,或使用小化文件模板。

构建边框或简单图案的图片可以用PNG-8或GIF1;尽可能使用css创建装饰性的区域,尽量用css样式代替装饰性图像。