什么是图片SEO?图片SEO指通过图片格式与尺寸管理、语义化命名与 Alt 文本、结构化数据、响应式与加载策略等手段,确保图片被搜索引擎顺利抓取、准确索引,并在匹配度高的查询中获得有效曝光。它是谷歌SEO页面优化中的一个环节。高质量、与正文强相关的图片更容易被谷歌搜索系统采用为预览(特别是在M端上),并能提升结果页的点击率。
但是需要注意的是,图片是为整篇文章(或者是为某些文字)做补充说明的,要避免为凑版面而堆图。
为什么要做图片SEO优化?
更多入口的流量入口
图片可以作为一个流量入口。优化过的图片不仅能被谷歌索引,进入到图片搜索,还会作为“文字结果的缩略图”、Discover/新闻卡片的大图、产品/评测页的预览图出现,扩大可见度与点击面。我们可以从GSC后台中的“Google搜索结果”,选择“图片”这个搜索类型来查看我们网站在图片中的展示和点击次数。
比如说我们在运营外贸独立站的时候,考虑到用户的实际需求,我们可能会在网站上传安装图、接线图(或者相关文档),那么我们需要对这些图片进行基础的SEO优化,使其能够被搜索引擎收录。最简单的优化方法就在为图片标题和Alt标签加入相关的关键词,比如说某某产品的 “installtion guide”, “wiring diagram”这些。
但图片的格式和HTML有很大不同,想要让我们的图片被谷歌索引,需要满足比HTML文档更多的要求,我们在下面的图片SEO优化技巧会展开说明。
更佳的语义匹配
图片应服务于正文,用来补充与阐明上下文。图片 SEO 的本质,是帮助 Google 正确识别我们的这张图是什么、与当前主题/用户查询是否匹配。为此,谷歌会参考图片的上下文、文件名、Alt 文本、图片标题与图注(必要时也包括结构化数据)等语义线索。
这些信号能够让谷歌和其他搜索引擎正确地理解图片的内容,并让图片能够和用户查询相匹配。
更好的用户体验
优化图片大小以及选择合适的图片格式(如WebP)可以显著减少页面的加载时间。一个能够快速加载的页面不仅能提高用户体验,也是谷歌搜索引擎评估页面质量与排序的重要因素,因此会实实在在地影响我们的SEO效果。
在大多数页面中,图片往往承担LCP(最大内容渲染)角色:加载不当会拖慢LCP、拉低CWV(Core Web Vital)评分;同时若不给 <img> 明确宽高,容易出现 CLS(累计布局偏移),破坏视觉稳定性。
如何进行SEO图片优化?
在外贸独立站中,产品图片不仅是页面的必备元素,也是影响用户购买决策的重要因素。高质量的图片可以增强视觉吸引力,提高用户停留时间和转化率。而图片 SEO 优化的目标,是让搜索引擎更准确地理解图片内容,从而在相关搜索中获得更多曝光。
即使是博客内容站,一张清晰详细的图片也能够让页面更容易阅读、增加内容的可信度并吸引用户进行互动和分享;对于教程类、测评类、案例分析类文章来说更是如此。而且信息图表更容易被其他站点引用并链接回来源页面,为我们的网站吸引外链。
做好图片SEO优化,不需要复杂的技巧,只需要掌握好下面10个图片SEO技巧中的前5个重点内容就能够在众多竞争对手中脱颖而出:
1. 图片与内容要相关
Google能够结合页面上下文、Alt 文本、文件名等信号来理解图片。如果放在网页中的图片与文本不相关,那么会给谷歌理解你的网页带来困难,甚至影响相关性评分。我们在实际操作当中,需要将图片放在与之主题高度相关的段落附近,避免堆放无意义的图片。
2.替代文本(Alt文本)
Alt文本是最重要的图片元数据,是Google 最依赖的信号之一。当图片因为网速或者其他原因加载失败的时候,会显示这个Alt文本,帮助用户谷歌和用户理解图片内容,官方文档原话是:
Google 会结合使用替代文本与计算机视觉算法和页面内容来理解图片的主题。在编写替代文本时,需要创建实用、信息丰富的内容,并且内容要恰当使用关键字且与网页内容相符。也要避免在 alt 属性中滥用关键字(亦称为关键字堆砌),因为这会导致不良的用户体验,并且可能会导致我们的网站被视为垃圾网站。
3. 选择正确的图片格式和压缩大小
过大的图片会增加页面的加载时间,影响用户体验。常见的网站图片格式有:
- GIF:GIF格式支持简单动画,色彩数量有限(256色),体积偏大,适用于小型动图、简短循环动画,不适合作为大面积背景或大尺寸图片
- PNG:PNG适合需要透明背景的图像,如果一个透明图PNG转换成其他格式的话透明图就会变成白底图/黑色背景图。适用于Logo、图标、透明背景图片、需要高保真度的图形
- JPG/JPEG:这种格式适用于大多数照片或具有复杂颜色和细节的图像,而且可以做到高压缩比的同时保留图片质量。
- WebP:谷歌推出的新格式,支持有损/无损压缩,体积更小,可保留透明度。几乎可替代 JPG、PNG 的网页图片,适用于加速页面加载,但有些过时的浏览器可能不支持
上传的时候注意图片格式的选择,因为不同格式的文件大小差异很大。建议最好使用JPG、JPEG、WebP这几种格式的图片,这几种格式在画质与体积之间平衡较好。PNG一般是用在透明图中,Logo中,它的细节保留好,但体积比 JPEG 大;而GIF图片大小会比较大,所以一般不推荐。
使用WordPress搭建的独立站可以使用EWWW Image Optimizer这款图片优化插件来帮我们自动优化上传到网站的图片。不仅如此,这个插件还可以将JPG、JPEG格式的图片转换成更轻量的WebP格式。WordPress的图片优化插件里,这款的免费版算是功能最全的了,用起来基本能覆盖你对图片优化的大部分需求。
如果我们想要让我们的内容出现在Google Discovery中,那么需要我们在内容中加入引人注目的高品质图片,尤其是1200 像素宽的大幅图片更可能让我们的网页通过 Google 探索获得访问量。
Google Discovery是 Google 搜索的一部分,可根据用户的网络与应用活动记录向用户显示其感兴趣的内容,可以理解为是Google在移动端推出的一个个性化内容推荐流。我们手机用Chrome浏览器的时候将主页设置为Chrome主页的时候会出现、一些Google APP中也会出现。
如果你的网站不是用WordPress来搭建的,那么我们也可以使用在线的压缩工具来帮我们压缩图片的大小。站外压缩工具的话可以使用:
4. 图片名称反映图片内容
图片的文件名应该要简短、使用描述性的文本,比如“black-coffee-on-a-table.jpg”,而不是使用“IMG_123.jpg”这类无意义的命名。必要时可以将关键词自然地融入到文件名中。建议使用“-”连字符来链接图片名称的英文词汇(如果是中文就不需要),同时避免使用特殊字符。
5. 图片标题与描述
这两项虽然比Alt文本的 SEO 权重小,但有助于提供补充信息,提升用户体验与可访问性,尤其当用户鼠标悬停时仍可展现。
6. 使用懒加载
延迟加载是指延迟加载在首屏中不可见的图像。加上延迟加载的属性后,网页就不会在页面加载时加载所有图像,而是仅在用户滚动时图像即将进入视图时下载图像。这减少了初始加载时间,加快了页面性能。
使用EWWW Image Optimizer(更推荐,每个插件的专精领域不一样,图片优化插件对于图片的优化更专精)、WP Rocket这些WordPress插件可以很简单的实现懒加载这个功能。但是切勿过度使用懒加载,并且始终预先加载第一个视口中可见的图片。
这一点我们可以在EWWW中去实现,我们在设置中勾选“Lazy Load选项”启用懒加载,然后在“Above the Fold”中去设置跳过第一张图片的懒加载,使用预先加载。
懒加载是我们对网站进行性能优化时经常使用的一个方法,我们一般会参考谷歌的PageSpeed Insights作为网站性能衡量标准。但是我想说明的一点是没有必要为了追求极致的分数而牺牲用户体验,因为分数只是技术层面的参考,并不能完全代表真实的访问体验。
比如说给独立站增加一个产品搜索功能明显有助于优化用户体验,能够快速让用户找到他们所需要的产品。但是增加了这个搜索功能会让我们的网站代码变得更重,在PageSpeed Insights中分数可能会有所下降,这个时候我们就会面临着取舍问题。我的一贯做法和建议都是牺牲一点分数来保证用户体验——这里的“用户体验”,不仅包括页面加载速度,还涵盖了功能易用性、信息获取的便捷度、内容的可读性,以及整体的视觉与交互感受。
7. 使用自适应图片
使用自适应图片可以让你在不同尺寸的设备显示不同尺寸的图片,从而提高页面的加载速度。绝大部分的WordPress图片优化插件都能够实现这个功能,比如:EWWW(推荐)、Smush、ShortPixel、Imagify。
但需要注意的是带文字的横向图片(如 Banner)通常不适合做自适应图片,因为无论设备尺寸如何,其内容布局基本保持一致。常见的解决方案是分别制作一张 PC 端图片和一张移动端图片,并通过Elementor制作页面,通过可见性设置:在 PC 端隐藏移动端图片,在移动端隐藏 PC 端图片。这样既能确保文字和元素排版在不同设备上保持清晰可读,又能避免因缩放造成的内容错位或模糊。
8. 将图片加载到站点地图
在站点地图中加入图片路径可以方便搜索引擎抓取,如果使用WordPress搭建的网站,使用Rank Math, 或者Yoast SEO可以很简单的实现。
以RankMath举例,我们通过Rank Math SEO > Sitemap Settings > General即可设置将图片加载到站点地图中。
9. 使用页面缓存插件和CDN
页面缓存插件可以在用户本地浏览器中缓存图片(也包括其他静态资源如HTML、CSS、JS这些),这样用户下次访问的时候就可以直接从用户浏览器(本地调用)中调用这些图片,减少资源请求,极大提高网页加载速度。有预算的直接上WP Rocket,免费版推荐WP-Optimize By TeamUpdraft。
10. 使用CDN分发图片
内容分发网络 (CDN)是一组分布在全球各地的服务器节点,可以将我们网站的图片分发到这些服务器上,并从地理位置上离用户最近的服务器位置将我们的网站资源分发给用户。同时可以帮我们的图片做格式优化,把网站的图片资源转化成占用资源更小的WebP格式并隐藏源站 IP,提高安全性。
CDN跟页面缓存插件可以同时配合使用以获得最佳性能。
我们做海外独立站大都会将网站接入到Cloudflare CDN中。Cloudflare除了给我们提供图片优化加速功能,还提供DDoS防护、Web应用防火墙(WAF)、SSL/TLS 加密等安全服务,是款非常好用的服务。
11. 使用一致的图片URL
对于大型的图片特别多的网站,建议同一张图片要使用一致的图片URL。如果同一图片被分配多个不同的路径或参数版本,会导致搜索引擎重复抓取、浪费抓取预算,并可能分散权重信号,从而影响收录与排名。