Revisa función, explicación y entrega por separado. Una imagen accesible y pertinente mejora la información disponible; su aparición en buscadores se comprueba después.
Empieza por la función de la imagen
En una revista ficticia, una fotografía muestra cómo encaja una tapa en una caja. En otra página, la misma fotografía solo acompaña un ambiente de escritorio. El archivo es idéntico, pero cambia lo que necesita comunicar. Anota qué perdería la persona si la imagen desapareciera y si esa información ya existe en el texto.
El árbol de decisión de W3C distingue imágenes informativas, funcionales y decorativas. Usa esa distinción para revisar cada contexto. Una ilustración ornamental puede necesitar un atributo alt vacío; una imagen que es el único contenido de un enlace debe comunicar el destino o la acción.
Escribe la información que hace falta
Para la caja ficticia, una alternativa posible es “La pestaña de la tapa entra en la ranura del lado corto”. Describe el detalle que explica el montaje. “Caja excelente, cajas económicas, comprar cajas” no cumple esa tarea. Tampoco hace falta inventariar cada color cuando el color no ayuda a comprender la instrucción.
Revisa la alternativa junto al párrafo y al pie. El pie puede añadir procedencia o contexto visible; el alt cubre el significado necesario cuando la imagen no se percibe. Evita repetir automáticamente el título del artículo en todas las imágenes. Google recomienda texto alternativo pertinente y contextual, sin acumulación de palabras clave.
Haz que un gráfico se pueda reconstruir
Supón un gráfico ficticio de solicitudes recibidas: lunes 4, martes 7 y miércoles 5. “Gráfico de solicitudes” identifica el objeto, pero deja fuera los valores. Una alternativa breve puede presentar el asunto y remitir a una tabla contigua con los datos completos. Aquí la información no depende del color ni de adivinar la altura de las barras.
| Día | Solicitudes recibidas |
|---|---|
| Lunes | 4 |
| Martes | 7 |
| Miércoles | 5 |
Añade unidad, periodo y cualquier límite relevante. Si el gráfico muestra una estimación, conserva esa condición en la explicación. W3C recomienda ofrecer fuera de la imagen la información compleja que contiene.
Comprueba cómo llega el archivo a la página
Guarda un nombre corto reconocible y una versión de calidad suficiente para su tamaño de lectura. Abre la página en una pantalla pequeña: ¿se distingue el detalle importante o el recorte lo elimina? Una miniatura agradable puede resultar inútil para seguir el montaje.
Google documenta que encuentra imágenes mediante src en elementos img y que no indexa imágenes de fondo CSS. Comprueba la implementación real y abre la URL del recurso. El archivo y la página que lo utiliza necesitan sus propias verificaciones; una página que carga no demuestra que todas sus imágenes estén disponibles.
Revisa cada contexto y cada idioma
Una edición china necesita una explicación china del mismo detalle, aunque comparta archivo con la española. Traduce también los rótulos esenciales de un gráfico o aporta sus datos en texto comprensible. Si cambia la información representada, conserva una versión identificable para evitar que una guía siga describiendo la imagen anterior.
La guía de fundamentos técnicos completa la comprobación de acceso. La revisión de datos del artículo ayuda a contrastar la imagen declarada con la que representa realmente la página.
Conserva una ficha pequeña de publicación
- Página y función concreta de la imagen.
- Archivo, procedencia y autorización de uso comprobada.
- Alternativa, pie y datos adicionales por idioma.
- Tamaño de lectura, recorte y URL publicados.
- Fecha de revisión y observaciones pendientes.
Prueba una imagen con esta ficha y pide a otra persona que explique qué información conserva al leer el texto sin verla. Registra el problema encontrado y la corrección. El resultado demuestra esa revisión editorial, sin prometer posiciones ni selección de miniaturas por un buscador.
Publish a Useful Image: Context, Alt Text and the File
A photograph or chart needs a job within its page. Before adding keywords to a filename, decide what information it contributes and how someone who cannot see it will understand that information.
Review function, explanation and delivery separately. An accessible, relevant image improves the available information; search appearance needs its own later observation.
Start with the image’s function
In a fictional magazine, a photograph shows how a lid fits into a box. On another page, the same photograph simply accompanies a desk scene. The file is identical, but what it needs to communicate changes. Note what a person would lose if the image disappeared and whether that information already exists in the text.
W3C’s decision tree distinguishes informative, functional and decorative images. Use that distinction to review each context. An ornamental illustration may need an empty alt attribute; an image providing the only content of a link needs to communicate the destination or action.
Write the information that is needed
For the fictional box, an alternative could be “The lid’s tab fits into the slot on the short side.” It describes the detail explaining assembly. “Excellent box, cheap boxes, buy boxes” does not do that job. Nor must you inventory every color when color does not help explain the instruction.
Review the alternative alongside the paragraph and caption. A caption can add visible context or provenance; alt conveys necessary meaning when the image cannot be perceived. Avoid automatically repeating the article title for every image. Google recommends relevant, contextual alt text without keyword stuffing.
Make a chart possible to reconstruct
Imagine a fictional chart of requests received: Monday 4, Tuesday 7 and Wednesday 5. “Requests chart” identifies the object but leaves out its values. A short alternative can introduce the subject and direct readers to an adjacent table containing the complete data. Here the information does not depend on color or guessing bar heights.
| Day | Requests received |
|---|---|
| Monday | 4 |
| Tuesday | 7 |
| Wednesday | 5 |
Add the unit, period and relevant limitations. If the chart shows an estimate, preserve that condition in the explanation. W3C recommends providing complex image information elsewhere on the page.
Check how the file reaches the page
Keep a short, recognizable filename and a version with sufficient quality at its reading size. Open the page on a small screen: is the important detail visible, or does a crop remove it? An attractive thumbnail may be unusable for following an assembly instruction.
Google documents finding images through src in img elements and does not index CSS background images. Check the actual implementation and open the resource URL. The file and its landing page need separate checks; a page loading does not establish that all its images are available.
Review every context and language
A Chinese edition needs a Chinese explanation of the same detail, even when it shares a file with Spanish. Translate essential chart labels too, or provide the data in understandable text. When the represented information changes, keep an identifiable version so a guide does not continue describing an earlier image.
Our technical foundations guide completes the access check. The article data review helps compare a declared image with the one actually representing the page.
Keep a small publication record
- Page and specific image function.
- File, provenance and verified permission to use it.
- Alternative, caption and additional data in each language.
- Reading size, crop and published URL.
- Review date and unresolved observations.
Try the record on one image and ask another person to explain what information survives when reading the text without seeing it. Record the issue found and its correction. That result demonstrates this editorial review, without promising rankings or a search engine’s thumbnail selection.
发布有用的图片：语境、替代文本与文件
照片或图表需要在页面中承担具体任务。为文件名加入关键词之前，先确定它补充什么信息，以及无法看到图片的人如何理解这些信息。
分别检查功能、说明和文件交付。易于理解且相关的图片改善信息表达；搜索展示仍需另行观察。
先判断图片的功能
在一家虚构杂志中，一张照片说明盒盖怎样与盒子连接。在另一页，同一照片只用于营造桌面氛围。文件相同，表达任务却不同。记录图片消失后读者会缺少什么，以及文字是否已经提供了这些信息。
W3C 决策树区分信息性、功能性和装饰性图片，可以据此逐个检查语境。纯装饰插图可能需要空的 alt 属性；如果链接只有一张图片，它的替代文本就需要表达目标或动作。
写出理解任务所需的信息
对虚构盒子，可以写“盒盖上的插片嵌入短边的槽口”。这句话描述解释组装方式的细节。“优质盒子、便宜盒子、购买盒子”无法完成这项任务。如果颜色不影响理解，也无须列举每一种颜色。
将替代文本与段落、图注一起审核。图注可以补充可见的来源或背景；alt 则在无法感知图片时传达必要含义。不要给所有图片机械重复文章标题。Google 建议替代文本符合语境、包含相关信息，并避免堆砌关键词。
让图表信息能够被还原
假设一幅虚构图表表示收到的请求：周一 4 个、周二 7 个、周三 5 个。“请求图表”说明了对象，却没有说明数值。简短替代文本可以介绍主题，并指向旁边包含完整数据的表格。这样信息不依赖颜色，也无须猜测柱形高度。
| 日期 | 收到的请求 |
|---|---|
| 周一 | 4 |
| 周二 | 7 |
| 周三 | 5 |
补充单位、时期和相关限制。如果图表表示估计值，文字也应保留这一条件。W3C 建议在图片之外提供复杂图片所包含的信息。
核对文件怎样出现在页面上
保留简短、容易识别的文件名，并选择在实际阅读尺寸下足够清晰的版本。在小屏幕打开页面：关键细节是否可辨，还是被裁切掉了？好看的缩略图可能无法支持组装操作。
Google 说明它通过 img 元素的 src 发现图片，不索引 CSS 背景图片。检查实际实现，并打开资源网址。文件与使用它的页面需要分别核对；页面能打开，并不证明其中所有图片都可用。
逐个审核语境与语言版本
中文版需要用中文解释相同细节，即使它与西班牙文版共用文件。图表的重要标签也应翻译，或以读者能理解的文字提供数据。信息改变时保留可识别的版本，避免指南继续描述旧图。
保留一份简短的发布记录
- 页面与图片的具体功能。
- 文件、来源与已核实的使用许可。
- 各语言的替代文本、图注和补充数据。
- 阅读尺寸、裁切与发布网址。
- 审核日期与待解决的观察。
先用一张图片试填，再请另一个人说明只读文字、不看图片时保留了哪些信息。记录发现的问题及修正。结果说明这次编辑审核已经完成，不保证排名，也不保证搜索引擎选择哪张缩略图。
Fuentes y método
Fuentes consultadas el 19 de octubre de 2026. Los escenarios y cifras ilustrativos son ficticios. Las fichas y ejercicios son propuestas editoriales originales, sin resultados de clientes ni pruebas de proveedores atribuidos. Editorial standards · Disclosures.
