|
|
<p>
我们在做seo优化的时候，不仅仅要把精力放在网站内容，代码的优化，url的优化上面，图片的优化也是尤为重要的。而且相对于代码优化来说我们不懂技术的人操作也非常简单的。
</p><p>
有时候一张好的图片胜过很多的文字描述，可以避免文章枯燥致使用户很快的跳过，增加网站的停留率。
</p><p>
图片的容量不仅仅会影响到网站的加载速度，浏览的体验，对搜索引擎蜘蛛的爬行和抓取也是非常重要的！我们用两个网站来做一个对比，这样的直观感受会更明显一些。
</p><p>
左边是zaful的网站，网站的图片大小才663.99KB,右边是一个没有优化过的网站，图片就占了3MB，网站的打开速度可想而知哪个更快了。
</p><p class="pgc-img-caption">
</p><p>
首先我们来看下
<strong>
什么叫图像优化
</strong>
呢？
</p><p>
图像优化是指在不牺牲质量的前提下尽可能减少图像文件的大小，这样页面载入时间就会缩短。也可以叫做图像搜索引擎优化。也就是说，当我们告诉搜索引擎这张图片代表的内容是什么，是否与你的文章匹配，可以提升搜索引擎抓取收录网站从而获取到排名。
</p><p>
<strong>
下面来跟大家详细的讲解下该如何优化网站的图片？
</strong>
</p><p>
1、用关键词来命名您的图片
</p><p>
2、优化ALT标签
</p><p>
3、减少图片的文件大小
</p><p>
4、选择正确的文件格式
</p><p>
5、使用图片sitemap
</p><p>
6、图片原创
</p><p>
<strong>
一、用关键词来命名你的图片
</strong>
</p><p>
很多的用户不注重图片的命名，经常会出现如下命名：
</p><p>
例如：QQ图片20171009172842IMG_65C19823.JPG
</p><p>
或者是一些根本看不懂的乱码，这些都是不注重seo的表现，那如何书写才是正确的呢？
</p><p>
尽可能的在命名中添加关键词，但是要注意不要堆砌关键词。
</p><p>
当小猪佩奇的这两个图片命名放在你面前时，你觉得google会更喜欢哪个？
</p><p class="pgc-img-caption">
</p><p>
C19823.JPG和peppa-pig.jpg，答案是显而易见的，肯定是后者。
</p><p>
<strong>
二、优化ALT标签
</strong>
</p><p>
首先我们要知道ALT标签的作用是什么？即当我的图片打不开时，alt消息才会显示出来。网页访问者能够通过ALT标签来判断该图片的内容。在alt标签中加入关键词是很好的提升关键词排名的方法。
</p><p>
alt标签在html语言中的写法是这样的：<img src=”图片路径” alt=”图片描述”/>
</p><p>
例如：
</p><p>
<img src=”//cdn.shopify.com/s/files/1/0176/1622/products/CabanaHouses_grande.jpg?v=1525446988” alt=”Cabana House” />
</p><p>
在shopify后台添加alt标签特别简单，上传好图片之后直接在图片上点击alt就可以了。
</p><p class="pgc-img-caption">
</p><p>
填写上alt文本点击完成即可。
</p><p class="pgc-img-caption">
</p><p>
我们通常会多角度的去展示一个产品，这样才能吸引用户在网站上停留更多的时间,更好的去激发他们的购买欲望,所以需要拍摄物体的正面,背面,侧面,细节等等,这个时候该怎么写alt标签呢？
</p><p>
最好的方法是保持alt标签的结构化,保留主图的格式,不需要再给其余的图片一个新的名字,正确的写法：
</p><p>
alt={品牌词}{产品系列}-{产品型号/序列号}-正面
</p><p>
alt={品牌词}{产品系列}-{产品型号/序列号}-背面
</p><p>
alt={品牌词}{产品系列}-{产品型号/序列号}-侧面
</p><p>
保持主干“{品牌词}{产品系列}-{产品型号/序列号}”不变,可以让搜索引擎确认这是一个系列或者这是相同的关键词，从而让这些图片提升被搜索引擎搜索到的几率。
</p><p>
<strong>
三、减少图片的文件大小
</strong>
</p><p>
能用css样式替代的就尽量少用图片，能用列表的少用缩略图，能用色彩替换的少用大图做背景。这3点非常的重要。
</p><p>
当我们上传图片的时候，建议每张图片的大小都不要超过200K,控制在100K以内是最好的。
</p><p>
SEO Image Optimizer by Booster Apps（免费的）推荐
</p><p>
https://apps.shopify.com/seo-image-optimizer
</p><p>
Image Optimizer – Image Compression and Optimization
</p><p>
https://apps.shopify.com/imageoptimizer（付费的）不过也不贵，5-19美金每月。
</p><p>
SEO Image by Lion Apps（免费的）
</p><p>
https://apps.shopify.com/lion-seo
</p><p>
如果不想安装插件的话，一般用photoshop的”Save for web”命令就可以了，如果不会的话也没关系。下面给大家介绍两个图片压缩的工具：
</p><p>
<strong>
Tinypng（免费的）
</strong>
</p><p>
https://tinypng.com/
</p><p>
这个小熊猫是我用的最多的图片压缩工具，非常方便。
</p><p class="pgc-img-caption">
</p><p>
<strong>
Tuhaokuai(付费的）
</strong>
</p><p>
https://www.tuhaokuai.com/
</p><p class="pgc-img-caption">
</p><p>
<strong>
四、选择正确的文件格式
</strong>
</p><p class="ql-align-justify">
在我们的网站中一般是建议用JPG格式的，JPG格式的图片较小，图片质量也相对更好。
</p><p class="ql-align-justify">
图片为动画形式，则可以使用GIF动画格式，存为JPG图片就不会动了。
</p><p class="ql-align-justify">
图片为透明或半透明格式的，则建议使用24位PNG格式图片，例如logo,兼容性更好，边缘也展示的更好。
</p><p>
<strong>
五、使用图片sitemap
</strong>
</p><p>
网页抓取工具无法抓取未在网页源代码中专门调出的图像。所以为了让抓取工具知道未识别的图像，我们可以在图像站点地图中列出其位置。
</p><p>
在robots.txt文件中插入下面的链接显示站点地图的路径：
</p><p>
Sitemap：http : //example.com/sitemap_location.xml
</p><p>
或者可以使用Search Console 将网站地图提交给Google。
</p><p>
在制作图片站点地图的时候一定要准守google的准则。如下：
</p><p>
https://support.google.com/webmasters/answer/178636?hl=en
</p><p>
<strong>
六、图片原创
</strong>
</p><p>
这个非常重要，很多人都是在网站随便找的一张图片，这个对于网站权重来说是没有帮助的。搜索引擎不可能一直抓取重复的图片。
</p><p>
当然有些人说我没有自己的设计师，小团队，那怎么办？这里给大家推荐一些比较好的图片资源，至少比直接百度，google得到的图片质量要高的多。
</p><p>
<strong>
Flickr
</strong>
（这个大家应该非常熟悉）
</p><p>
https://www.flickr.com/
</p><p>
<strong>
Splitshire
</strong>
（免费可商用的图片库）
</p><p>
https://www.splitshire.com/
</p><p>
<strong>
Pixabay
</strong>
（百万张免费高清图片）
</p><p>
https://pixabay.com/
</p><p>
<strong>
Pexels
</strong>
（提供高清尺寸且质量好的免费照片网站）
</p><p>
https://www.pexels.com/
</p><p>
<strong>
Stocksnap
</strong>
（可以快速的搜索到自己想要的高质量图片）
</p><p>
https://stocksnap.io/
</p><p>
<strong>
7MX
</strong>
（国内的高人气图片平台）
</p><p>
http://7mx.com/
</p><p>
这些都是比较小的细节点，有很多人觉得对这些不是很重视，但是如果长久的坚持下来，你就会发现差距了，就像健身和不健身的人一样，可能在20多岁左右看不出差别，但是到了30多、40岁的时候就会发现健身的人精气神那是完全不一样的~
</p> |
|
发表于 2023-10-19 11:46:12