SEO大禹：15个外贸独立站图片SEO的技巧
内容目录
- 什么是网站的图片SEO
- 为什么要做图片SEO
- 图片SEO的基本方法
- 4个提高图片SEO的基础优化技巧
- 进阶：6个提高图片SEO的进阶优化技巧
- 进阶：图片的EXIF数据的SEO优化——小心复制图片
- 进阶：图片更新地址的影响和SEO处理
什么是网站的图片SEO
用户不仅会搜网页，图片也是经常被搜索的内容。主流的搜索引擎都有图片搜索的栏目，让自己的图片出现在搜索结果中，就可以给网站带来额外的流量。 所有网站都可以从图片SEO种获益，尤其适合对设计感要求比较强的产品。比如大禹了解到有人做paper packaging的产品，通过网站SEO+图片SEO，效果非常好，网站每天都有5-6个询盘，非常厉害！ 下图就是图片搜索的结果，我们可以看到，第一排就有两个是提供paper packaging产品的公司，还有一个是B2B平台。
哪些行业应该做好图片SEO
一些对产品的设计感强的行业，潜在的可能会通过图片搜索来搜索合适的设计，或者寻找产品，应该特别关注图片SEO。比如外贸油画的行业，客户可能搜索Oil painting 相关图片，或者某个主题的Oil painting来找产品。 工艺品，礼品行业，买家可以通过搜素图片来找供应商，也可以通过搜索图片来给自己的设计提供创意。 包装行业，例如纸质包装，玻璃瓶子的包装等。 还有家居，服装等等行业，设计和图片效果都比较重要，买家都很可能通过图片来搜索。为什么图片SEO很重要呢？
图片搜索流量很大，占比很高！
以Google的数据为例，Google图片搜索占所有搜索量的22.6%，这是你无法忽略的一块巨大流量蛋糕。Google在网页搜索结果中，越来越多的展示图片
图片本身就是网页的重要组成部分，谷歌正越来越多地在常规搜索结果中显示图片，而且有图片的搜多结果往往排名靠前。
对于一些情况，Google干脆直接在最开始的位置展示图片搜索结果。
一些图片SEO优化的要求在一些国家成为法律要求
有些国家法律对网站的内容盲人可访问性提出了要求。所以做好图片SEO，也是网站可访问性（Accessibility）的要求，否则，在部分国家的法律规范下，你的网页如果没有满足要求，是不能被搜索到的。 除此之外，图片本身可以增加内容的丰富性和阅读乐趣，并有利于页面的美观，提高访客的停留时间。图片SEO的技巧
添加SEO图片的ALT文本
ALT是英文alternative 的缩写，是替代的意思。图片本身不容易被机器理解，所以通过ALT标签告诉机器，这个图片是什么内容。 SEOer常常称其为"alt属性" 或 "alt标签"。 ALT标签的作用：1、alt文本能让你告知谷歌图片显示的内容 2、图片无法加载，或者图片被破坏时，会显示替代文本内容 3、帮助盲人播放设备播放图片内容 他在HTML代码中的样式如下： <img src="image-seo.png" alt="Image SEO" /> 看不懂HTML也没关系，我么后续会教如何添加图片的ALT标签优化SEO图片的ALT文本
[secret]1、使用描述性的语句，并包含关键词
描述性的：棕色皮革L.L.Bean鸭子靴
❌垃圾信息：L.L.Bean棕色皮革徒步行走冬季鸭子靴
描述性的例子简单地描述了图片的细节。它包括一两个关键词（如 "L.L.Bean鸭子靴 "和 "皮革L.L.Bean鸭子靴"）。但这仍然是一个自然的描述。
垃圾邮件式的例子试图加入过多的相关关键词，对描述图片没有什么意义。
优化的alt文本可以帮助谷歌了解你的视觉背景，但像这样的"关键词填充"会造成糟糕的用户体验。甚至向谷歌发出信号，你的页面是垃圾信息。
2、更多Alt文本示例
差的alt文本：alt="猫"
好的alt文本：alt="拿着毛线睡觉的猫"
更好的alt文本：alt="睡在毛线上的姜黄色小猫"
最佳的alt文本：alt="两只姜黄色的小猫睡在粉色和紫色的毛线球上"
[/secret]4个提高图片SEO的基础优化技巧
[secret]1、正确的图片命名
同样的，使用描述性的图片文件名！比如下面的图片，你的拍摄设备可能会产生类似IMG00353.JPG这样的文件名，但这并没有告诉Google这是什么东西。一个更好的文件名应该是 white-air-force-1-pastel-stripes.jpg。这个文件明清晰的告诉搜索引擎这个图片时什么，谷歌建议使用连字符而不是下划线来分隔单词，
如果你打算翻译或本地化（比如做一个俄罗斯语的小语种网站）一个网页，请相应地改变文件名（改成俄语）。
2、合适的图片尺寸
网页的速度对用户的体验很重要，对SEO也是。而图片是影响网站速度最重要的原因之一，过大的图片会影响网站的速度。大多数旗舰智能手机拍摄的照片至少是4032×3024像素，好几M的大小，而现在主流的显示屏一般小于1920像素，而产品图片更是只要600像素就足够了。 不经过处理的图片上传并使用，不仅徒占网站空间，更是影响网站的表现。特别是外贸网站针对全球客户，不同地放网速不一样，这点考虑更重要。 可以使用Photoshop调整图片到合适大小再使用。3、压缩图片的大小
相同的图片分辨率，还可以通过压缩图片的方式，获得更小的尺寸。所以在保证图片清晰度的情况下，尽量减少图片数据中的任何冗余，以便在你使用图片时提高效率和加快加载速度。但注意过度压缩图片，可能会损失一些图片的的清晰度。 你可以使用各种方便的工具，如Optimizilla、TinyPNG或ImageOptim来压缩你的图片。 你也可以使用谷歌推荐的三个开源工具中任意一个：guetzli， mozjpeg，pngquant。4、使用正确的图片格式
WebP：如果你需要比JPEG或PNG更高的压缩率，可以使用。支持图片和动画图片，而不牺牲颜色深度、动画帧等，但不能在旧的浏览器上使用。 首先，一般情况下，推荐使用WebP图片格式。 但目前主流使用的确仍然是JPEG格式，比较容易获得的图片也是JPEG格式。 JPEG：最流行的图片格式。用于在线照片或艺术作品。也可用于通过电子邮件发送预览图片，因为它们可以被压缩到非常小的尺寸。 所以在WebP格式无法制作的情况下，也可以退而求其次，使用JPEG格式。 PNG: 如果你需要在图片背景中使用透明度，可以使用。 大多数情况，应该避免使用PNG图片格式，PNG的压缩率低，同样的尺寸和清晰度，PNG图片的大小是最大的。 SVG：用于图标或标志。 GIF：用作动态图片，非必要不使用。 -------------------------------------------------------------------------------------------------------------------------------------- 以下进阶部分SEO，难度增加，根据个人能力即可。实在没能力实施的，可在后期自己能力提高后，再作计较。 -------------------------------------------------------------------------------------------------------------------------------------- [/secret]6个提高图片SEO的进阶优化技巧
[secret] 1、使用CDNCDN使图片和其他内容的加载速度更快，没条件的可以使用CloudFlare的CDN，有条件的推荐使用Nitropack。可自行购买和设置。
2、采用懒加载Lazy loading 更新中...3、充分利用浏览器缓存（Caching）
谷歌PageSpeed Insights工具经常建议利用浏览器缓存。 浏览器缓存是指文件由访问者的浏览器存储。这意味着，当他们下次访问该页面时，加载速度会更快。 这里有一个例子： 当你访问一个页面时，图片被下载，然后在浏览器中显示。如果没有浏览器缓存，当这个用户下次访问该页面时，这些都需要再次下载。 但如果有了浏览器缓存，浏览器已经储存了这些图片，这意味着页面的加载速度会更快。 浏览器缓存对用户经常重访相同页面的网站有明显的影响。 我们的系统已经默认集成要找个功能。 4、添加图片结构化数据（Structured Data） 更新中...5、为开放图谱（Open Graph）和Twitter卡片进行优化
使用图片也是社交媒体战略的一个重要部分。这就是开放图谱（Open Graph）的作用。 开放图谱是一个互联网协议（或一组规则），最初由Facebook引入。 开放图谱（Open Graph）标签允许你选择社交媒体帖子预览的方式。这意味着你可以选择社交帖子的预览标题、图片等。 例如：为了确保在你分享一个页面时显示你选择的图片，在你的页面HTML的 部分包括这个图片标签，像这样。 <meta property="og:image" content="http://site.com/image-link.jpg" /> 这部分云站已经集成。 6、检查网站图片的问题 更新中... [/secret]高级：图片的EXIF数据的SEO优化——小心复制图片
什么是图片EXIF数据？
EXIF是Exchangeable image file format缩写， EXIF (and/or IPTC data)是一个结构化的数据，存储在JPEG图片文件中用来标记图片的各种属性信息，比如下图中的信息：