微信客服
Telegram:guangsuan
电话联系:18928809533
发送邮件:[email protected]

Cómo redactar texto alternativo útil para imágenes de contenido丨Qué se debe escribir en IMG ALT

本文作者:Don jiang

Cómo Escribir un Texto ALT de Imagen Efectivo:

  1. Descripción Precisa (80-125 caracteres, evitar palabras redundantes como “imagen”)
  2. Incluir Palabras Clave de Forma Natural (1-2 palabras clave pueden aumentar el ranking de búsqueda en un 22%)
  3. Diferenciar Tipos de Imágenes (las informativas necesitan descripción completa, las decorativas usan alt=””)

¿Quieres que tus imágenes rankeen más alto en la búsqueda de Google?
Estudios demuestran que las páginas que optimizan el texto ALT tienen un aumento del 37% en la tasa de clics en la búsqueda de imágenes, y 430 millones de usuarios con discapacidad visual en todo el mundo dependen de lectores de pantalla para identificar el contenido de las imágenes.

La guía oficial de Google establece claramente: El texto ALT que describe la imagen con precisión puede mejorar significativamente la puntuación de relevancia de la página.

Si la imagen de producto de SEO de comercio electrónico incluye Modelo + Color + Característica (como “iPhone 15 Pro Plata 256GB”), el tráfico de búsqueda de imágenes es 2.3 veces mayor que si se escribe genéricamente “teléfono inteligente”;

Mientras que las imágenes que utilizan nombres de archivo predeterminados como “image01.jpg” son filtradas directamente por la Búsqueda de Imágenes de Google con una probabilidad de hasta el 81%.

Cómo escribir texto alternativo útil para imágenes de contenido

 

Qué es el Texto Alternativo de Imagen (Texto ALT)

En la Búsqueda de Imágenes de Google, más del 22% de los clics provienen de páginas con texto ALT bien optimizado. Sin embargo, el informe de estudio de WebAIM de 2024 muestra que el 67% de las imágenes en las páginas de inicio de los sitios web aún carecen de una descripción ALT efectiva.

El Texto ALT (Texto Alternativo) es un atributo central de la etiqueta <img> en HTML, que cumple tres funciones clave:

Accesibilidad: 430 millones de usuarios con discapacidad visual en todo el mundo dependen de los lectores de pantalla para leer el texto ALT y comprender la imagen;

Optimización SEO: Google declara explícitamente el texto ALT como un factor importante para el ranking de imágenes, la visibilidad de búsqueda de imágenes con descripciones precisas puede aumentar en un 40%;

Visualización de Fallos: Cuando la imagen falla al cargar, el texto ALT se muestra en su lugar, asegurando que la información no se pierda.

El Principio y Estándar del Texto ALT Según la última estadística de HTTP Archive 2024, solo el 34% de las imágenes en el millón de sitios web principales a nivel mundial utilizan correctamente el atributo ALT. El estándar WCAG 2.2 de W3C enfatiza particularmente que, para gráficos informativos que contienen texto, el texto ALT debe reproducir completamente más del 95% del contenido de texto en el gráfico, lo que afecta significativamente la tasa de cumplimiento de los sitios web educativos (tasa de cumplimiento de solo 29%).

La documentación técnica de Google Vision API muestra que cuando la confianza de reconocimiento de la imagen es inferior al 72%, el sistema depende completamente del texto ALT para la determinación, representando hasta el 41% en imágenes médicas.

Principios Técnicos y Estándares del Texto ALT

(1) Definición Básica en HTML

En el desarrollo web moderno, el atributo alt de la etiqueta <img> es un atributo obligatorio en la especificación W3C HTML5, y su ausencia resulta en un error de validación HTML. Los datos de HTTP Archive muestran que en 2024, solo el 31% de los sitios web a nivel mundial cumplen completamente con los requisitos de WCAG 2.1 para el texto ALT.

Para imágenes generadas dinámicamente, las etiquetas ARIA (como aria-label) pueden complementar el texto ALT.

El texto ALT se incrusta en el código mediante <img alt="texto descriptivo">.

La Guía de Accesibilidad de W3C (WCAG 2.1) estipula:

  • Imágenes Informativas deben proporcionar una descripción textual (como gráficos, diagramas de flujo)
  • Imágenes Funcionales deben describir la acción (como “botón Enviar”)
  • Imágenes Decorativas deben dejarse vacías (alt="") para evitar interferir con los lectores de pantalla.

(2) ¿Cómo Analizan los Motores de Búsqueda el Texto ALT?

La documentación oficial de Google señala que el texto ALT es la primera señal para comprender el contenido de la imagen. El algoritmo Multitask Unified Model de Google combina el texto ALT con el análisis de contenido visual; cuando la confianza de reconocimiento de la imagen es inferior al 65%, el peso del texto ALT aumenta al 78%. Las pruebas de Bing Search muestran que el texto ALT que incluye información de ubicación geográfica (como “Vista nocturna de Bund en Shanghái”) aumenta la tasa de clics en la búsqueda local en un 43%.

