一、图片能不能被收录,关键在这三处

文件名、alt 文本、周边文字。

很多站图片全是"IMG_2024.jpg",alt 写"图片"两个字。这样的图在图片搜索里基本没有机会。

图片能不能被收录,关键在三处:文件名、alt、周边文字。三处都做,收录率会明显不一样。

很多人只做 alt,效果有限。搜索引擎判断图片内容靠的是多方信息交叉验证,单一信号不够。

三处里,周边文字最容易被忽略,但它的权重往往比 alt 高——因为它是自然语言,能提供上下文,而 alt 常常是关键词堆砌。

二、文件名怎么起

用英文或拼音,词与词用连字符。比如 "layui-table-pagination",别用 "layui_table_1副本"。

一条规矩:文件名要能说明图里是什么,而不是它来自哪台相机。

三个要求:一句话能答、有具体数字、以及能被引用。

第一项决定能不能被抽出来当答案,第二项决定可信度,第三项决定传播。

三项里第二项最容易被忽略。AI 更愿意引用有数字的句子,因为可核实。

三、alt 的两种写法

如果图片承载信息,alt 要描述内容:"后台列表页的分页组件,显示每页十条与跳页输入框"。

如果图片只是装饰,alt 留空,不要硬塞关键词。

硬塞关键词是很多站的通病,读屏软件念出来会非常怪,也容易被判作弊。

文件名两条:用英文或拼音,用连字符分隔,别用下划线、空格和中文。

「IMG_20261114_1523.jpg」这种名字等于没给信息。改成「layui-table-pagination.jpg」,检索时就有意义,用户看图搜也能命中。

还有一点:文件名和 alt 的核心词要一致,别一个说 A、一个说 B。不一致会让判断变模糊,最后两边都不给分。

四、周边文字的作用被低估

图片上下各一段说明文字,能显著提高这张图与主题的相关性。

最简单的做法:图下加一行图注,说明这张图展示了什么。

结构上,我建议每节第一句就给结论,后面再解释。

原因和人的阅读习惯有关,也和模型的抽取方式有关。模型倾向抓段首。

所以「先铺垫再给答案」的写法,在这个场景下是吃亏的。

五、四个技术细节

一、尺寸。别把两千像素的原图直接塞给列表页,缩略图和原图分开。

二、格式。照片用 JPEG,图标和截图用 PNG 或 WebP。

三、懒加载。首屏内的图不要懒加载,会影响首屏体验和抓取。

四、alt 里不要堆砌。一句完整描述比十个关键词有用。

四个技术细节。一、尺寸别太大,长边控制在两千像素以内,加载快也利于抓取。

二、用懒加载要注意:首屏图别懒加载,否则爬虫可能拿不到,抓到的是一张占位图。

三、给图片加宽高属性,避免布局抖动,这个对手持设备和速度评分都有影响。四、别用背景图承载重要内容,背景图不进图片索引,做了等于白做。

六、检查清单

上线前过一遍:

  • 文件名是否有意义
  • alt 是否描述内容
  • 图注是否有信息量
  • 图片体积是否超标
  • 是否有图没有 alt(装饰图可以留空,但不能缺这个属性)

五条过完,图片这块基本不会拖后腿。

检查清单五条:文件名可读、alt 描述了画面而不是堆词、图片在正文附近、首屏可见、没有死图。

第三条最容易被忽略。图片堆在文末图集里,周边没有文字,权重会低很多。

把图放在对应段落旁边,比什么都管用。这件事不需要技术,只需要排版时多想一步。

堆词为什么没用?因为检索是按语义匹配的,不是按词频。

同一句话重复十遍,语义向量还是一样,排名不会动。

真正有用的是覆盖同义表达和不同问法。一个概念用三种说法写清,比重复十遍有效。

补一句:别为了被引用而写「总结段」。重复结论只会稀释重点。

一句结论说一遍,后面全给证据,这才是被引用的写法。

延伸参考

想验证一个标签的实际效果,html.eapis.site 打开就能改。

HTML 入门教程

留一句:图片不是附件,它也是正文的一部分。