图片SEO Alt文本优化→25分钟极速搞定流量排名翻倍

各位跨境行业的兄弟姐妹们,大家好!
作为一名在中国跨境领域摸爬滚打二十多年的老兵,我深知大家在海外淘金的路上,每一分投入、每一个细节都牵动着心弦。尤其是在如今这个视觉为王的时代,图片优化不仅仅是“锦上添花”,更是我们制胜海外市场的“兵家必争之地”。今天,咱们就来好好聊聊图片替代文本(Alt Text)的那些事儿,这可不只是简单的技术操作,里面藏着实打实的流量和用户体验的秘密!
很多人以为图片嘛,放上去就好了。错了!一个合格的跨境人,必须懂得让图片“开口说话”,尤其是通过它的替代文本。这不仅能让搜索引擎更好地理解你的内容,还能让全球数以亿计的视障用户也能“看到”你的产品和信息。
新媒网跨境获悉,W3C工作组成员珍妮·斯贝尔曼曾分享她的洞察:“我花了大量时间在可用性测试实验室,研究屏幕阅读器用户对替代文本的反应。盲人用户在页面上寻找信息时,需要艰难地浏览大量内容。我们的工作就是让他们更轻松。他们主要通过阅读交互元素列表或标题来‘浏览’页面或文档。用户只希望替代文本能提供重要信息。尽量把文字控制在80个字符以内。如果图片与页面信息相关,那么就在替代文本或相应的aria属性中简要描述它。”
想想看,我在搜索引擎优化(SEO)策略领域深耕25年,从私人网站到政府机构,从大学到企业站点,各种风云变幻我都见证过。但有一个原则始终如一:凡是对谷歌用户有益的事情,最终也必将提升你在谷歌的排名。
谷歌官方文档在2021年也明确指出:“选择替代文本时,请专注于创建有用、信息丰富的内容,适当使用关键词,并与页面内容保持关联。避免在alt属性中堆砌关键词(关键词堆砌),因为这会导致负面的用户体验,并可能使你的网站被视为垃圾内容。”
这番话,在图片优化上体现得淋漓尽致。替代文本绝不是一个可有可无的SEO复选框,它是网页可访问性的基石,更是内容质量的强大信号。长久以来,不少开发者和营销人员把图片当作文本的“调味品”——一个装饰性的元素。这真是个大错特错的观念!你网站上的每一张图片,都是一个机遇:提升用户体验的机遇,让所有人都能访问你内容的机遇,以及向搜索引擎发送强大相关性信号的机遇。
这种“被忽视”对用户的影响并非小事。就像有人曾心酸地分享:“今天,我爸爸在电话里哭了,他想要一周能不用我帮忙自己用电脑。他是盲人。每一个无法访问的网页都在告诉他,‘你不属于这个世界’。如果你不知道你的网站或App是否无障碍:那它就不是。请开始学习。”
外媒数据显示,英国目前有超过200万人存在视力障碍,预计到2035年将增至280万。在美国,约有708万人视力下降,其中超过100万人失明。加拿大估计有180万人视力受损,约6.8万人失明。澳大利亚约有130万人受到影响,其中约5.7万人被归类为盲人。在欧洲,超过3000万人失明或视力部分受损,大约每30个欧洲人中就有一个。这是一个我们绝不能忽视的群体。
珍妮·斯贝尔曼还强调:“如果图片对页面信息至关重要,那么请在页面上以图表或常规文本段落的形式,视觉化地描述这些信息。视力正常的读者也会使用屏幕阅读器,通常是为了阅读障碍。如果你的图片或图表至关重要,那么每个人都会从文本描述中受益。尤其是在教育领域,所有学生都能获得同等信息,这非常有价值。”
这份指南将彻底转变我们的思维模式。我们不再仅仅是照着清单打钩,而是要建立一个战略性的框架。
我的目标,就是手把手教大家,如何让你的视觉内容通过优先服务用户,为你创造更大的价值。我们将从编写完美的替代文本基础原则,到电商高级策略、关键词集成,再到区分业余和专业高排名的技术细节,一网打尽。
为了方便大家学习和实践,这份图片SEO核对清单已作为免费SEO清单,大家可以在谷歌表格和微软Excel表格中免费下载。
第一部分:编写对人机都友好的替代文本
“请勿将重要文本嵌入图片中:避免将文本嵌入图片,特别是页面标题和菜单项等重要文本元素,因为并非所有用户都能访问它们(且页面翻译工具对图片无效)。为确保内容的最大可访问性,请将文本保留在HTML中,并为图片提供替代文本。”——谷歌官方文档,2021年。
说到底,替代文本(alternative text)是无障碍网页设计的一个核心原则。它是一个添加到<img>标签中的HTML属性,旨在为无法看到图片的用户提供图片内容的文字描述。这包括使用屏幕阅读器的视障人士,以及关闭图片显示或在慢速网络下图片加载失败的用户。
正如谷歌前工程师马特·卡茨(Matt Cutts)早在2007年所说:“添加alt标签非常容易,你几乎应该在所有图片上都这样做。它有助于提高可访问性,也能帮助我们理解你的图片内容。”
兄弟们,做好这一点绝不是可选项。如果你的非装饰性图片缺少文本等效内容,那这可是WCAG(网页内容无障碍指南)的一级错误,意味着你的网站将不符合英国DDA和美国SECTION 508的基本建议,可能面临合规风险。
谷歌的约翰·穆勒(John Mueller)也证实了这段文本会被索引,他明确指出:“是的……替代文本本质上是在大多数浏览器关闭图片时显示的,所以我们认为它属于页面文本的一部分。”
核心原则:描述而非装饰
“JAWS 6.0——以125个字符的块(不含空格)读取替代文本。如果替代文本超过125个字符,它会将其分成多个图形,每个图形的替代文本不超过125个字符,从前一个图形结束的地方开始。”——美国华盛顿大学的特里尔·汤普森教授,2020年。
关于如何编写有效的替代文本,我能给大家最好的建议就是使用我常说的“电话测试法”,这与W3C(国际标准组织)的指导方针不谋而合。想象一下,你正在电话里向一位需要理解页面内容的朋友朗读网页。当你读到一张图片时,你会怎么描述它?这个描述,就是你的替代文本。它的目的,是在页面的特定语境中,为那些无法看到图片的读者提供图片的等效功能或信息。如果图片纯粹是装饰性的,不提供任何额外信息,那它就不需要描述——稍后我们会讲到如何处理这种情况。
完美替代文本的“画像”
“alt属性应用于描述图片。所以如果你有一张巨大的蓝色菠萝椅子的图片,你应该使用最能描述它的alt标签,即alt=‘大蓝色菠萝椅子’。title属性应该在图片是超链接到特定页面时使用。title属性应该包含点击图片后会发生什么的信息。例如,如果图片会变大,它应该写成类似‘title=‘查看更大版本的大蓝色菠萝椅子图片’’。”——约翰·穆勒,谷歌,2017年。
编写出色的替代文本,既是一门艺术也是一门科学。它要求你既要描述具体,又要简洁明了,更要顾及上下文。
- 具体且有描述性:笼统的描述毫无帮助。我们的目标是描绘出一幅生动的心理画面。谷歌自己的文档完美地展示了这种进步:与其写
<alt="小狗">,不如写<alt="一只正在玩抛接球的斑点狗幼崽">。这种细节水平既能帮助屏幕阅读器用户,也能帮助搜索引擎算法,它们会结合替代文本和计算机视觉来理解图片的主题。 - 力求简洁:虽然谷歌曾表示替代文本没有严格的字符限制,但从无障碍最佳实践来看,我们还是应该控制字数。正如无障碍专家珍妮·斯贝尔曼所说:“盲人屏幕阅读器用户要浏览大量信息才能找到他们需要的内容。你的任务就是让他们更容易……尝试将字符数控制在80以内。”此外,像JAWS这样的屏幕阅读软件通常会在大约125个字符后停止读取替代文本。因此,我建议大家将目标定在80到125个字符之间,这是一个黄金区间。一个好习惯是,在替代文本的末尾加上一个句号,屏幕阅读器会识别这个标点符号并暂停,从而在图片描述和后续文本之间形成更自然的听觉间隔。
- 提供上下文:最好的替代文本是将图片与页面主题联系起来。一张普通的“人物在笔记本电脑前”的库存照片,本身意义不大。它的替代文本应该根据文章内容进行定制。如果页面是关于SEO的,替代文本可以是
<alt="一位数字营销人员正在笔记本电脑上分析关键词表现报告。">。如果页面是关于远程工作的,那可能是<alt="一位女士在家中办公室参加视频会议。">。
我每天都会看到的常见错误(以及如何修正)
在我的审计工作中,我一遍又一遍地看到相同的替代文本错误。避免这些常见误区,将立即让你在竞争中脱颖而出。
- 错误做法:以“图片显示…”或“照片显示…”开头。这完全是多余的,浪费了宝贵的字符。屏幕阅读器已经会根据HTML标签宣布这是一个“图片”或“图形”。直接进入描述,能提供更好的用户体验。
- 错误做法:关键词堆砌。这是一种过时且有害的做法。谷歌的官方文档对此态度明确:“在选择替代文本时,要专注于创建有用、信息丰富且适当使用关键词,并与页面内容保持关联的内容。避免在alt属性中堆砌关键词,因为这会导致负面的用户体验,并可能使你的网站被视为垃圾内容。”像
<alt="红色鞋子 运动鞋 跑鞋 购买鞋子 便宜鞋子">这样的替代文本,对屏幕阅读器用户来说是糟糕的体验,同时也会向谷歌发出信号,表明你可能在试图操纵排名。 - 错误做法:冗余。如果图片已经有了详细的标题,或者周围的文本已经描述了图片内容,那么替代文本就不应该简单地重复这些信息。它应该提供额外的信息,或者如果图片内容已完全被文本描述,则可以留空。
- 错误做法:将文件名用作替代文本。绝不要使用像IMG_4081.jpg这样的通用相机文件名作为替代文本。它对用户和搜索引擎都没有任何价值。
- 错误做法:使用大写字母或包含不必要的身份信息。使用全部大写字母的替代文本可能会让有阅读障碍的人难以阅读,也可能被屏幕阅读器误读为缩写。此外,在描述人物时,只有当种族或性别等身份信息对图片主要内容至关重要时才应包含。否则,请根据他们的角色或活动来描述,例如“一名医生”或“一名篮球运动员”。
好坏示例:找到“恰到好处”的描述
为了让这些原则更具体,这里有一些例子,展示了替代文本“太笼统”、“太啰嗦”和“恰到好处”的区别。
- 示例1:一盘华夫饼
- 太笼统:
alt="华夫饼。" - 太啰嗦:
alt="一张圆形白色盘子的照片,盘中摆放着17片红色草莓,围绕着三层金黄色华夫饼,顶部放着两颗完整的红色草莓,并带有叶子。" - 恰到好处:
alt="一盘上面放有草莓的华夫饼。"
- 太笼统:
- 示例2:一个公司吉祥物
- 太笼统:
alt="地鼠。" - 太啰嗦:
alt="蓝色的Go地鼠图画,大大的圆眼睛,小小的黄色爪子,一颗白牙,戴着一顶粉色帽子,帽子上有一个小流苏,它正在吹着带有橙色和黄色条纹的口哨。" - 恰到好处:
alt="拿着口哨、戴着十周年派对帽的Go地鼠。"
- 太笼统:
第二部分:关键词在图片SEO中的战略力量
虽然可访问性和用户体验是替代文本的首要驱动力,但我们绝不能忽视SEO。如果操作得当,将关键词集成到图片属性中,是增强页面主题相关性的强大途径。关键在于要自然、有策略地进行,而不是生硬地塞入。
我的“16字测试”结果:一段历史透视
多年来,我一直在研究谷歌对替代文本的关注度究竟有多大。早在2011年,我曾做过一个简单的测试:在一个alt属性中放入一长串无意义的关键词,看看谷歌会索引并用多少个词来对页面进行排名。
结果非常明确:谷歌搜索似乎会将替代文本的前16个词计入页面的排名。
我在2015年、2017年和2018年又重新进行了这项测试。虽然谷歌显示搜索结果的方式有所演变,但其底层机制似乎一直保持着惊人的一致性。这些文本是一个非常轻量的排名信号,但对于某些长尾搜索,这16个词可能非常有用。有趣的是,对于谷歌图片搜索,这个限制要高得多——我曾观察到它会计算多达50个词。这表明我们有足够的空间来编写一个既能实现无障碍又能对SEO产生积极影响的描述。
我个人策略的演进
这些年来,我对待这个问题的个人方法也在不断变化,反映了搜索引擎的演进。过去,在相关且时间允许的情况下,我会在图片替代文本中至少一次性地包含页面的主要核心关键词——恰到好处地发出相关性信号。如今,我的重点有所不同。我更专注于添加与图片本身高度相关的文本,以一种更以用户为中心的方式自然地支持页面的主题。
超越主要关键词
你的页面应该有一个明确的主要关键词,你在标题标签、H1标题和开篇段落中都会用到它。然而,图片是强化页面主题的完美场所,可以通过次要关键词(一些人错误地称之为LSI关键词,但我们在司法部诉谷歌反垄断案中发现,它们实际上是“协同出现关键词”,更准确地应该称之为QBST,即基于查询的显著词汇)来实现。这些是相关的术语、同义词和子主题,能为搜索引擎提供更多上下文信息。
使用次要关键词可以帮助你为更广泛的查询获得排名,而无需创建单独的页面并冒着关键词蚕食的风险。
举个例子,如果你的文章主要关键词是“家庭健身”,那么把这个确切的短语塞进每张图片的替代文本中,就会显得很不自然。相反,你可以利用图片来定位用户可能搜索到的相关次要关键词:
- 一张有人做俯卧撑的图片,替代文本可以是
<alt="一名男子在家中进行胸部力量的自重训练。"> - 一张展示一组阻力带的图片,替代文本可以是
<alt="一套阻力带,是无器械家庭健身必备的重要设备。">
这种方法能为你的页面构建一个丰富的语义图谱,向谷歌表明你正在全面深入地涵盖这个主题。
长尾关键词的 untapped potential
长尾关键词是更长、更具体的搜索短语,通常由三个或更多词组成。虽然它们的单个搜索量较低,但竞争也更小,并且通常具有更高的转化意图。
搜索“适合扁平足女性的最佳防水越野跑鞋”的用户,比搜索“鞋子”的用户更接近购买决策。
图片是定位这些超具体、长尾查询的极其有效工具,尤其是在电子商务和本地SEO中。
- 电商示例:一张产品照片不应该仅仅是
shoes.jpg。一个长尾的方法是将其命名为brooks-adrenaline-gts-22-womens-blue.jpg,并使用替代文本,如<alt="一双蓝色的女性Brooks Adrenaline GTS 22防内翻跑鞋。">。这能定位到非常具体的用户需求。 - 本地SEO示例:一名格拉斯哥(英国城市)的承包商可以使用一张完成项目的图片,文件名是
new-kitchen-installation-glasgow.jpg,替代文本为<alt="在格拉斯哥西区为客户最近完成的带大理石岛台的现代厨房改造项目。">。这同时捕获了服务和地点,定位了本地搜索意图。
在何处放置关键词以获得最大效果
要有效优化图片,你需要结合使用多种属性。以下是我建议的关键词放置优先级列表:
- 图片文件名:这是你向搜索引擎提供的关于图片内容的第一条线索。在上传之前,务必使用描述性强、富含关键词的文件名。单词之间用连字符(-)分隔,而不是下划线(_),因为谷歌能更有效地解析连字符作为单词分隔符。例如,
black-leather-office-chair.jpg比IMG_0021.jpg好得多。 - 替代文本:正如我们讨论的,这是对可访问性和SEO上下文都最重要的属性。它是你提供丰富、自然语言描述的主要机会,可以包含你的目标次要或长尾关键词。
- 图片标题(Captions)和周围文本:谷歌不会在真空中分析图片。它会从页面上的所有内容中提取信息,尤其是图片周围的即时文本。将图片放置在高度相关的段落附近,可以加强其上下文。
- Image Title Attribute(标题属性):标题属性通常是用户将鼠标悬停在图片上时出现的工具提示。它比替代文本的SEO信号要弱得多,并且在移动浏览器或屏幕阅读器中并不总是受支持。我的建议是,将精力集中在编写出色的替代文本上。
正如外媒SERoundtable的巴里·施瓦茨(Barry Schwartz)引用谷歌的话说:“由于Googlebot不会直接看到图片,我们通常专注于‘alt’属性中提供的信息。如果‘title’和其他属性能为你的用户提供价值,请随意补充!所以,举个例子,如果你有一张小狗(这些似乎目前很受欢迎:-))玩球的图片,你可以使用类似‘我的小狗贝琪在玩保龄球’作为图片的alt属性。如果你还在图片周围设置了一个链接,指向同一张照片的大版本,你可以使用‘查看此图片的高分辨率版本’作为链接的title属性。”
第三部分:超越alt属性——全面的技术框架
真正有效的图片SEO,远不止是描述性文本那么简单。图片的技术性能直接且显著地影响着你网站的整体用户体验,进而影响其搜索排名。
可发现性的技术基础
一张描述再精美的图片,如果它让你的页面加载速度慢如蜗牛,或者搜索引擎根本找不到它,那也是白搭。
- 使用标准HTML(而非CSS):始终使用标准的HTML图片元素(
<img>或<picture>)来嵌入图片。谷歌不会索引CSS背景图等CSS图片,所以如果你希望图片能在搜索中被发现,它必须在<img>标签中。 - 面向现代网络的图片格式:谷歌搜索支持BMP、GIF、JPEG、PNG、WebP、SVG和AVIF格式的图片。虽然旧格式仍然受支持,但你应优先考虑WebP和AVIF等现代、高效的格式。这些格式提供卓越的压缩和质量,文件体积更小,加载速度更快。更快的加载时间对用户体验至关重要,也是谷歌核心网页指标(Core Web Vitals, CWV)的关键组成部分,而CWV已是公认的排名因素。
- 压缩和尺寸调整不可妥协:你上传的每一张图片都必须经过压缩。像TinyPNG或图片编辑软件这样的工具可以大幅减少文件大小,同时最大限度地降低质量损失。此外,你必须使用
<img>标签中的srcset属性来实现响应式图片。这允许你提供图片的多种尺寸,以便用户的浏览器可以根据他们的屏幕尺寸下载最合适的图片(例如,手机下载小图,桌面端下载大图)。这对于快速的移动性能和通过CWV评估至关重要。 - 图片站点地图(Image Sitemaps):对于拥有大量图片的网站,尤其是电商或摄影网站,创建专门的图片站点地图至关重要。这是一个XML文件,它为谷歌提供了关于你网站图片更详细的信息,有助于确保你的所有视觉内容都被发现和索引,这可能仅靠抓取无法实现。
- 抓取预算(Crawl Budget):对于大型网站,要留意抓取预算。如果你在多个页面上引用同一张图片,请始终使用该图片的相同URL。这让谷歌可以缓存图片并重复使用,而无需多次请求和处理。
语义上下文的力量
谷歌对页面的理解是复杂的。它不只是读取单个元素;它会分析元素之间的关系,以理解更广阔的上下文。
- 主题集群(Topic Clusters):当你的图片所在的页面是一个结构良好的主题集群的一部分时,你的图片优化效果会倍增。主题集群包括一个涵盖广泛主题的“核心”页面,它链接到多个详细涵盖特定子主题的“集群”页面。在这些页面上放置上下文相关的图片有助于加强语义连接,并表明你网站在该主题上的专业性。
- 结构化数据(Schema Markup):这是一种向网站添加代码的方式,旨在向搜索引擎提供明确的、机器可读的内容信息。对于图片,使用Product、Recipe或Article等Schema(结构化标记)可以提供强大的上下文。例如,对于一个电商产品,你可以使用Schema明确将图片标记为该特定产品的图片,以及其名称、价格和可用性。这有助于你的图片出现在富媒体结果中,例如产品轮播图,这可以显著提高可见性和点击率。
关于longdesc的说明:历史上,longdesc属性用于链接到复杂图片的更详细描述。然而,此属性在HTML5中已弃用,并且未得到广泛支持。更好的做法是在页面主要内容中描述复杂图片,并使用替代文本提供简洁的摘要。
图片优化的演进,也映射了SEO的广泛演进。它始于文件名中的简单关键词匹配。然后,随着谷歌优先考虑性能,它扩展到包括压缩和页面速度等技术因素。现在,随着核心网页指标的推出,这些技术方面不再仅仅是“最佳实践”,它们是谷歌用来对页面进行排名的用户体验的直接衡量标准。图片技术优化方面的失败——例如提供大尺寸、未压缩的图片导致布局偏移——现在就是核心技术SEO的失败。
第四部分:高级应用与细微之处
掌握了基础知识之后,你就可以更精细地将这些原则应用于特定场景。
电商深度剖析:让产品图片更具吸引力
对于电商网站来说,图片不仅仅是内容,它们更是主要的销售工具。
- 使用多角度、高质量、独特的照片:消费者期望从多个角度查看产品。提供高分辨率的照片,展示细节、不同颜色和比例。至关重要的是,尽可能使用你自己的摄影作品。独特的图片在搜索引擎中的排名往往高于制造商提供的、出现在几十个其他网站上的通用库存图片。
- 展示产品的使用场景:一张沙发放在纯白背景下的照片是信息性的。而同一张沙发放置在一个装饰精美的客厅中的照片,则充满了憧憬感。展示产品的使用场景有助于客户想象拥有该物品后的生活,这已被证明可以提高感知价值和转化率。
- 为产品变体编写替代文本:不要为产品的所有图片使用相同的替代文本。要具体!如果你有一件T恤三种不同颜色的图片,请为每张图片编写独特的替代文本:如
<alt="经典圆领T恤,海军蓝。">、<alt="经典圆领T恤,麻灰色。">等。
处理装饰性图片与功能性图片
“装饰性图片不为页面内容增加信息。例如,图片提供的信息可能已经通过相邻文本给出,或者图片可能只是为了让网站更具视觉吸引力。在这些情况下,应提供一个空(null)的替代文本(alt=""),以便它们可以被辅助技术(如屏幕阅读器)忽略。”——W3C,2021年。
并非所有图片都服务于相同的目的,它们的替代文本也应该反映这一点。
- 装饰性图片:如果一张图片纯粹是为了美观,不提供任何信息——比如背景图案、风格边框或占位符图片——那么它就是装饰性图片。对于这类图片,你必须使用一个空的
alt属性:alt=""。这与完全省略alt属性是不同的。如果你完全省略alt属性,屏幕阅读器可能会读取图片的文件名,从而造成令人困惑和沮丧的体验。空的alt属性会告诉屏幕阅读器完全忽略该图片,从而避免听觉上的混乱。 - 功能性图片:这些是执行某种操作的图片,例如用作按钮或图标的图片。对于这些图片,替代文本必须描述其功能或操作,而不是图片的视觉外观。对于用作搜索栏的放大镜图标,正确的替代文本是
alt="搜索",而不是alt="放大镜"。对于链接到主页的Logo,它应该是alt="<你的公司名称>主页"。 - Aria属性:对于高级无障碍功能,一些开发者会使用ARIA(Accessible Rich Internet Applications)属性。重要的是不要同时使用
alt属性和提供文本标签的aria-属性,因为这可能导致屏幕阅读器用户收到冗余或冲突的描述。
作为链接的图片
这是图片优化中最关键且最常被忽视的方面之一。当你将图片包装在一个<a>标签中时,它的替代文本就相当于该链接的锚文本。锚文本是一个强大的信号,可以帮助谷歌理解所链接页面的主题。因此,作为链接的图片的替代文本应该描述链接的目标。
如果你有一张报告封面的图片,它链接到一个PDF下载,那么替代文本不应该是<alt="报告封面">。它应该是<alt="下载2025年数字营销现状报告。">。这为屏幕阅读器用户和搜索引擎爬虫提供了清晰的上下文。避免仅将图片链接用于网站的主要导航,因为这可能会降低可访问性,并提供比基于文本的导航更弱的语义信号。
正如约翰·穆勒所解释的,alt属性应该描述图片本身,而title属性应该用于链接的操作:“alt属性应该用于描述图片。所以如果你有一张巨大的蓝色菠萝椅子的图片,你应该使用最能描述它的alt标签,即alt=‘大蓝色菠萝椅子’。title属性应该在图片是超链接到特定页面时使用。title属性应该包含点击图片后会发生什么的信息。例如,如果图片会变大,它应该写成类似title=‘查看更大版本的大蓝色菠萝椅子图片’。”
第五部分:从像素到属性:搜索引擎如何真正“看”懂你的图片
多年来,我们SEO圈子里的人一直依靠官方指南、实验和来之不易的直觉来开展工作。但最近发生的一些事情,比如谷歌内部“内容仓库”文档的意外泄露,让我们得以史无前例地窥探机器内部的运作方式。这不再仅仅是理论;它是一个蓝图。它证实了对于搜索引擎而言,图片不仅仅是一张画面——它是一个复杂的、由一系列信号组成的数据对象,必须经过分析和索引才能被理解。
通过剖析这个数据模型,我们就能理解搜索引擎如何超越像素层面去理解内容、上下文和质量,从而获得强大的战略优势。
身份与来源——图片的数字“护照”
在图片被分析之前,它必须被唯一标识。这次泄露揭示了建立图片身份和其在网络上历史的属性。这包括它的URL、一个唯一的指纹(docid),以及至关重要的canonicalDocid,用于在重复项中指定主要来源。firstCrawlTime和lastCrawlTime等时间戳也至关重要,有助于确定“新鲜度”——我多年来一直在讨论的一个关键排名因素。
物理特性——细节与构成
系统还会记录图片的固有技术属性,就像物体的物理规格一样。这包括width、height和file size(以字节为单位)等基本属性,这些对于理解加载性能至关重要。它还会确定真实的fileFormat(例如,JPEG、PNG、WEBP),这有时可能与文件扩展名不同,并标记动画(isMultiframe)。
内容分析——机器视觉的觉醒
这正是计算机视觉发挥作用的地方。系统使用复杂的算法来解释图片本身的内容。我们现在知道它会查找numberFaces和largestFaceFrac(图片中最大人脸所占的比例)等属性,这对于与人物相关的搜索非常有价值。它甚至会生成一个colourScore——一个由12个值组成的数组,代表不同颜色的主导地位,这为“蓝色美学壁纸”等查询的滤镜功能提供了支持。
此外,光学字符识别(OCR)模型会检测图片中的文本,并将其存储在ocrTextboxes中,这再次印证了我长期以来的建议:不要将重要文本嵌入图片中,因为搜索引擎无论如何都在尝试读取它。系统还会识别imageRegions(例如“一个手提包”或“一个轮胎”)并应用由深度学习生成的deepTags,这些标签常用于购物相关图片中的产品识别。
安全与政策——数字守门人
搜索引擎的核心职责之一是保护用户免受有害内容的侵害。图片数据模型中相当一部分致力于此。我们看到了像finalPornScore和更精细的brainPornScores这样的属性,它们量化了图片为色情内容或包含暴力、医疗内容的可能性。甚至还有针对hateLogoDetection的检查。这证实了安全性并非事后诸葛,它是索引过程中一个基本且数据驱动的部分。
排名与相关性:这是一张“好”图片吗?
这部分直接影响我们的工作。一旦图片被理解并被认为是安全的,它的价值有多大呢?泄露揭示了几个引人入胜的排名属性:
- 审美质量:来自神经图像评估模型(
nimaAva和nimaVq)的分数,预测了照片的审美和技术质量。这是我们一直强调要使用高质量、构图精良图片背后的算法依据。 - 用户参与度:一个名为
h2c(Hovers to Clicks,即悬停到点击)的信号,衡量用户在搜索结果中将鼠标悬停在图片上后,点击该图片的频率。这是图片在给定查询下吸引力的直接衡量,也是强大Navboost系统的一个组成部分。 - 站点层面权威性:泄露证实了
siteAuthority的存在,这是一个多年来一直被讨论的网站整体质量得分。这意味着你的域名的整体声誉直接影响着你的图片被感知的程度。
上下文与关系——这张图片归属何处?
最后,图片的意义源于其上下文。数据模型中包含了为此服务的属性:
- 许可:
imageLicenseInfo从元数据中获取图片可以合法使用的许可信息。这就是为什么使用结构化数据来表示许可如此重要。 - 电子商务:
shoppingProductInformation将零售网站上的图片链接到产品数据,如价格和可用性。这是你的产品信息流和图片可见性之间的直接联系。 - 知识图谱:
multibangKgEntities将图片连接到知识图谱中的实体,例如将地标图片链接到该地标的结构化数据。
结语:为你的视觉内容“面向未来”
“是的……替代文本本质上是在大多数浏览器关闭图片时显示的,所以我们认为它属于页面文本的一部分。”——约翰·穆勒,谷歌,2017年。
本指南的核心思想是,有效的图片SEO是创建可访问、高性能和用户友好体验的直接产物。当你优先考虑为可访问性提供清晰描述、为性能提供快速加载的视觉内容、以及为用户理解提供相关上下文时,你自然而然地会将你的网站与搜索引擎旨在奖励的质量信号对齐。
新媒网跨境认为,仅仅遵循规则已经不够了,我们需要理解搜索引擎用来解构和排名视觉内容的底层数据模型和信号。这样,我们才能超越表象,构建真正有韧性、面向未来的战略。
“虽然对于使用img元素的alt属性提供的文本替代方案没有明确的对错长度,但普遍共识是,如果文本替代方案超过30-50个词(2到3个句子),它就不应被视为短文本替代方案,不应通过alt属性呈现。”——W3C,2020年。
网络正变得越来越视觉化。视觉搜索技术的兴起,以及图片与谷歌AI概览(AI Overviews)等AI驱动搜索体验的整合,意味着你的视觉内容的重要性只会与日俱增。搜索引擎将越来越依赖结构良好、上下文丰富的数据来理解和排名图片。本指南中概述的实践——描述性替代文本、优化的文件名、现代文件格式、响应式尺寸调整和Schema标记——是你在新格局中取得成功的基石。
别再把图片当作可有可无的东西了。开始把它们当作你内容策略的核心组成部分吧。审计你现有的图片,在所有新内容上实施这些实践,你将为每个人建立一个更易访问、性能更优异的网站。
“由于Googlebot不会直接看到图片,我们通常专注于‘alt’属性中提供的信息。如果‘title’和其他属性能为你的用户提供价值,请随意补充!例如,如果你有一张小狗(这些似乎目前很受欢迎:-))玩球的图片,你可以使用类似‘我的小狗贝琪在玩保龄球’作为图片的alt属性。如果你还在图片周围设置了一个链接,指向同一张照片的大版本,你可以使用‘查看此图片的高分辨率版本’作为链接的title属性。”——巴里·施瓦茨,SERoundtable,2017年。
历史测试结果
我想把一些引导我这几年思考的旧测试结果也保留下来。
谷歌的运作方式与我过去几年观察到的这些测试结果非常相似:


新媒网(公号: 新媒网跨境发布),是一个专业的跨境电商、游戏、支付、贸易和广告社区平台,为百万跨境人传递最新的海外淘金精准资讯情报。
本文来源:新媒网 https://nmedialink.com/posts/image-seo-alt-text-opt-25min-rank-traffic-boost.html


粤公网安备 44011302004783号 













