网站图片怎么处理：尺寸、替代文本与搜索可读性

一篇香草换盆教学放了十张照片，文件都压小了，读者却看不出哪张是在检查根部、哪张是在加土。图片处理的起点是它要解释的事情；尺寸、文本说明与下载量，都应服务这个目的。

可以把每张图当成一个有任务的小素材包：保留原始文件、制作网页版本、补齐用途说明，再查看实际页面的呈现。这样更容易在改版或换工具后追查问题，也不会把图片搜索的表现全押在某个插件分数上。

先决定图片要补充什么信息

在插入图片前，先写一句它要回答的问题。例如根部近照要让读者看懂根团是否过密，完成照则呈现土面与盆缘的距离。两张照片虽然拍同一盆植物，对文章的作用不同，不能给它们使用完全相同的文件名和说明。

如果删掉图片后，读者会少掉一个必要步骤，就应确保重要信息也能通过文本理解。复杂流程图可以在正文列出流程与条件；小图上的密集标注不适合承担全部教学。把图片放在相关段落附近，也有助于人与搜索系统理解上下文。

纯背景纹理或不提供新信息的装饰图，处理方式则不同。不必为了每张图都填入关键词而制造额外干扰。先标出信息性图片、功能图与装饰图，之后编写替代文本时就有一致的判断依据。

按显示用途输出尺寸与格式

先查看文章内容栏、手机版和放大查看的需求，再决定输出尺寸。相片原始文件可能远大于页面需要，但也不能把教学细节缩到模糊。保留高质量原始文件，在另外的网页版本调整裁切、分辨率与压缩，方便日后重新制作。

照片、透明图案与文本截屏可分别试用合适格式。Google 图片支持 JPEG、PNG、WebP、AVIF 和 SVG 等格式；支持格式不等于每种素材用它都最省。实际比较文件大小与清晰度，特别注意截屏细字、边缘、透明背景和颜色是否改变。

响应式图片可提供多个尺寸，让浏览器依条件挑选。Google 建议使用标准 img，搭配 srcset 或 picture 时仍提供 src 备用 URL。只在 CSS 背景中呈现的图，不应被当成可供 Google 图片索引的内容图。这是输出方式的检查，不能只看编辑器缩略图。

文件名与替代文本各做自己的工作

上传前使用简短、能辨识内容的文件名，例如 herb-root-check，而不是留下一串相机流水号。文件名可以提供线索，但不需要堆入城市、品牌和所有热门搜索词。既有网站若要重命名，还要处理旧引用，不能直接批量改名造成图片无法显示。

替代文本依目前文章情境描述意义。根部照片可写「取出盆栽后，根系沿盆壁密集缠绕」，让无法看到照片的人理解这一步。若同张图改用在销售花盆的页面，描述重点可能不同；它不是素材永远不变的广告标语，也不必以「这是一张图片」开头。

W3C 的判断方式也涵盖功能和装饰：只有图像的按钮需要表达动作或目的地，纯装饰 img 可用空的 alt 属性。空值与完全漏掉属性不是同一件事。图片说明则提供所有读者可见的补充内容，不能假设填了图片说明就已完成替代文本。

在 WordPress 逐页确认图片字段

使用图片区块上传或选取媒体后，检查分辨率、裁切比例与相关文本。WordPress 官方文档说明，在区块设置修改替代文本只影响该页或文章；媒体库的替代文本则是之后插入图片时的默认值。因此更新媒体库后，仍要查看重要旧文章的实际输出。

不要把显示宽度变小，直接当作下载文件已变小。打开公开页面，确认浏览器加载的图片版本、实际文件大小与页面需求相符。若主题把横图裁成方图，也要确认根部、手势或必要标记仍在范围内。

图库、文章封面和内容区块可能有不同设置来源，应分开抽查。换盆文章可以选一张步骤近照、一张全景和一张图解作代表，再确认所有其他图片沿用相同流程；不是只检查首页封面，就推论整个媒体库都处理完成。

1. 整理原始文件与网页版本，记下用途、尺寸及素材来源。
2. 插入图片区块，选择适合版面的分辨率与裁切。
3. 依这一页的语境填写替代文本或确认装饰标记。
4. 在公开页面核对实际图片、文本字段与手机显示。

用 Smush 辅助处理，先做小批量比较

Smush 的官方插件页列有上传时压缩、单张与批量处理，以及延迟加载等功能；图片 CDN 等项目标示为 Pro。安装前先核对目前版本和方案提供什么，尤其网站若已有主机或另一套插件处理图片，应先厘清谁负责哪一段。

先在可恢复的环境挑几张代表图，保存处理前后的文件和页面截图，确认设置没有牺牲教学细节，再评估批量处理。原始文件另行备份，并确认工具能恢复的实际范围；不能看到「压缩完成」就以为原图、缩略图与站外文件都能完整恢复。

插件的压缩比例不能代替内容验收。根部细丝被抹掉、截屏文本难读，或图解的线条与背景混在一起，都应调整画质或排除个别图片。压缩工具也不会替你决定照片在段落中的意义，替代文本与图片说明仍需要编辑判断。

发布时核对可读性，更新时保留记录

检查读者能否顺着正文理解每张图，图片网址是否可取得，必要信息有没有藏在过小文本里。图像被裁切、无法显示或在手机上溢出，都应列成具体问题；不要只用「图片 SEO 不好」这种无法定位的描述。

用素材表保存文件名、使用文章、原始文件位置、来源或自行绘制记录、输出版本与替代文本。取得授权的照片也要留下作者、授权条件与来源链接，避免下次重新制作时不知道可否使用。这份表同样能帮助换图与删除未使用资产。

完成后，将下载量、视觉质量与搜索可读性分开记录。图片可以被找到，不代表一定被索引或得到特定排名；文件变小也不保证整页速度改善。把每次修改的目的与结果留清楚，才知道下一轮该改图片、版面，还是其他加载资源。

检查文章分享卡片中的图片显示效果。

建立网站技术 SEO 的检查顺序。

大幅修改图片前，先备份 WordPress 文件与数据。

• 教程
• 软件与应用
• 营销与 SEO
• SEO