Seo图片优化:10大必备图片优化技巧及在线图片处理软件推荐

如果你经营一家在线商店，在线图片处理和优化技巧是一门需要掌握的艺术。从吸引消费者浏览谷歌图片,到减少网站加载时间,SEO图片优化和处理技巧是建立一个成功的电商网站的重要组成部分,因为产品照片是在线商店的基石。

什么是seo图片优化

图片优化就是在无需牺牲质量的同时尽量缩小图片文件大小日,常我们提到的使用PS (Adobe Photoshop)进行在线图片编辑,在线修图等操作都是图片处理和优化的途径。这样页面加载时间就可以保持在尽量低的水平。这也涉及Seo图片优化。也就是，让你的产品图片和装饰性图片在谷歌和其他搜索引擎上获得排名。

以下问题有没有让你头疼过？

• 为什么当我在谷歌上搜索图片时，我的图片从来不会出现？
• 我需要为图片添加Alt属性吗?
• Jpeg, gif和PNG之间的区别是什么?我什么时候应该用其中一种而不是另一种？

今天你终于有答案了，因为我们将深入探讨这些问题。

10 大图片优化技巧

1. 用简单明了的语言描述图片
2. 仔细优化Alt属性
3. 明智选择图片尺寸和产品角度
4. 缩小图片文件大小
5. 选择正确的文件类型
6. 优化缩略图
7. 使用图片网站地图
8. 注意装饰性图片
9. 使用内容分发网络(cdn)时应谨慎
10. 测试图片

1.用简单明了的语言描述图片

上传数百张产品图片并保留相机默认命名真的很容易。

当涉及到图片seo时，重要的是利用相关关键词，帮助你的网站在搜索引擎上获得排名。创建描述性的、关键词丰富的文件名对于图片优化至关重要。搜索引擎不仅会抓取网页上的文本，还会抓取图片文件名。

以下图为例。

你可以使用相机分配给图片的默认命名(例如DCMIMAGE10.jpg)。不过，将其命名为2012-福特-野马- lx -红色.jpg会更好。

想一下顾客是如何在你的网站上搜索产品的。他们在搜索时会使用什么命名模式？在上面的例子中，汽车消费者可能会搜索以下关键词：

• 2012红色福特野马lx
• 福特野马lx红色2012
• 红色福特野马lx 2012

查看网站分析数据，了解顾客遵循什么关键词模式。确定他们最常用的命名模式，并将该公式应用于图片文件命名过程。

如果你不想以数据为导向，请确保在为图片命名时使用相关的、有帮助的关键词（即尽量具有描述性）。

查看这份来自蚊子的问答，了解策略性地为网站图片文件命名的重要性。这肯定可以提升你的站内seo,同时也可以帮助你的页面和图片在搜索引擎结果页面(搜索引擎结果页面,搜索引擎)上排名更靠前。

2.仔细优化Alt属性

Alt属性是浏览器无法正确呈现图片时的替代文本。它们还被用于网站可访问性。即使图片已经呈现了，如果把鼠标悬浮在上面，也会看到Alt属性文本(取决于浏览器设置)。

Alt属性还为网站增加了seo价值。为网站上的图片添加包含相关关键词的适当 alt 属性，有助于在搜索引擎中获得更好的排名。事实上，使用 alt 属性可能是电商产品出现在谷歌图片和网站搜索中的最佳方式。

让我们看一下Alt属性的源代码。

图片优化的首要任务是为网站上的每张产品图片填写Alt属性。

以下是Alt属性的一些简单规则:

• 用简单的语言描述你的图片，就像你为图片文件命名那样
• 如果你销售的产品有型号或序列号，请在Alt属性中使用它们
• 不要在Alt属性中堆满关键词(例如，Alt = "福特野马肌肉车马上购买便宜最优价")
• 不要对装饰性图片使用Alt属性。搜索引擎可能因为过度优化而惩罚你

最后，经常时不时地做一次完整性检查。查看网页访问来源并检查Alt属性是否填写正确。当你以创业的速度前进时，你会惊讶于自己遗漏了什么。

3.明智选择图片尺寸和产品角度

展示产品的多个角度是常见做法。回到福特野马的例子，你不会想只展示汽车的一个镜头，尤其是如果你想出售它的话。你最好展示以下镜头：

• 内饰
• 尾部，尤其是空气扰流板
• 轮圈
• 发动机......它毕竟是一辆野马