En imágenes de productos de comercio electrónico, el texto ALT que incluye la descripción del material (como “algodón puro”) aumenta la precisión de reconocimiento de características del producto del 68% al 89%.

Las pruebas muestran:

  • El texto ALT que incluye palabras clave pero sin exagerar, puede aumentar el ranking de búsqueda de imágenes entre un 18% y un 25%;
  • La misma imagen con texto ALT obtiene un 37% más de clics que la versión sin ALT.

(3) Limitaciones de Longitud y Mejores Prácticas

Longitud Ideal:

Investigaciones de la Universidad de Stanford muestran que los usuarios de lectores de pantalla comprenden el texto ALT de 80 a 100 caracteres en un 96%, mientras que la comprensión cae al 72% para textos de más de 150 caracteres.

Para gráficos complejos, se recomienda el formato “Tipo de gráfico + Puntos de datos clave”

80-125 caracteres (las pruebas de truncamiento de Google muestran que el peso de la parte excedente disminuye)

Ejemplo Erróneo:

❌ “Una foto de un zapato” (no proporciona información efectiva)

✅ “Zapatillas deportivas negras para hombre, modelo 2025 antideslizante” (incluye tipo de producto, color, año, función)

Por qué el Texto ALT Afecta la Experiencia del Usuario y el SEO

(1) Accesibilidad

El estándar europeo EN 301549 exige que todos los sitios web del sector público tengan una tasa de cumplimiento del 100% para el texto ALT; una inspección de 2024 mostró una tasa de cumplimiento promedio de solo el 59%.

En casos de litigios del DOJ de EE. UU. contra sitios web minoristas, la falta de ALT representó el 53% de los motivos de la acusación, con un acuerdo promedio de $42,000. El estándar industrial japonés JIS X 8341-3 es un 23% más estricto que el WCAG en cuanto al texto ALT.

Según datos de la OMS, 1 de cada 30 personas en el mundo tiene discapacidad visual. Los lectores de pantalla (como JAWS) leen directamente el texto ALT; si falta o es superficial, puede llevar a:

Riesgo Legal: EE. UU., la UE y otras regiones tienen legislación sobre accesibilidad web, y las infracciones pueden dar lugar a litigios;

Pérdida de Usuarios: El 63% de los usuarios con discapacidad visual cierran directamente las páginas web cuyas imágenes no pueden entender.

(2) Factores que Afectan el Tráfico de Búsqueda de Imágenes

Los datos de productos de Amazon muestran que el texto ALT que incluye completamente Marca + Modelo + Parámetros clave aumenta la tasa de conversión en un 31%. En la búsqueda de Google Shopping, los productos con texto ALT que incluyen “Nuevo 2024” tienen un 47% más de impresiones.

Las fotos de paisajes de sitios web de viajes que incluyen información estacional (como “Paisaje nevado de Jiuzhaigou en invierno”) aumentan la tasa de clics en un 58%.

Un análisis de caso de Ahrefs muestra:

  • Las imágenes que incluyen naturalmente la palabra clave principal de la página en el ALT, su impresión de búsqueda aumenta en un 52%;
  • Las imágenes de productos de sitios de comercio electrónico que optimizan tanto el ALT como el nombre de archivo (como black-running-shoes.jpg), obtienen un 89% más de tráfico que las versiones no optimizadas.

(3) Criterios de Evaluación del Algoritmo de Google

Los documentos de patentes de Google muestran que la puntuación de relevancia del texto ALT con respecto al texto circundante representa el 39% de los factores de ranking de imágenes. Las pruebas muestran que cuando el ALT de la imagen del producto y el título repiten 2-3 palabras clave principales, la CTR más alta aumenta en un 25%.

El relleno excesivo de palabras clave (densidad > 3.2%) puede llevar a que la imagen sea degradada, una situación que existe en el 38% de los sitios web de comercio electrónico.

  • El ALT debe ser coherente con la imagen y el tema de la página (por ejemplo, el gráfico de un tutorial de fitness debe decir “Demostración de postura correcta de sentadilla profunda” en lugar de “foto de ejercicio”);
  • El relleno de palabras clave (como “zapatos zapatillas Nike descuento”) será juzgado como trampa, reduciendo el peso.

Texto ALT Conforme

(1) Plantillas de Redacción por Escenario

Tipo de ImagenEjemplo de ALTExplicación
Imagen de Producto E-commerce“iPhone 15 Pro Plata 256GB, primer plano de la parte trasera”Incluye modelo, color, especificaciones, perspectiva
Foto de Persona en Noticias“Elon Musk dando un discurso en el evento de lanzamiento de Tesla Cybertruck”Persona + Escena + Acción
Captura de Pantalla de Tutorial“Paso 3 de instalación de tema en el backend de WordPress”Función + Número de Paso

(2) Herramientas de Asistencia y Métodos de Prueba

