眼中脚下路,心中要有宏图。大家好,我是Jayson@跨境先锋。这里主要分享独立站、SEO相关知识,旨在相互交流,共同成长。
本文长达7000余字,预计阅读时间6min,可能会有些烧脑。
2025年,图片SEO是对网站内图片进行的优化操作,旨在从如Google等搜索引擎中获取更多自然流量。例如,对图片进行SEO优化,能助力网站在Google图片搜索中获得更靠前的排名。像下方的Dji.com(大疆创新),其在“Camera drones(航拍无人机)”的Google图片搜索中排名第七、九。
然而,多数商家在处理图片搜索引擎优化(SEO)时,往往只注重ALT图片替代文本的优化,甚至有些会忽略图片基础属性ALT。
但实际上,图片SEO优化的范畴远不止于此。
为什么图片如此重要?在2025年,谷歌图片搜索占据了所有搜索量的22.6%,每天在Google图片中的查询量超过10亿次。正因如此,关注图片搜索引擎优化至关重要。倘若不进行图片SEO优化,您将错失大量流量。
图片SEO可通过多种方式为网站带来可观流量:1. 采用优化后的图片,会增加在「Google图片」中获得高排名的机会。2. 图片是「页面搜索引擎优化」的重要构成部分,谷歌在常规搜索结果(SERP)中愈发频繁地展示图片。
此外,当用户进入网站后,图片能够提升用户体验,使页面更具吸引力。毕竟图片能够分解大段文本内容,帮助用户理解网站内容,进而提高用户参与度,促进推文转发、实现转化等。(要知道,在内容的接受理解程度上,视频>图片>文本)
图片SEO的16个技巧用户体验应是图片SEO优化策略的核心。一方面,正确填写图片HTML属性,可在源码层面帮助搜索引擎理解图片内容。另一方面,图片优化能够缩短页面加载时间,提升用户体验:好文章离不开好图片。
在本文中,我将从三个部分(准备图片、添加图片、图片技术SEO)的16个方面,为您详细介绍图片SEO的相关内容,以便您能为搜索引擎以及用户充分发挥图片的价值:
一:准备用于您的页面的图片
在开展图片SEO之前,首要任务是准备好用于页面的图片资源。在添加图片之前,有诸多事项需要斟酌:
1. 创建独特的图片
无论是人还是谷歌,都对虚假、重复、无价值的内容缺乏兴趣。您的网站所拥有的独特、原创且具新颖力的图片越多,用户体验就会越佳,在搜索结果中获得更高排名的可能性也就越大。
当用户在SERP中或进入页面时,他们首先留意到的或许是标题或图片。
这意味着您页面的首张图片必须极具吸引力且具备原创性,如此方能提升点击率、降低页面跳出率,有益于SEO,逐步增加UA,提升页面及图片的SERP排名等。
倘若您较少拍摄原创照片,在此为您推荐两个免费的共享图库摄影网站:UnSplash、Pixabay。另外,您也可以使用Canva制作精美的插图。
2. 压缩图片的文件大小
您是否察觉到,若网站上传未压缩的原始图片,网页加载速度会变得极为缓慢?
过大的图片会严重影响用户体验、SEO以及购物转化等方面。网站加载速度越快,用户和搜索引擎访问页面就会越便捷。
越来越多的网站通过压缩图片,将网站速度提高了33%/2秒。
正因如此,我强烈建议您在将图片上传至网站之前进行压缩,这有助于减少页面加载时间。
压缩图片的实质是在最小化文件大小的同时,确保不会降低质量。其核心是最大限度地减少图片中的冗余数据,以提升使用图片时的效率和加载速度。
那么,如何减小图片的文件大小呢?为您推荐以下压缩工具:Optimizilla、TinyPNG、ImageOptim、Squoosh、JPEGmini、jpeg.io、Kraken.io
倘若您不确定图片对页面速度的具体影响,建议使用Google PageSpeed Insights、Lighthouse、WebPageTest.org或Pingdom等工具对您的页面进行测试。
3. 选择最佳的文件类型/格式(Image Type)
在开始向站点添加图片之前,您需要了解各种图片文件格式的最佳SEO实践,并根据实际应用场景选择最适宜的文件类型。
就我个人的独立站日常使用情况而言,通常会将图片JPG/JPEG转换为WebP。
注意:在内联SVG格式中使用.jpg图片时,Google不会将这些.jpg图片编入索引。
注意:应避免使用Backgroud的CSS样式,Google不会将CSS图片编入索引。
4. 对图片进行适当的命名(Image Name)
在SEO领域,创建具有描述性且富含关键字的文件名和URL至关重要。
若不自定义图片文件名,那么图片的名称和URL Path将缺乏可读性,例如"IMG_722019"、"/37ce753280b14ba49f32bd766b3e34fc_1080x.jpg"这类名称,对谷歌毫无助益,不利于Google SEO。
图片URL的path能够提醒Google和其他搜索引擎抓取工具关注图片的主题。
然而,当下许多建站SaaS在处理商家上传的图片URL时,不会将图片名称作为URL Slug,而是进行转码,这对SEO不利。(据我测试,Wordpress不会如此操作)
作为商家,应尽可能更改默认图片或文件名,并将其作为图片或文件URL的Slug,以协助搜索引擎理解您的图片,提升SEO价值。(例如,假设您拥有S925项链的图片,可简单地将其命名为"S925 necklace"。倘若您在自己的网站上销售女士S925项链,那么可以将每张图片分别命名为"S925 necklace1"、"S925 necklace2"等。图片URL设为"yourdomain.com/image/s925-necklace ",以便用户和搜索引擎理解该图片。)
二:将图片添加到您的页面中
当您寻得合适的图片(包括图片内容、大小、格式、重命名等方面均符合要求)后,接下来的步骤便是将其添加到您的网站页面或博客文章中,并进行优化。
5. 图片标题(Caption)
人们在浏览网页时,倾向于扫描页面标题、大字体、粗体文本、突出显示的文本、项目符号列表、图形、图片标题、主题句和目录等内容。
而图片标题指的是页面中图片下方附带的文字(即每个图片下方灰色框中的文字)。
为何图片标题Caption对图片SEO颇为重要呢?原因在于图片下的字幕标题的阅读量平均比正文本身多出300%,因此,若不使用或未能正确使用它们,意味着错失了吸引大量潜在读者的良机。
就图片SEO而言,图片标题属性的重要性略逊于ALT替代文本属性。但从用户体验的角度出发,当用户滚动页面及图片时,图片标题属性能够优化用户体验。
[caption id="attachment_1370" align="alignnone" width="600"]class="size-full wp-image-1370"src="https://www.yourdomain.com/wp-content/uploads/2025/08/riven-product-name.jpeg"alt="这是替代文本" width="600" height="601" />这是说明文字[/caption]
并非每张图片下方都必须添加描述,应避免过度优化。仅在对访问者具有实际意义的图片处,添加附带描述字幕。我们应始终将用户需求置于首位,切不可为了SEO而SEO。
6. 编写对SEO友好的描述性替代文字(ALT Attribute)
图片ALT,也就是图片替代文本,是对图片的书面描述。优化ALT标签对于让Google在Google图片上为您的图片进行排名至关重要,同时也有利于整体的页面SEO策略。
这是因为替代文字能够让您向Google传达该图片所展示的内容。
它还有助于提升您网站对用户的可访问性,并向用户解释若图片损坏,图片原本应显示的内容。
看看以下例子。您可以看到图片在正确加载、损坏且无alt文本、以及损坏但具有alt文本时的不同呈现效果:
为您网站上的图片添加恰当的alt标签,可通过将关键字与图片相关联,助力您的网站在搜索引擎中获得更理想的排名。
谷歌也曾提及图片ALT的价值:ALT为Google提供了有关图片主题的有用信息。Google会利用此信息来确定为用户查询返回的最佳图片。
此外,从SEO价值的角度来看,当图片链接至网站上的不同页面时,替代文本能够充当内部链接的锚文本。
需要注意的是:切勿在每个图片的替代文本中堆砌关键字。最为关键的是,如实描述图片中的内容,以便搜索引擎和用户都能够理解。图片周围的相关信息越丰富,Google搜索引擎便能更便捷地理解图片。
并非每张图片都必须配备替代文字。应当将替代文本视作内容的一部分,并在有意义的地方进行添加。(例如,倘若您有一张纯粹出于装饰目的的图片,那么该图片无需替代文本。在这种情况下,拥有替代文本并不会带来任何价值;另外,倘若图片包含统计数据,比如上个月各国搜索S925女士项链的人数,那么这一信息应当在替代文本中有所体现。)
7. 优化该页面标题和描述(Ttitle&Descrption)
当您的图片已准备就绪,但切勿随意将其置入文章中。将其添加至相关文本内容附近,会带来极大的帮助。确保文本内容与图片具有高度的相关性,这是用户和Google所更为青睐的。
Google还透露:会将您的页面标题和描述作为其图片搜索算法的一部分。
所有基本的页面SEO因素,如元数据、标题标签、页面上的副本、结构化数据等,都会对Google对图片进行排名的方式产生影响。
8. 优化开放图和推特卡片(Open Graph &Twitter Cards)
在2025年,图片已成为社交媒体策略的关键组成部分,其中会涉及到Open Graph和Twitter Cards的应用。
Open Graph是最初由Facebook引入的互联网协议。Open Graph标签允许您自主选择社交媒体帖子预览的呈现方式,意味着您可以为社交帖子选定预览标题、图片等。
例如:为确保在您分享页面时能够展示您所选择的图片,需将此图片标签包含在页面HTML的 部分中,具体如下所示:
对于Twitter,此时则需要添加 部分的代码:
您可以使用Yoast或RankMath等SEO插件来设置这些图片标签,并预览您的社交帖子。
三:图片技术SEO优化
接下来,我们探讨一些涉及技术层面的图片SEO优化内容,感兴趣的朋友请继续阅读:
9. 优化图片文件URL结构
Google更新了其图片指南。其中一项重要的更新内容为:他们会利用文件路径和文件名来对图片进行排名。
重要提示:文件路径(URL&Path层级)和文件名(Slug)实则为实际的排名因素。
例如,如果您是一个拥有多种产品的电商品牌,那么建议您将媒体子文件夹构建为更多与类别相关的主题,例如/shorts/或/denim/,而非将所有产品图片一股脑地放入通用/media/文件夹中。
10. 添加结构化数据(Google Rich Text)
结构化数据是一种数据词汇表。从理论层面来讲,如果您为页面添加相应的结构化数据,能够帮助搜索引擎更清晰地理解您网站的信息,同时还有机会增加图片以"丰富结果"的视觉形式呈现的几率。
例如,如果您在产品页面上使用Schema标记并将图片标记为产品,那么Google便可以将此图片与价格标签进行配对。搜索引擎会跳过算法,直接运用结构化数据中提供的信息来呈现正确的图片。
以下是一个食谱的示例。此类类型能够展示相关图片、食谱评论、制作食谱所需的时间以及简短的成分列表:
尽管谷歌表示结构化数据并不能确保您获得更优异的排名,但它确实有助于在搜索结果(SERP)中呈现"丰富结果",能够提升用户体验、SERP曝光面积、吸引用户眼球、提高点击率等。
有关如何在独立站实施Google结构化数据的方法,您可以阅读Google指南。若阅读后仍有疑问,欢迎私聊我。
11. 创建图片站点地图(sitemap)
为了使您网站的图片能够被纳入SERP中,它们需要被包含在Google索引内。
Google对图片的索引是由算法决定的,但您可以通过创建图片站点地图来对这一过程产生影响,并为搜索引擎提供协助。
那么,什么是图片站点地图呢?站点地图是一个XML文件,您可以在其中提供有关站点上的页面、视频和图片以及它们之间关系的信息。它能够帮助搜索引擎抓取您的网站。
简而言之,创建图片站点地图能够增加图片出现在搜索结果中的机会。
您可以将图片添加到现有的站点地图中,或者专为您的图片创建一个单独的站点地图。将图片添加到站点地图有助于Google发现我们可能无法自行找到的图片(例如您的网站通过JavaScript代码访问的图片)。
关键区别在于:图片站点地图可以包含来自其他域的URL,这意味着您可以在内容交付网络(CDN)上托管您的图片。
如何编写图片站点地图呢?您可以手动创建,也可以使用站点地图生成器来完成。请按照Google的示例和说明进行操作。(以下示例展示了page的站点地图http://example.com/sample1.html,其中包含两张图片,以及http://example.com/sample2.html,其中包含一张图片。)
使用图片站点地图时,每个页面最多可包含1,000个图片。
谷歌还提供了一个图片标签列表。您需要使用标记为"必需"的那些。另一方面,可选标签能够为搜索引擎提供更多的上下文信息以及更优质的用户体验。
当您的图片站点地图准备妥当后,请别忘了使用Google Search Console站点地图工具将其提交给Google。对于其他所有搜索引擎,您可以在robots.txt文件中添加以下代码行:
Sitemap:http://mysitemap.com/sitemap_location.xml
在WordPress上,所有主要的SEO插件都具备图片站点地图创建功能。倘若您使用的是WP,建议选择Yoast和RankMath。若是Shopify或Shopline,则会自动生成Sitemap.xml
12. 提供响应式图片(M/PC端等)
假设您将720像素宽的图片上传至您的网站。当有用户通过具有更小显示屏(例如320像素宽)的移动设备进行访问时,他们的浏览器仍然必须加载720像素的图片。
您发现问题了吗?加载720像素的图片会浪费带宽,仅会降低页面加载速度,导致网站跳出率升高,这对搜索引擎优化极为不利。
解决方案是在图片上设置srcset属性。
该属性能够告知浏览器为不同的