利用这些额外照片最好的方法就是填写Alt属性。实现这点的方式是为每张产品图片创建独一无二的Alt属性。

• 2012 -福特——野马LX -红色——真皮——内饰——轮圈jpg - >使用alt属性:alt = " 2012福特野马LX红色真皮内饰轮圈”
• 2012 -福特——野马LX -红色——尾部——视图——空气,扰流板jpg - >使用alt属性:alt = " 2012福特野马LX红色尾部视图空气扰流板”

此处重点是添加描述到基本Alt属性，以便潜在的搜索者登录你的网站。如果你做了额外的工作，谷歌会通过搜索者的搜索给予你回馈。

关于提供更大图片的提醒

现在你可能希望为访客提供更大的图片，这样可以带来更好的用户体验，但需谨慎。

不论你做什么，不要把最大的图片放在网页上并只是通过源代码缩小尺寸。这样会因为与图片关联的较大文件大小而增加页面加载时间。

相反，将其设置为较小的图片，并提供在弹出窗口或单独的页面上查看更大图片的选项。提示：了解如何在主题中使用jQuery图像缩放使产品图片可缩放。

4.使用PS (Photoshop)缩小图片文件大小

思考一下：

• 将近 50% 的消费者不会花3秒钟等待电商网站加载。
• ......而且，在全球范围内，平均页面加载时间实际上在增加。
• 亚马逊发现，如果他们的网页慢一秒，他们每年就会损失 16 亿美元。
• 谷歌在其算法中使用页面加载时间作为排名因素。

所以，如果你的图片在屏幕上缓慢“流出来”，并且需要15秒才能加载?那你可以跟那个潜在顾客说拜拜了！

那么，你能做什么？

当顾客到达你的网站时，可能需要一点时间才能加载所有内容，这取决于你的文件大小。文件越大，网页加载时间越长。(注意:如果你是一名Shopify商家，我们将自动压缩图片，因此这对你来说应该不是问题。)

如果你能缩小网页上的图片文件大小并提高页面加载速度，离开页面的访客人数将会减少。

缩小图片文件大小的一种方法是使用Adobe Photoshop中的“保存Web(存储为Web所用格式)“命令进行在线图片编辑。使用此命令时，你需要将图片文件调整到尽可能小，同时注意图片质量。以下是通过ps进行在线图片处理的步骤:

• 质量：在右上角找到这个（即 70）。
• 文件格式：在右上角找到这个(即jpeg)。
• 优化：在右上角找到此复选框（即优化)。
• 颜色：在右上角找到此复选框(即转换为sRBG)。
• 缩小和锐化：在右下角找到这个（即女:和h:)。
• 预期文件大小：在右下角找到这个(即136.7k)。

你也可以选择使用“导出As(导出为)”。

如果你没有Adobe Photoshop，有很多其他的在线图片处理软件可以用来编辑图片。Adobe甚至有一款适用于智能手机和平板电脑的免费图片编辑应用程序Photoshop表达。这款工具没有桌面版Adobe Photoshop的所有功能,但它涵盖了图片编辑的所有基础功能,而且不需要花一大笔钱。

其他出色的图片编辑工具有：

• PicMonkey被专家形容为“异常优秀的图片编辑工具”。
• PIXLR是一款针对智能手机的超级用户友好型 100% 免费应用程序，可以随时编辑。
• 帆布是另一款相当先进的在线图片处理软件。

最后，还有GIMP。GIMP是一款开源,免费的图片编辑软件应用程序,可以在Windows, Mac或Linux上运行。它可以完成Photoshop能做的一切，不过有一点迟钝。但作为一款免费的在线图片处理软件，它是无可匹敌的。

对于电商图片，一个很好的经验法则是尽量将图片大小保持在70 kb以下。这有时会很困难，尤其是对于较大的图片。

5.选择正确的文件类型

在网上发布图片有三种常用的文件类型:jpeg, gif和png。

让我们看一下这三种文件类型以及它们如何影响同一图片：

JPEG(或.jpg)图片是一种旧文件类型。Jpeg已成为互联网事实上的标准图片。Jpeg图片可以被极大地压缩，从而产生文件大小较小的高质量图片。在上图中，jpeg格式可以在较小的文件大小下具备良好的质量。

GIF(. GIF)图片质量低于JPEG图片，用于更简单的图片，如图标和装饰性图片。我相信你知道，gif也支持动画效果。

在图片优化方面，gif十分适合网页上普通，简单的图片(仅包含几种颜色)。但对于复杂的图片和照片，gif并不总是那么吸引人。对于大图片来说尤其如此。