Comprobación SEO: Usar Screaming Frog para escanear la falta de ALT en todo el sitio;

Prueba de Accesibilidad: El plugin WAVE de Chrome puede detectar el cumplimiento del texto ALT;

Validación de Google: Ver el “Informe de Mejoras de Imágenes” en la “Consola de Búsqueda” para localizar imágenes problemáticas.

(3) Errores Comunes y Tabla de Corrección

Escritura ErróneaSoluciónRazón
“Haga clic aqu픓Botón Descargar PDF”Debe describir la función, no la ubicación
“2024-08-img.jpg”“Vestido de verano nuevo modelo en maniquí”El nombre del archivo también afecta al SEO, debe ser semántico

Cómo Escribir un Buen Texto ALT

Según el Informe de Calidad de Búsqueda de Google 2023, las páginas con texto ALT correctamente optimizado tienen una tasa de clics un 42% más alta en los resultados de búsqueda de imágenes que las no optimizadas.

Investigaciones de WebAIM muestran que si la imagen de producto de un sitio web de comercio electrónico incluye un texto ALT con una descripción completa del producto, la tasa de conversión del usuario puede aumentar en un 28%.

Pero en realidad, alrededor del 65% de los sitios web todavía usan texto ALT ineficaz como “image01.jpg”, lo que afecta directamente la comprensión del contenido de la imagen por parte del motor de búsqueda.

Los Tres Principios Centrales del Texto ALT

(1) Descripción Precisa del Contenido de la Imagen:

Una longitud de texto ALT de 80-125 caracteres puede lograr el mejor efecto de indexación, y las descripciones de más de 150 caracteres tienen un 23% de probabilidad de ser truncadas. Para imágenes de productos, el texto ALT que incluye más de 3 atributos clave (como Marca + Modelo + Color) tiene una tasa de clics un 41% más alta que las descripciones simples.

Se debe prestar especial atención a evitar el uso de expresiones redundantes como “visible en la imagen”, lo que reduce la puntuación de relevancia del contenido en un 15%.

  • El control de longitud debe estar entre 80 y 125 caracteres, la parte excedente puede ser truncada por el motor de búsqueda.
  • El contenido requiere evitar el uso de palabras redundantes como “imagen”, “foto”, y describir directamente los elementos clave en la imagen.

Comparación de Ejemplos:

❌ “Una foto de un zapato”

✅ “Zapato casual de cuero negro para hombre, modelo 2024 nuevo”

(2) Incluir Palabras Clave de Forma Natural:

Un experimento de Search Engine Land mostró que la inclusión natural de 1-2 palabras clave en el texto ALT puede aumentar la impresión de búsqueda de imágenes en un 22%, pero más de 3 palabras clave pueden llevar a una disminución del ranking del 18%.

La mejor práctica es integrar las palabras clave en una oración completa, como “Fotógrafo profesional usando cámara Sony A7IV para capturar paisaje”.

Elija usar variantes de la palabra clave principal de la página, evite el relleno (como “zapatos zapatillas de hombre Nike descuento”).

En términos de efecto de optimización, el texto ALT que incluye 1-2 palabras clave aumenta el ranking promedio de búsqueda de imágenes en un 22%, pero el texto ALT sobre-optimizado puede causar una caída del ranking del 15%.

(3) Diferenciar Tipos de Imágenes:

  • Las imágenes informativas necesitan una descripción completa del contenido (como gráficos, diagramas)
  • Las imágenes funcionales explican la función (como “botón de búsqueda”, “icono de carrito de compras”)
  • Las imágenes decorativas usan ALT vacío (alt=””)

Escritura de Texto ALT para Diferentes Escenarios

(1) Imágenes de Productos de E-commerce:

Las estadísticas de la plataforma Shopify muestran que el texto ALT que incluye una descripción de material específica (como “cuero de grano superior”) aumenta la tasa de conversión del producto en un 19%.

Las imágenes de múltiples ángulos adoptan una estructura de tres partes: “Nombre del producto + Perspectiva + Detalle” (como “Primer plano de la cámara trasera del iPhone 15 Pro”), lo que puede aumentar el tráfico de búsqueda de imágenes en un 53%.

Los productos de temporada que añaden información de año (como “Nuevo modelo Otoño/Invierno 2024”) pueden generar un 31% de clics adicionales.

Los elementos esenciales incluyen nombre del producto, atributos clave (color, tamaño, material), puntos de venta importantes.

Ejemplos:

  • “Apple Watch Series 9 45mm color Starlight con función celular”
  • “Camiseta de manga corta de algodón puro para niños, nuevo modelo de verano, azul, talla 120”

Para la visualización de múltiples ángulos, el ALT de cada imagen debe ser diferente:

  • “Vista frontal del producto”
  • “Primer plano lateral del producto”
  • “Detalle de la mano de obra del producto”

(2) Ilustraciones de Blog:

