图片搜索曝光与加载优化

解决什么问题

页面图片迟迟没被 Google 收录、Image Pack 里没有你、LCP 被首屏大图拖垮——这类问题往往来自同一个源头：图片只被当作视觉元素处理，没有被当作可抓取、可理解的内容资产。

技能如何工作

• 发现与收录：确认图片通过 <img src> 被抓取（CSS 背景图不会被索引），必要时给出 image sitemap 提交建议
• 格式与性能：按内容类型在 WebP / AVIF / JPEG / PNG / SVG 间选择，配合 srcset 或 <picture> 做响应式并保留回退 src；首屏图激进压缩（≤2500px、质量 75–85），仅非首屏图片允许 loading="lazy"
• 元数据：为每张图产出 Alt 文本、描述性文件名与配图说明，兼顾屏幕阅读器无障碍与图片搜索语义，并区分功能性与装饰性图片（后者留空 alt）
• 首选图片：通过 primaryImageOfPage 与 og:image 影响 SERP 缩略图及 Discover 卡片的选取
• 结构化数据：在 Article / Product 等类型中声明 ImageObject，争取图片类富结果

执行流程：先读取项目上下文文件，判断图片所在页面类型（Hero、文章、商品、信任徽章、社交预览）、首屏/非首屏位置与图片数量，再逐项输出优化建议，覆盖 Alt、配图文案、文件名、格式与响应式方案、懒加载策略、sitemap 及关键页首选图配置。

适用边界与注意点

• CSS 背景图不会被索引，需要收录时必须改用 <img>
• 首屏图片禁用懒加载，否则直接伤害 LCP；srcset 仍需回退 src，部分爬虫并不解析它
• 技能只产出建议与配置参考，不自动安装依赖、修改系统权限或执行下载；涉及发送、发布、部署等外部写入时，会先说明影响并取得确认