我们可以在上面的MacBook图片中使用GIF，因为照片够小，所以GIF效果很好。

作为GIF图片的替代品，png图片越来越受欢迎。PNG比GIF支持更多颜色,并且它们不会像JPEG那样随着时间的推移因为重新保存而降低质量。尽管PNG文件类型被越来越多地采用，其文件大小仍然比jpeg图片大得多。

请注意，png-24图片文件大小是png-8的三倍多。这就是为什么你需要谨慎使用png。

以下是一个极端的例子，三种文件类型的图片大小都保持在24 kb不变:

如你所见，jpeg显然是赢家。GIF和PNG必须降低质量以保持一样小的文件大小。

以下是选择文件类型时要记住的一些技巧：

• 在电商界的大多数情况下，jpeg将是你的最佳选择。它们以最小的文件大小提供最好的质量。
• 大型产品图片切勿使用GIF格式。文件大小会非常大，没有缩小它的好办法。仅将GIF用于缩略图和装饰性图片。
• PNG可以很好地替代jpeg和gif。如果你只能获得PNG格式的产品图片，尽量使用PNG-8而不是PNG-24。PNG图片文件非常小，因此十分适合用作简单的装饰性图片

大部分图片编辑软件可以将图片保存为上述任何一种图片文件格式。

6.优化缩略图

很多电商网站会使用缩略图，特别是在分类页面上。它们可以快速展示产品而不会占用太多空间。

缩略图很棒，但要当心；它们可能是沉默的杀手。受害者是谁？页面加载速度。缩略图通常会出现在购物过程中的关键时刻。如果它们妨碍分类页面快速加载，你可能会失去潜在顾客。(注:Shopify商家不必担心缩略图优化，因为我们会为你处理。)

那么，你可以做什么？

• 使缩略图文件尽可能小。为了换取更低的文件大小而降低图片质量可能是值得的。请记住，缩略图的累积影响将对页面加载时间产生巨大影响。
• 改变Alt属性，避免复制用于同一图片较大版本的文本。事实上，让你的Alt属性完全不同。你最不希望看到的就是缩略图取代大图被索引。可以完全省略Alt文本。

7.使用图片网站地图

如果你的网站使图用Javascript库,图片弹窗或其他“浮夸”的方式来提升整体购物体验,图片网站地图将有助于你的图片引起谷歌关注。

网页爬虫无法抓取网页源代码中没有指定调用的图片。因此，为了让爬虫器知道未识别的图片，你必须在图片网站地图中列出它们的位置。

你可以在robots.txt文件中插入以下行，显示网站地图的路径:

网站地图:http://example.com/sitemap_location.xml

或使用搜索控制台(搜索控制台)将网站地图提交给谷歌。

谷歌有很多图片发布准则，可以帮助你的网站在serp上排名更高。此外，你可以使用谷歌网站地图向谷歌提供更多关于你网站上图片的信息，相比让谷歌自己查找，这样有助于谷歌找到更多你的图片。

使用网站地图并不能保证你的图片会被谷歌索引，但这无疑是迈向图片seo的积极一步。谷歌网站管理员工具(谷歌站长工具)有许多关于正确格式化网站地图的建议。

为所有图片添加特定标签是很重要的。你也可以创建一个单独的网站地图来专门列出图片。重要的是在使用特定标签时，为你已经或将会创建的任何网站地图添加所有必要信息。在创建带有图片信息的网站地图时，请遵循谷歌建议的这些准则。

8.注意装饰性图片

网站通常有各种各样的装饰性图片，比如背景图、按钮和边框。任何与产品无关的东西都可能被视为装饰性图片。

虽然装饰性图片可以为网页添加很多美感，但它们可能导致合并文件较大和加载时间缓慢。因此，你可能需要考虑仔细检查你的装饰性图片，以防它们影响你的网站将访客转化为顾客的能力。

你需要检查网站上所有装饰性图片的文件大小，并使用最小化文件大小的模板。

以下是一些缩小装饰性图片文件大小的技巧：

• 对于构成边框或简单图案的图片，使用Png-8或GIF格式。你可以创建只有几百字节大小的美观图片
• 如果可能的话，使用CSS而不是图片来创建彩色区域。尽可能使用CSS来替换任何装饰性图片
• 仔细检查大墙纸风格的背景图片。这些文件可能很大。在不破坏图片质量的情况下尽可能用图片缩小工具处理它们