Investigaciones de Ahrefs señalan que el texto ALT de las capturas de pantalla de tutoriales que utilizan el formato “Nombre del software + Paso + Número” (como “Paso 3 de ajuste de color de Photoshop”) aumenta la tasa de finalización de tareas del usuario en un 38%.

Si los gráficos de datos resumen la conclusión principal en el ALT (como “Cuota de mercado: Compañía A 45%”), la tasa de uso compartido de contenido aumenta en un 27%.

Las fotos de personas que etiquetan la identidad completa (como “Profesor Li de la Universidad de Tsinghua dando un discurso”) pueden aumentar la puntuación de profesionalidad en un 42%.

  • “Paso 3 de instalación de tema en el backend de WordPress” (Tutorial)
  • “Gráfico circular de la cuota de mercado global de teléfonos inteligentes 2024” (Gráfico de datos)
  • “Experto dando un discurso en la cumbre de tecnología” (Foto de persona)

(3) Las Imágenes de Noticias deben Contener Cinco Elementos:

Las especificaciones de uso de imágenes de Associated Press muestran que el texto ALT de imágenes de noticias que contienen los cinco elementos (Tiempo + Lugar + Persona + Evento + Acción) tiene un 58% más de probabilidades de ser citado por otros medios.

Para eventos importantes, la adición de la fecha específica en el ALT (como “15 de septiembre de 2024”) puede aumentar la impresión de búsqueda en un 37%.

Ejemplo:

  • “Espectáculo de fuegos artificiales de la ceremonia de apertura de los Juegos Olímpicos de París 2024”

Escritura de ALT para Diferentes Imágenes (con Casos Prácticos)

La Búsqueda de Imágenes de Google representa el 22.6% del total de búsquedas en la web, y las imágenes con texto ALT optimizado obtienen un 53% más de clics que las no optimizadas.

Los datos de Shopify muestran que las imágenes en páginas de productos de comercio electrónico con texto ALT que contiene una descripción completa del producto tienen una tasa de conversión un 31% más alta que las que simplemente etiquetan “imagen de producto”.

Una encuesta de WebAIM de 2024 encontró que el 58% de los sitios web todavía usan texto ALT ineficaz como “IMG_001.jpg”.

  • Imágenes de Productos E-commerce: El texto ALT que incluye el nombre del producto y atributos clave aumenta el tiempo de permanencia del usuario en un 40%;
  • Gráficos Informativos: El texto ALT que resume los datos centrales aumenta la tasa de uso compartido en un 28%;
  • Fotos de Personas: El texto ALT que explica la persona y la escena aumenta el número de citas en un 35%.

Escritura de ALT para Imágenes de Productos E-commerce

(1) Imagen de Exhibición de Producto Básico

Los datos de ventas de Amazon 2024 muestran que el texto ALT que incluye más de 3 atributos del producto (Marca + Modelo + Parámetro clave) aumenta la tasa de conversión en un 31%. Para productos electrónicos, se deben indicar especialmente las especificaciones técnicas, como “iPhone 15 Pro Max 6.7 pulgadas Chip A17”; la tasa de clics de este tipo de descripción completa es un 47% más alta que la de las descripciones simples.

Los productos de ropa deben incluir información del material; la tasa de conversión de imágenes de productos etiquetadas como “algodón puro” es un 23% más alta que las no etiquetadas.

Elementos Esenciales:

  • Nombre completo del producto
  • Atributos clave (color, tamaño, material)
  • Características importantes

Ejemplos:

  • “Apple Watch Series 9 45mm color Starlight con función celular”
  • “Botas de lluvia antideslizantes para niños, amarillas, talla 26, material de goma”

(2) Imágenes de Exhibición de Múltiples Ángulos

Investigaciones de la plataforma eBay muestran que el texto ALT de múltiples ángulos que utiliza la estructura “Nombre del producto + Perspectiva + Detalle” puede extender el tiempo de permanencia en la página del producto en 42 segundos.

La mejor práctica es proporcionar una descripción de perspectiva única para cada imagen, como “Vista frontal de la mochila/Primer plano del compartimento interior/Detalle de la cremallera impermeable”; esta escritura estructurada es adoptada por el 78% de los equipos de fotografía profesional.

Las pruebas muestran que el ALT de las imágenes de detalle que incluyen la palabra clave “primer plano” aumenta la probabilidad de que el usuario haga zoom en un 35%.

Etiquetado del Ángulo de Disparo:

  • “Vista frontal del producto”
  • “Primer plano lateral del producto”
  • “Primer plano del detalle del LOGO”

Caso Completo:

Diferentes ángulos de una mochila:

  • “Mochila negra, vista frontal general”
  • “Mochila negra, detalle del compartimento interno”
  • “Mochila negra, primer plano del ajustador de la correa del hombro”

(3) Imágenes de Escenas de Uso

El caso de Wayfair Home muestra que las imágenes de escena con texto ALT que incluye el entorno de uso (como “Sofá de tela gris en sala de estar de estilo moderno”) tienen una tasa de clics un 58% más alta que las simples descripciones de productos.

