重庆小潘seo博客

当前位置:首页 > 重庆网络推广 >

重庆网络推广

SEO网站图片优化如何做?

时间:2020-11-13 12:26:29 作者:小潘SEO 来源:网络整理
一直都有很多seoer在问小六“图片优化怎么做”这类问题,本文就和大家讲一讲。众所周知的网站图片优化无非就是对图片大小的控制和alt的处理。

nbsp; nbsp; 一直都有很多seoer在问小六ldquo;图片优化怎么做rdquo;这类问题,本文就和大家讲一讲。
nbsp; nbsp; 众所周知的网站图片优化无非就是对图片大小的控制和alt的处理。但仅仅只是这样吗?这样的理解方式是不是显得太粗浅了呢。下面小六SEO分享一些干货给大家。

nbsp; nbsp; 1、 网站图片优化目的

nbsp; nbsp; (1)减少网页体积,提高加快加载速度。

nbsp; nbsp; (2)做图片说明,促进搜索引擎对图片的识别。

nbsp;

nbsp; nbsp; 2、图片alt的书写

nbsp; nbsp; 由于搜索引擎对于图片的识别技术还达不到要求,所以需要用文字对图片进行说明,让搜索引擎识别图片内容,增强搜索引擎对网站的内容识别和信任,从而获得良好的展现。

nbsp; nbsp; 而alt正是对图片做说明的属性标签。我们需要在alt中写出相应文字对图片进行说明。如:altquot;seo-seo图片优化-小六seoquot;。

nbsp; nbsp; 那么alt如何书写就成了图片优化的一个重点了,由于图片可能会涉及到拍摄角度以及一些顺序排列。alt就会出现ldquo;正面rdquo;ldquo;侧面rdquo;ldquo;背面rdquo;ldquo;图片1rdquo;ldquo;图片2rdquo;等说明。

nbsp; nbsp; 如何书写alt呢?小六参考了一些站长的做法,用数据结构化来书写。可能大家不是很懂,下面举2个例子。

nbsp; nbsp; 例1:

nbsp; nbsp; altquot;某某网站-婚纱照-浪漫婚纱照-正面quot;

nbsp; nbsp; altquot;某某网站-婚纱照-浪漫婚纱照-侧面quot;

nbsp; nbsp; altquot;某某网站-婚纱照-浪漫婚纱照-背部quot;
nbsp;

nbsp; nbsp; 例2:

nbsp; nbsp; altquot;某某网站-小吃做法-酸菜鱼做法-步骤一quot;

nbsp; nbsp; altquot;某某网站-小吃做法-酸菜鱼做法-步骤二quot;

nbsp; nbsp; altquot;某某网站-小吃做法-酸菜鱼做法-步骤三quot;

nbsp;

nbsp; nbsp; 这样的写法,就很好的向搜索引擎诠释了该图片的分类及内容,还有助于品牌展现,不要认为没有用;在百度图片搜索中也会有不少流量来源,图片描述的品牌展现,又是一种推广和获取流量的方式。

nbsp; nbsp; 提示1:当然切记不要用图片alt去堆砌关键词,这种做法显然违背了算法规则了。

nbsp; nbsp; 提示2:不要每张图片的alt说明都是一样的,这显然是不科学的,不同的图片,自然表示的内容不同,alt也应该不同。就算是同一张图片,也尽量避免alt完全一致,避免堆词嫌疑。

nbsp;

nbsp; nbsp; 3、图片格式及大小选择

nbsp; nbsp; (1)jpg是有损压缩,多次压缩后会影响质量的。

nbsp; nbsp; (2)png-24支持阿尔发半透明,这是jpg和gif不具备的,当然ie6不支持png-24。

nbsp; nbsp; (3)png-8最高也只支持到256色和gif一样。

nbsp; nbsp; (4)gif和png-8只支持透明/不透明,即不支持半透明。

nbsp; nbsp; (5)jpg、gif、png都支持交错模式,即多路径下载,这样当网速不流畅,或加载大图时,会先显示模糊的图像,直到最清晰,不会什么都看不到,能加强用户体验,但交错模式会增加文件体积。

nbsp; nbsp; 通常情况下,网站中多数使用的是png和jpg格式的图片。但是png格式的图片一般精度较高,图片所占空间就比较大。在网站图片要求不高时可尽量选用jpg,压缩后就算有点损失,只要不影响图片正常阅读体验就行了。

nbsp; nbsp; 当然在图片尺寸非常小的情况下建议选择png格式,避免图片失真严重,影响阅读体验。

nbsp; nbsp; 网站的加载速度是网站优化的重点,用户等待时间过长必定会使其厌恶从而损失客户。降低图片体积,将大大加快网站的加载运行速度。

nbsp;

nbsp; nbsp; 4、大图与切图优化说明

nbsp; nbsp; 一个网站必不可少的有一些大图,特别是网站banner图。这里小编只能说尽量少用,在不失真的情况下,尽量将图片压缩。那种几M大的图片千万不要出现,太影响加载速度了。

nbsp; nbsp;有的人会说虽然上传的图片很大,但是用css限制一下不就行了,显示出来的图片规格也不会很大。但是这并不能改变图片本身所占空间的内存,所以用css改变图片大小只是优化了网站阅读体验,对于加载速度的优化没有任何帮助。

nbsp; nbsp; 一张大图尽量保持在几十kb,或者100来kb也就差不多了,过大的体积,总会影响加载速度。

nbsp; nbsp; 将一张大图切图成几个小块,虽然会加快图片显示,但同时服务器请求增加,网页加载速度还是会变慢。图片过多,体积过大的,在有条件时可选择配置新的服务器用于存放图片。

nbsp;

nbsp; nbsp; 5、缩略图的使用