缩小背景图片大小的一个技巧是裁剪背景图的中间部分，并设置成纯色甚至是透明色。这样可以大大缩小文件大小。

9.使用内容分发网络(cdn)时应谨慎

Shopify商家其实不必担心这点，因为我们是托管解决方案，但其他平台商家应该密切关注。内容分发网络(cdn)是托管图片和其他媒体文件的理想之地。它们可以提高页面加载速度，帮助解决带宽问题。

一个缺点是涉及反向链接。你可能知道，反向链接对seo很重要，你拥有的反向链接越多，你的网站在搜索引擎中表现越好。

通过将图片放置在CDN上，你很可能将图片从你的域中删除并将其放置在CDN的域中。因此当某人链接至你的图片时，他们实际上是链接到CDN域。

因此，最佳做法是：

• 仅仅因为某些东西“很流行”并不意味着你应该盲从。首先确定这对你的企业来说是否最佳举措
• 如果你的网站每个月都有大量业务，那么CDN很可能是个好主意，因为它可以帮助解决带宽问题
• 如果你的网站目前每天只有几千名访客，那么你当前的托管方案大概率能够处理这些负载

有很多方法可以解决与CDN相关的图片seo问题，但首先要确保有专业人士帮助你制定策略。

10.测试图片

Seo图片优化的重点是帮助提高利润。我们已经讨论过缩小图片文件大小，并让搜索引擎为你的图片建立索引，但如何测试图片以了解那些图片可以转化更多顾客呢？

• 测试每个页面的产品图片数量：由于加载时间对一些非托管电商网站是一个问题，你可能发现减少页面图片数量将会提高点击率和销售额。也有可能每页提供大量图片将会改善用户体验并带来更多销售额。确定这点的唯一方法就是进行测试
• 测试你的顾客喜欢什么角度：通过提供顾客想要看到的视图，你可能会看到顾客忠诚度有所提高。弄清这点的一个好方法是调查顾客，了解他们在查看产品图片时最喜欢什么。一般来说，与顾客进行调查和交谈是一个很好的习惯。不过，还是要通过测试来验证
• 测试分类页面上应该有多少个产品列表：10、20、100款产品？测试分类页面上列出的产品数量，以了解你的顾客最喜欢哪个数量

在线图片处理软件

现在你已经了解了Seo图片优化的最佳实践，让我们来看一些可用于网站的Seo图片优化插件吧。

AVADA SEO:图像优化器

AVADA SEO图像优化器是Shopify应用商店中最热门的应用程序之一。它拥有超过1100条评论，并保持着4.9分(满分5星)的评分。在优化商店图片时它可为你节省时间精力。只需轻轻一点，就可以通过avada自动进行Seo图片优化。

特色功能包括：

• 为产品页面、系列页面和博客文章上的每张图片自动添加Alt标签
• 优质图片缩小工具，提高加载速度
• 一键优化谷歌结构化元数据(元数据)
• 用于追踪指标的谷歌搜索控制台集成
• 网站地图生成工具，以便搜索引擎轻松阅读你的网站

TinyIMG SEO &图像优化器

TinyIMG SEO &图像优化器是另一款十分适合Shopify店主的在线图片处理软件。它可以自动优化图片并上传至你的Shopify商店。你可以随时恢复为原始图片，也可以手动优化图片。

TinyIMG还提供以下功能:

• 图片缩放
• 能够修复技术seo和速度问题
• 失效链接重定向
• JSON LD
• 实时客服
• 自动图片优化

TinyPNG

TinyPNG是网上最受欢迎的Seo图片优化工具。它使用智能有损压缩技术为网页(webp)， jpeg和PNG图片缩小图片文件大小。你可以为应用程序或商店缩小图片文件大小，还可以缩小动画图片。

TinyPNG的API会自己调整缩略图片大小，删除任何不必要的部分并添加更多背景。如果你在WordPress上运行网站，也可以将其作为WordPress插件使用。

保持精美图片的功能性

现在，关于电商图片的问题不会让你辗转反侧几个小时。

你知道一些让产品图片出现在谷歌图片搜索结果里的图片seo策略。你知道如何充分利用Alt属性。你知道文件类型的区别以及何时选择每种选项。

但是，图片处理和优化是复杂的，我们只触及皮毛，剩下的还需要在实践中获得真知。

原文作者:Mark Hayes

翻译:Lizzy Ma

开始独立站建站之旅，免费试用，无需信用卡！

电子邮件地址 开始免费试用