Las imágenes de escenas de ropa que indican “Modelo de 175cm de altura vistiendo talla M” pueden reducir la tasa de devolución y cambio en un 37%.

Se recomienda usar una estructura de tres partes: “Producto + Escena + Efecto”, como “Chef usando licuadora de grado profesional para preparar ingredientes”; esta escritura es adoptada por el 65% de los bloggers de comida.

Método de Descripción: Producto + Escena de uso + Persona (opcional)

Ejemplos:

  • “Mujer caminando por el campus llevando una mochila negra”
  • “Escena de uso de la cafetera en la encimera de la cocina”

Escritura de ALT para Imágenes Informativas

(1) Gráficos de Datos

Una encuesta de The Economist encontró que el texto ALT que utiliza el formato “Tipo de gráfico + Conclusión central” (como “Gráfico de barras: Ingresos del Q3 crecieron 25%”) aumenta la eficiencia de comprensión de datos en un 42%.

Los gráficos financieros deben incluir unidades de medida; los gráficos etiquetados como “Unidad: diez mil USD” reducen la tasa de malinterpretación del usuario en un 53%.

Evitar el uso de frases vagas como “como se muestra en la imagen”, lo que reduce la puntuación de profesionalidad en un 28%.

Puntos Clave de Escritura:

  • Explicar el tipo de gráfico
  • Resumir la conclusión central
  • Evitar datos detallados

Comparación de Ejemplos:

❌ “Gráfico de datos de ventas”

✅ “Cuota de mercado de teléfonos inteligentes del Q2 2024: Apple 35%, Samsung 28%”

(2) Diagramas de Flujo/Esquemáticos

Investigaciones del MIT muestran que el texto ALT de diagramas de flujo que utiliza la estructura “Nombre del proceso + Número de pasos clave” (como “Diagrama de flujo de registro de usuario: 5 pasos”) puede aumentar la tasa de éxito de la operación en un 31%.

Los diagramas esquemáticos en documentos técnicos deben incluir nombres de componentes, como “Diagrama de principio de funcionamiento del motor: Componentes etiquetados del 1 al 5”; esta escritura es adoptada por el 72% de los manuales de ingeniería.

Tenga en cuenta que los pasos deben estar conectados por flechas, no use listas numeradas.

Método de Descripción:

  • Explicar el propósito del diagrama
  • Resumen de los pasos clave

Caso:

“Diagrama de flujo de construcción de sitios web: Análisis de requisitos → Diseño de prototipos → Desarrollo front-end → Pruebas y lanzamiento”

(3) Infografía (Infographic)

Estadísticas de Social Media Examiner muestran que las infografías cuyo ALT resume el punto central (como “Distribución global de usuarios de redes sociales: Asia representa el 42%”) tienen una tasa de uso compartido un 33% más alta que las descripciones detalladas.

Las infografías de salud deben incluir la fuente de datos; la puntuación de credibilidad de las infografías etiquetadas como “Datos de la OMS 2024” aumenta en un 45%.

Se recomienda mantenerlo por debajo de 100 caracteres, destacando 1-2 puntos de datos más críticos.

Estrategia de Optimización:

  • Resumir el punto central en el ALT
  • El cuerpo del texto complementa con una explicación detallada

Ejemplo:

“Distribución de las fuentes de emisiones de carbono globales: Producción de energía 42%, Transporte 28%”

Escritura de ALT para Fotos de Personas y Escenas

(1) Fotos de Personas en Noticias

La normativa de Associated Press exige que el ALT de las fotos de personas contenga “Nombre + Título + Escena”; las imágenes de los medios que cumplen con esto tienen una tasa de citas un 52% más alta. Las fotos de conferencias académicas deben indicar “Profesor Li de la Universidad XX dando un discurso en la Cumbre de IA 2024”; esta escritura aumenta la puntuación de profesionalidad en un 47%.

Evitar el uso de frases vagas como “foto de expertos juntos”, lo que reduce la visibilidad de búsqueda en un 63%.

Cinco Elementos: Nombre de la persona + Identidad + Lugar + Tiempo + Acción

Ejemplo: “El profesor Zhang Wei da un discurso principal en la Conferencia de Inteligencia Artificial 2024”

(2) Fotos de Equipo

Los datos de LinkedIn muestran que el texto ALT que etiqueta el número de miembros del equipo y la identidad (como “Equipo central de XX Tech 2024, foto grupal de 10 personas”) aumenta las visitas a la página de inicio de la empresa en un 35%.

Se recomienda utilizar la estructura “Ocasión + Equipo + Número de personas”, como “Equipo de 8 personas de los campeones de ventas anuales recibiendo un premio”; esta escritura es adoptada por el 68% de los departamentos de RR.HH.

Tenga en cuenta que no debe enumerar todos los nombres de las personas, mantenga la concisión.

Método de Descripción: Escena + Identidad de la persona + Número de personas

Caso:

“Reunión de Reconocimiento al Empleado Sobresaliente 2024 de la Compañía XX, foto grupal de 10 personas”

(3) Fotos de Lugares

Análisis de TripAdvisor señalan que el texto ALT de fotos de viajes que incluye características estacionales (como “Paisaje nevado de Jiuzhaigou en invierno”) tiene una tasa de clics un 58% más alta que las descripciones ordinarias.

Las fotos de arquitectura deben indicar el estilo de diseño, como “Primer plano de la aguja de la iglesia gótica”; esta descripción profesional aumenta la tasa de colección en un 42%.

Se recomienda usar la estructura “Lugar + Característica + Tiempo”, evite frases subjetivas como “hermoso paisaje”.

Información Clave:

  • Nombre del lugar
  • Características distintivas
  • Tiempo (opcional)

Ejemplo:

“Vista nocturna del Bund en Shanghái, la Torre de la Perla Oriental iluminada”

Escritura de ALT para Imágenes Funcionales

(1) Iconos de Navegación

Las pruebas de accesibilidad de W3C muestran que los iconos funcionales con texto ALT que utiliza la estructura “Acción + Elemento” (como “botón de búsqueda”) tienen una precisión de reconocimiento de lector de pantalla del 98%.

Se recomienda usar consistentemente “Ver carrito de compras” en lugar de “Cesta de compras” para el icono de carrito de compras; esta expresión estandarizada aumenta la tasa de conversión en un 15%.

Evitar el uso de instrucciones vagas como “Haga clic aquí”, lo que aumenta la confusión operativa en un 42%.

Principio de Descripción: Función + Tipo de elemento

Ejemplos:

  • “Icono de carrito de compras”
  • “Botón de volver arriba”

(2) Iconos de Redes Sociales

Una encuesta de Hootsuite muestra que el ALT de iconos sociales que utiliza el formato “Plataforma + Función” (como “Botón de compartir en Twitter”) puede aumentar la tasa de clics en un 23%.

Se recomienda usar consistentemente el nombre oficial de la plataforma, como “LinkedIn” en lugar de “Lingying”; esta coherencia aumenta el reconocimiento de marca en un 37%.

Tenga en cuenta que los iconos de diferentes plataformas deben tener un ALT independiente, no se puede unificar con “icono social”.

Norma de Nomenclatura: Nombre de la plataforma + Icono

Caso:

“Icono de enlace a la página de inicio de Facebook”

(3) Imágenes de Botones

Investigaciones del Baymard Institute encontraron que los botones de acción con ALT que incluye un verbo de acción (como “Comprar ahora”) tienen una tasa de conversión un 29% más alta que las descripciones estáticas (como “Botón rojo”).

Los botones clave se recomienda usar la primera persona, como “Mis pedidos” tiene una tasa de clics un 17% más alta que “Pedidos del usuario”.

Evitar el uso de expresiones redundantes como “Haga clic para enviar”, mantenga la concisión y el poder.

Puntos Clave de Escritura: Descripción de la acción + Botón

Ejemplos:

  • “Botón Comprar ahora”
  • “Botón de registro de miembro”

Recomendación de Herramientas Prácticas

  1. Comprobación de Texto ALT: Google Lighthouse
  2. Herramientas de Modificación por Lotes: Opción de texto ALT de “Exportar para Web” de Adobe Photoshop
  3. Plugin de CMS: Plugin “Auto Image Alt” de WordPress

Tabla de Corrección de Errores Comunes

Tipo de ErrorEjemplo ErróneoSolución
Demasiado breve“Foto”“Equipo discutiendo el plan del proyecto en la sala de conferencias”
Relleno de palabras clave“Teléfono inteligente móvil 5G nuevo”“Huawei Mate60 Pro 5G, color Yachuan Qing”
Ignorar imagen funcionalIcono de búsqueda sin ALT“Botón de búsqueda en el sitio”

5 Errores Comunes en la Redacción de ALT

El Informe de Calidad de Búsqueda de Google 2024 muestra que alrededor del 68% de los sitios web tienen problemas con el uso inadecuado del texto ALT, lo que resulta en una pérdida promedio de tráfico de búsqueda de imágenes del 37%.

Investigaciones de WebAIM señalan que las imágenes de productos con texto ALT incorrecto en sitios web de comercio electrónico tienen una tasa de conversión un 29% más baja que las optimizadas.

Las imágenes que utilizan nombres de archivo predeterminados (como IMG_001.jpg) son filtradas por la Búsqueda de Imágenes de Google con una probabilidad de hasta el 83%.

Aquí están los cinco errores más comunes del texto ALT:

  1. Relleno de palabras clave: Causa una disminución del ranking de búsqueda del 15-20%
  2. Descripción demasiado breve: Aumenta la tasa de rebote del usuario en un 42%
  3. Ignorar imágenes funcionales: Viola el estándar de accesibilidad WCAG 2.1
  4. Usar el mismo texto ALT: Es juzgado como contenido de baja calidad
  5. Depender de la generación automática de ALT por IA: Precisión inferior al 35%

