图片优化作为网站优化的一部分,扮演着非常重要的角色。无论是提升网站加载速度,还是增加图片搜索流量。但百度、google等这类的搜索引擎,没有办法直接收录图片。下面由广州优网科技小编整理一些关于网站建设中图片优化的技巧。
1、图片要进行无损的压缩处理。
首先应解决“图片文件应该多大”的问题。先看看这个数据:如果亚马逊网站加载速度慢了1秒钟,他们一年将损失16亿美元。
也就是说若大量的网站图片非常臃肿,这将严重影响网站加载速度,如果超过10秒钟,那就等着和客户说byebye把。
有些理论说图片的大小应该保持在70kb以下,不过对于要求清晰度的大图来说几乎是不可能。但图片的压缩好是在无损的情况下进行。
2、图片要加上alt标签
照相机默认的图片编号是没有办法辨识图片内容的。在网站建设的一些重要的图片中,一定要加上ALT标签,这样搜索引擎就可以知道这个图片的主题是什么,从而图片搜索的时候,给予一定的排名。图片加ALT 标签,对用户来说也是一个很好的引导作用。
基本上来说,访客更倾向于搜索品牌词+产品系列的词组组合和变化,那么alt标签的结构化规则就出来了,可以写为:alt=”{品牌词}{产品系列}-{产品型号}”。对于产品图片的描述来说,不建议写过多冗余内容,保持数据结构化,做到关键词辨识度高,关键词信息丰富就可以了,千万不要做关键词堆积。
3. 保持alt标签的结构化
基本上拍摄产品照片不会只拍一个角度,访客肯定不会满足于只有一张正面照,多角度的去展示图片才能更好的吸引访客在你的网站上停留更多的时间,比如物体的正面,背面,侧面,细节等等。
好的方法也是保持alt标签的结构化,继承主图的格式,正确的写法如下,
- alt={品牌词}{产品系列}-{产品型号}-正面
- alt={品牌词}{产品系列}-{产品型号}-背面
- alt={品牌词}{产品系列}-{产品型号}-侧面
4. 三种流行的图片格式
目前有三种非常流行的图片格式:JPEG、PNG、 GIF。
格式 |
透明性 |
动画 |
无损耗性 |
颜色 |
适用范围 |
JPEG |
不支持 |
不支持 |
有损压缩 |
24 bit 真彩色(224 = 17 万种颜色) |
照片 |
PNG |
全透明、半透明、不透明 |
不支持 |
无损压缩 |
支持full alpha 通道(256 级可调半透明色) |
照片、图形 |
GIF |
全透明、不透明 |
支持 |
无损压缩 |
支持256 种颜色(8 bit 彩色) |
图形 |
- JPEG:对于质量要求极高的图片, JPEG格式展示的图片效果较GIF和PNG有明显的优势。
- GIF:可以用GIFs做动画或是装饰性小图。
- PNG:对于非常小的图片来说(比如小于5K),PNG是比较好的选择,相比GIF,PNG可以在体积很小的情况下依然不会让图片失真。
- PNG可以作为JPEGs和GIFS的替代,如果想把图片做成PNG格式,尽量用PNG-8而非PNG-24。
5. 使用图片地图
谷歌对于这点已经很有经验了,通过图片地图的提交,即把图片地址一个个老老实实地列出来,搜索引擎就可以爬行了。
虽然搜索引擎更容易识别文字类的网站,图片类网站的页内优化没有文字那么容易理解。不过俗话说,做网站建设网站优化怕没有目标没有想法。注意网页加载时间、图片相关性和图片标签的正确设置,做好这些图片优化,效果是相当不错的。
亚星管理平台菁思福科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
亚星管理平台菁思福科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。亚星管理平台菁思福科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信亚星官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。
责任编辑:亚星管理平台菁思福科技
版权所有:https://www.uzncsrj.com (亚星管理平台菁思福科技) 转载请注明出处