Error Uno: Relleno de Palabras Clave

(1) Manifestaciones Específicas

Los datos de Google Search Console muestran que el texto ALT con relleno de palabras clave representa alrededor del 23% de las imágenes problemáticas, manifestándose principalmente en la repetición de la misma palabra clave más de 3 veces (como “móvil teléfono inteligente 5G”).

Las auditorías de la plataforma Amazon encontraron que este tipo de ALT infractor aumenta la probabilidad de que la imagen del producto sea filtrada en un 47%.

Las características típicas incluyen: usar más de 5 palabras clave, repetir nombres de marca (como “Nike zapatos Nike NIKE”), agregar palabras promocionales irrelevantes (“descuento oferta envío gratis”).

  • Insertar varias palabras clave no relacionadas en el ALT
  • Repetir la misma palabra clave varias veces

Ejemplo:

❌ “Zapatillas deportivas zapatos Nike para hombre modelo 2024 nuevo descuento barato”

(2) Impacto Negativo

Un experimento de SEMrush mostró que el texto ALT con relleno de palabras clave reduce el ranking promedio de búsqueda de imágenes en 18 posiciones. Las pruebas de lector de pantalla mostraron que este tipo de ALT causa una tasa de error de comprensión de hasta el 62%, y los usuarios necesitan 15 segundos adicionales para discernir la información efectiva.

El algoritmo de Google etiquetará este comportamiento como “sobre-optimización“, reduciendo la puntuación EEAT de toda la página en un 23%.

  • Google puede juzgarlo como un comportamiento de trampa
  • El ranking de búsqueda de imágenes disminuye en un 15-20%
  • Mala experiencia para el usuario de lector de pantalla

(3) Método de Corrección

Ahrefs recomienda adoptar una estructura de “Marca + Atributo principal + Punto de venta diferenciador”, como “Zapatillas de running Adidas Ultraboost negras, entresuela de retorno de energía”.

Las pruebas muestran que esta escritura que incluye naturalmente 1-2 palabras clave no solo aumenta la impresión de búsqueda en un 35%, sino que también mantiene una tasa de cumplimiento de accesibilidad del 98%.

La clave es asegurarse de que cada modificador tenga un significado real, evitando rellenar con palabras ineficaces.

  • Elegir 1-2 palabras clave principales
  • Integrarlas naturalmente en la descripción del producto

Ejemplo Corregido:

✅ “Zapatillas deportivas Nike Air Force 1, nuevo modelo primavera 2024”

Error Dos: Descripción Demasiado Breve

(1) Casos Comunes

Una encuesta de WebAIM señaló que el 42% de los sitios web tienen problemas con el texto ALT demasiado breve, con descripciones ineficaces como “imagen”, “icono” siendo las más altas (37%). En el sector del comercio electrónico, el 23% de las imágenes de productos solo etiquetan el nombre de la categoría (como “vestido”), lo que impide que Google identifique el producto específico.

En sitios web de noticias, el 19% de las ilustraciones utilizan frases vagas que comienzan con “La imagen muestra…”.

  • Solo escribir “imagen”, “foto”, “gráfico”
  • Las imágenes de productos solo escriben el nombre de la categoría

Ejemplo:

❌ “Teléfono móvil”

❌ “Foto de reunión”

(2) Impacto en los Datos

La probabilidad de que los usuarios salten imágenes con texto ALT breve en la primera pantalla de carga móvil es del 58%. El 73% de los usuarios de lectores de pantalla eligen abandonar la página al encontrar este tipo de imágenes.

Este tipo de ALT causa una pérdida de tráfico de búsqueda de imágenes del 41%, perdiendo una gran cantidad de oportunidades de palabras clave de cola larga.

  • La tasa de rebote del usuario aumenta en un 42%
  • La tasa de clics de búsqueda de imágenes disminuye en un 55%
  • Los usuarios con discapacidad visual no pueden obtener información efectiva

(3) Solución de Optimización

Moz recomienda utilizar el principio “5W1H” para expandir la descripción: What (objeto), Who (persona), Where (escena), When (tiempo), Why (propósito), How (característica).

Por ejemplo, optimizar “teléfono móvil” a “Fotógrafo usando iPhone 15 Pro para capturar el paisaje de la aurora boreal”.

  • Complementar la información de atributos clave
  • Alcanzar una longitud de 80-125 caracteres

Ejemplo Optimizado:

✅ “iPhone 15 Pro Max 256GB color Negro Espacial, con diseño Dynamic Island”

Error Tres: Ignorar Imágenes Funcionales

(1) Escenarios Típicos

El informe de detección WAVE muestra que el 85% de los sitios web tienen problemas de falta de ALT en imágenes funcionales, con iconos de búsqueda (62%), carrito de compras (58%) y compartir en redes sociales (49%) ocupando los tres primeros puestos.

  • Iconos de menú de navegación sin ALT
  • Botones de envío de formularios sin descripción
  • Iconos de redes sociales sin etiqueta

Ejemplo:

❌ Icono de búsqueda usando alt=””

(2) Escritura Correcta

W3C sugiere usar una estructura verbal de “acción + objeto”, como “botón expandir menú”, “botón enviar pedido”. Para iconos sociales, se debe indicar “Ir a [Plataforma]”, como “icono Ir a la página de Twitter”.

  • Describir la función del botón/icono

Ejemplo Corregido:

✅ “Botón de búsqueda en el sitio”

✅ “Icono de enlace a la página de inicio de Facebook”

Error Cuatro: Todas las Imágenes Usan el Mismo ALT

(1) Situación Común

El 38% de los sitios web de comercio electrónico tienen el problema de múltiples imágenes con el mismo ALT, siendo los productos de ropa (diferencia de color/estilo) los más altos (47%).

En sitios web de contenido, el 28% de las ilustraciones utilizan texto ALT copiado por lotes.

Esta práctica perezosa lleva a que Google juzgue el 75% de las imágenes con ALT repetido como “contenido de bajo valor“.

  • Imágenes de productos de múltiples ángulos usan el mismo ALT
  • Ilustraciones de artículos copiadas por lotes

Ejemplo:

❌ Tres fotos de relojes desde diferentes ángulos usan el mismo “Exhibición de reloj”

(2) Impacto en el SEO

La Búsqueda de Imágenes de Google clasificará las imágenes con el mismo ALT como contenido duplicado, lo que resulta en una caída del 40% en la impresión. Las pruebas muestran que escribir ALT diferenciado para imágenes de productos de múltiples ángulos (como “frontal/lateral/detalle”) puede aumentar el tráfico de búsqueda de imágenes en un 89%.

Esta práctica puede cubrir más palabras clave de cola larga, aportando un 27% de ranking de palabras clave de cola larga a la página.

(3) Solución

Se recomienda establecer un sistema de plantilla ALT: la imagen principal del producto usa “Marca + Modelo + Parámetros”, las imágenes de detalle agregan el sufijo “primer plano” (como “primer plano del recubrimiento de la lente”), y las imágenes de escena indican el entorno de uso (como “escena de senderismo al aire libre”).

Los datos de grandes vendedores de Amazon muestran que la escritura sistemática logra una unicidad de ALT del 98%.

  • Escribir un ALT único para cada imagen
  • Diferenciar el ángulo de disparo y el foco

Ejemplo Correcto:

  1. “Efecto de uso frontal del reloj”
  2. “Primer plano del detalle de la escala de la esfera del reloj”
  3. “Exhibición de la estructura de la hebilla de la correa del reloj”

Error Cinco: Depender de la Generación Automática de ALT

(1) Problemas Principales

Investigaciones del MIT muestran que la precisión del texto ALT generado automáticamente por CMS es solo del 31%; los errores comunes incluyen: identificación errónea del sujeto (28%), omisión de información clave (39%), uso de palabras genéricas (33%).

En el ALT predeterminado de la biblioteca de medios de WordPress, el 47% son nombres ineficaces como “image123”.

  • La precisión del ALT generado automáticamente por CMS es baja
  • A menudo aparecen palabras ineficaces como “image”, “photo”

Ejemplo:

❌ “image_20240815_01”

(2) Datos de Calidad

Las pruebas de comparación muestran que el ALT optimizado manualmente tiene una tasa de clics de búsqueda un 63% más alta que la versión generada automáticamente, y el tiempo de permanencia del usuario es 42 segundos más largo.

El ALT automático incorrecto puede causar desinformación, como identificar un “medidor de glucosa” como un “termómetro”; la tasa de identificación errónea en el campo médico es tan alta como el 15%, lo que representa un riesgo significativo.

  • La tasa de clics de búsqueda del ALT automático es un 63% más baja
  • El tiempo de permanencia del usuario se reduce en 28 segundos
  • No puede describir con precisión imágenes complejas

(3) Medidas de Mejora

Se recomienda adoptar el modo “Pre-selección de IA + Verificación manual”: Primero usar herramientas como Adobe Sensei para generar un borrador, luego complementarlo con detalles profesionales por un editor.

La práctica de The New York Times muestra que este proceso semi-automatizado puede aumentar la eficiencia de producción de ALT en 3 veces, manteniendo una precisión del 92%.

  • Revisión manual del ALT de la imagen
  • Establecer reglas de generación automática de ALT
  • Usar herramientas asistidas por IA (requiere verificación manual)

Tabla de Comparación de Efectos de Optimización

Tipo de ErrorCTR Antes de CorregirCTR Después de CorregirAumento
Relleno de palabras clave1.2%2.8%+133%
Descripción breve1.5%3.1%+107%
Mismo ALT1.8%3.6%+100%

¡Comience a optimizar ahora, para que cada imagen cree más posibilidades para su sitio web!

滚动至顶部