Texto alternativo de imagen para SEO: mejores prácticas

El texto alternativo de la imagen cumple dos funciones clave: mejorar la accesibilidad para los usuarios con discapacidad visual e impulsar el SEO de su sitio web. Al proporcionar descripciones claras y concisas de tus imágenes, puedes ayudar a los lectores de pantalla a transmitir información significativa y hacer que tu contenido sea más visible en los motores de búsqueda como Google.

Esto es lo que necesita saber:

• El texto alternativo ayuda a los motores de búsqueda a entender las imágenes ya que no pueden «verlos». Esto mejora tus posibilidades de posicionarte en Google Imágenes, que aparece en casi el 19% de las páginas de resultados de búsqueda.
• La accesibilidad importa - el texto alternativo garantiza que los usuarios con discapacidades visuales puedan interactuar con tu contenido, y es obligatorio en virtud de leyes de accesibilidad como WCAG y ADA.
• Manténgalo simple y relevante - describa la imagen en menos de 125 caracteres, centrándose en su propósito y contexto. Evita usar palabras clave o palabras innecesarias como «imagen de».
• Imágenes decorativas? Usa un vacío alt= "» para omitirlos en el caso de los lectores de pantalla.

La optimización del texto alternativo puede mejorar la experiencia de usuario, mejorar el cumplimiento e incluso aumentar el tráfico orgánico - HubSpot vieron un aumento del 779% en el tráfico de búsqueda de imágenes al refinar su estrategia de texto alternativo.

Analicemos cómo escribir texto alternativo efectivo y evitar los errores más comunes.

Principios básicos para escribir texto alternativo efectivo

Sea conciso y descriptivo

El texto alternativo debe ser breve y directo, idealmente inferior a 125 caracteres, ya que muchos lectores de pantalla dejan de leer más allá de este límite. Si bien algunas pautas sugieren ampliarlo a 140 o incluso 150 caracteres, la brevedad suele ser el mejor enfoque.

Piensa en el texto alternativo como un subtítulo rápido para alguien que no puede ver la imagen. Debe proporcionar suficientes detalles para pintar una imagen clara sin palabras innecesarias. Una forma sencilla de comprobarlo es hacer que alguien lea el texto alternativo en voz alta. Si pueden imaginarse fácilmente la imagen, lo has hecho bien.

Siempre comience con los detalles más importantes para que los usuarios puedan captar la esencia de la imagen de inmediato. Por ejemplo, en lugar de escribir: «Una fotografía que muestra a un cachorro de golden retriever jugando con una pelota roja sobre el césped», simplifícalo diciendo «Un cachorro de golden retriever jugando con una bola roja sobre el césped».

El contexto juega un papel importante en la elaboración de un texto alternativo efectivo, así que vamos a profundizar en eso a continuación.

Centrarse en el contexto y el propósito

Es posible que la misma imagen necesite un texto alternativo diferente según dónde aparezca y por qué se utilice. Por ejemplo, el logotipo de una empresa en una página de inicio puede usar simplemente la palabra «Inicio» como texto alternativo, ya que funciona como un enlace de navegación. Sin embargo, en una página de directrices de marca, el texto alternativo debe describir sus elementos visuales, como los colores, las formas y la tipografía.

«El contexto de una imagen y la intención del autor de incluirla determinan lo que debe decir el texto alternativo».

Las imágenes suelen clasificarse en tres categorías principales: informativo, funcional, y decorativo. Las imágenes informativas añaden nuevos detalles o contexto, mientras que las funcionales, como los botones, activan acciones. En el caso de las imágenes funcionales, describe la acción en lugar de la apariencia. Por ejemplo, el icono de una lupa debe tener la etiqueta «Buscar».

Las imágenes decorativas, por otro lado, requieren un enfoque diferente.

Cuándo usar atributos Alt vacíos

No todas las imágenes necesitan texto alternativo descriptivo. Las imágenes decorativas, como bordes, espaciadores o elementos puramente estéticos, deben usar un atributo alt vacío (alt= "»). Esto les dice a los lectores de pantalla que los omitan por completo.

Una buena regla general es la «prueba de eliminación»: si eliminar la imagen no afecta al significado o si el texto cercano ya lo explica, usa un atributo alt vacío.

Incluso en el caso de imágenes decorativas, incluye siempre el alt atributo (incluso si está vacío). Esto evita que los lectores de pantalla lean en voz alta nombres de archivos inútiles como "IMG_4523.jpg».

Guía paso a paso para escribir texto alternativo

Identifique el tema principal de la imagen

Empieza por preguntarte: «¿Qué papel juega esta imagen?» Esta pregunta te ayuda a concentrarte en su propósito. ¿Proporciona nueva información, funciona como parte de una acción (como un botón) o simplemente sirve de decoración? Entender esto influirá en la forma en que lo describas.

Un truco útil es la «prueba de reemplazo». Piensa qué palabras usarías si se quitara la imagen. Por ejemplo, en lugar de describir un gráfico de barras como «un gráfico con barras», céntrese en la conclusión clave, como «un crecimiento de ventas del 30% en el segundo trimestre». Este enfoque garantiza que la descripción destaque la contribución única de la imagen al contenido.

Una vez que hayas identificado el tema de la imagen, vuelve a vincularlo con el contenido que la rodea para darle más relevancia.

Agregar contexto relevante para la página

La misma imagen puede requerir un texto alternativo diferente según dónde aparezca. Por ejemplo, una foto de un carbonero podría describirse como «un carbonero posado en una rama» en un artículo general sobre especies de aves. Sin embargo, en un artículo sobre la supervivencia invernal, una descripción más adecuada podría ser: «Un carbonero de cabeza negra posado en una rama nevada con plumas esponjosas».

Revisa el texto cercano para evitar redundancias. Si el contenido circundante ya menciona ciertos detalles, centra el texto alternativo en la información complementaria. Por ejemplo, en lugar de escribir «Imagen de un profesor apuntando a la pantalla del ordenador de un estudiante» en un artículo de una escuela de negocios, podrías decir: «Un profesor de una escuela de negocios señala la pantalla del ordenador de un estudiante durante una clase».

Mantén los detalles más importantes por adelantado en tu texto alternativo. Esto ayuda a los usuarios de lectores de pantalla a comprender rápidamente su relevancia. Intente incluir primero información con mucho contexto, seguida de detalles adicionales, todo dentro del límite recomendado de 125 caracteres.

Agregar este nivel de contexto no solo mejora la accesibilidad, sino que también puede mejorar el SEO de su página.

Evite palabras innecesarias

Al finalizar el texto alternativo, recorta cualquier frase innecesaria para que sea conciso y claro.

No es necesario incluir frases como «imagen de» o «imagen de», ya que los lectores de pantalla ya indican que se trata de una imagen. En lugar de decir: «La imagen de un cachorro de golden retriever», ve directo al grano: «Un cachorro de golden retriever jugando con una pelota roja». Del mismo modo, evita los nombres de archivo sin sentido, como "IMG_1234.jpg «, ya que no añaden ningún valor.

Mantente alejado también del exceso de palabras clave. Sobrecargar el texto alternativo con palabras clave fragmentadas puede alterar la experiencia del usuario e incluso dañar tu clasificación de SEO.

Por último, termina tu texto alternativo con un punto.

Por ejemplo, el equipo de blogs de HubSpot aplicó estos principios en 2018 como parte de su estrategia de SEO. Al optimizar el texto alternativo de las imágenes, lograron un asombroso aumento del 779% en el tráfico de imágenes en un año, lo que se tradujo en 160 000 visitas orgánicas adicionales.

Alinear el texto alternativo con el SEO y la accesibilidad

Uso de palabras clave en texto alternativo

La incorporación de palabras clave en el texto alternativo puede impulsar el SEO, pero solo cuando se hace de forma natural. Google desaconseja explícitamente el uso excesivo de palabras clave, con una advertencia:

«Evita rellenar los atributos alt con palabras clave (lo que también se conoce como relleno de palabras clave), ya que esto redunda en una experiencia de usuario negativa y puede provocar que tu sitio se considere spam».

¿Una buena regla general? Incluye palabras clave de enfoque en alrededor del 30% al 70% de tus imágenes, según lo recomendado por Yoast SEO. Este rango logra un equilibrio entre mejorar la visibilidad en las búsquedas y mantener una experiencia de usuario positiva. Por ejemplo, si tu página trata sobre «zapatillas de trail running impermeables», un texto alternativo como «Zapatillas de trail running impermeables para hombre en azul marino» integra la palabra clave de forma natural sin dejar de ser descriptivo.

Posicionar las palabras clave principales al principio del texto alternativo es otra estrategia eficaz. Dado que los lectores de pantalla y los motores de búsqueda dan prioridad a las primeras palabras, este enfoque garantiza que la relevancia de la imagen quede clara de inmediato. En el caso de los sitios de comercio electrónico, incluir el nombre completo del producto y el SKU puede mejorar la visibilidad en las búsquedas.

Este enfoque de palabras clave funciona mejor cuando se combina con otros elementos de imagen de apoyo, como se explica a continuación.

Texto alternativo y elementos de apoyo

El texto alternativo se vuelve aún más efectivo cuando se refuerza con elementos relacionados, como nombres de archivo, subtítulos y texto circundante. Estas señales funcionan en conjunto para enviar señales consistentes a los motores de búsqueda. Por ejemplo, si el texto alternativo dice: «Un profesor de una escuela de negocios señala la pantalla del ordenador de un estudiante durante una clase», asegúrate de que el nombre del archivo lo complemente, algo como business-professor-lecture.jpg funciona mucho mejor que un nombre genérico como IMG_1234.jpg.

Google destaca esta conexión:

«Google usa texto alternativo junto con algoritmos de visión artificial y el contenido de la página para comprender el tema de las imágenes».

Los subtítulos añaden otra capa de contexto y ofrecen información visible que complementa el texto alternativo. Simplemente evita duplicar la redacción exacta del texto alternativo para mantener el contenido fresco y atractivo.

La alineación constante del texto alternativo con estos elementos de apoyo no solo mejora el SEO, sino que también proporciona claridad tanto a los usuarios como a los motores de búsqueda.

Estándares de accesibilidad para texto alternativo

Más allá del SEO, el texto alternativo desempeña un papel fundamental en la accesibilidad. En los Estados Unidos, proporcionar un texto alternativo adecuado no es solo una buena práctica, sino una obligación legal. Según las WCAG 1.1.1, todo el contenido que no sea texto debe tener alternativas textuales, un requisito que también exige la Ley de estadounidenses con discapacidades (ADA).

Con aproximadamente 12 millones de usuarios de Internet en EE. UU. con discapacidades visuales, es crucial que el texto alternativo sea conciso (entre 80 y 125 caracteres), ya que los lectores de pantalla suelen truncar las descripciones más largas. En el caso de las imágenes decorativas que no transmiten información significativa, utiliza un atributo alt vacío (alt= "») para que los lectores de pantalla puedan omitirlo.

Garantizar el cumplimiento de estas normas no consiste solo en evitar problemas legales, sino en crear una experiencia inclusiva y fácil de usar para todos.

sbb-itb-3a3230e

Control de calidad y errores comunes en el texto alternativo

La creación de texto alternativo de alta calidad es esencial para mejorar el SEO y garantizar una experiencia fluida para todos los usuarios, incluidos los que utilizan lectores de pantalla.

Errores que se deben evitar

Incluso los profesionales experimentados pueden cometer errores cuando se trata del texto alternativo. Uno de los errores más frecuentes es relleno de palabras clave - por ejemplo, escribir «SEO, estrategia de SEO, imagen de herramientas de SEO». Este enfoque no solo corre el riesgo de ser marcado como spam, sino que también crea una experiencia frustrante para los usuarios que confían en los lectores de pantalla.

Otro error común es usar descripciones vagas como «Imagen del producto». Estas añaden poco o ningún valor, dejando a los motores de búsqueda y a los usuarios con discapacidad visual sin un contexto significativo. Intenta mantener el texto alternativo por debajo de los 125 caracteres para garantizar que sea conciso y fácil de usar. Las cifras lo demuestran: un asombroso 97,4% de las páginas de inicio tienen problemas de accesibilidad, y en el 61% de los casos la falta de texto alternativo o el texto alternativo es deficiente.

Ignorar el contexto es otro escollo. Es posible que la misma imagen necesite un texto alternativo diferente según su propósito. Por ejemplo, una foto de un edificio puede resaltar detalles arquitectónicos en un blog de arquitectura, pero centrarse en la ubicación específica de un sitio de viajes. Las imágenes decorativas son otra área en la que se producen errores: si no tienen un propósito funcional, usa un atributo alt vacío (alt= "») para evitar que los lectores de pantalla anuncien nombres de archivo irrelevantes, lo que puede interrumpir el flujo del usuario.

Para evitar estos errores, apégate a normas editoriales claras que prioricen la accesibilidad y la claridad.

Establecimiento de normas editoriales

Crear una guía de estilo para el texto alternativo es una forma sencilla pero eficaz de mantener la coherencia. Por ejemplo, la guía puede recomendar un rango de caracteres de 80 a 140 caracteres y hacer hincapié en colocar los detalles más importantes al principio de la descripción. Concluya siempre el texto alternativo con un punto para que el lector de pantalla lo procese correctamente.

La guía también debería desalentar prácticas como el uso de mayúsculas (que los lectores de pantalla podrían malinterpretar como acrónimos) y enumerar palabras clave no estructuradas. En el caso de los iconos o botones, céntrate en describir la acción, por ejemplo, escribiendo «Buscar sitio» en lugar de «lupa». Las auditorías periódicas con herramientas como la extensión Alt Text Tester para Chrome o MozBar pueden ayudar a identificar y resolver problemas, especialmente en las páginas con mucho tráfico, donde las mejoras son más impactantes.

Tabla comparativa: texto alternativo bueno frente a texto alternativo deficiente

Esta es una tabla de referencia rápida en la que se comparan ejemplos de texto alternativo deficientes y eficaces para consolidar las mejores prácticas:

Tipo de imagen Texto alternativo deficiente Buen texto alternativo Foto del producto alt="zapatos» alt="Botas de senderismo impermeables para hombre en color verde bosque» Icono de acción alt="lupa» alt="Sitio de búsqueda» Logotipo de marca alt=» logo.png» alt="El logotipo de Hoop Studio» Gráfico/Gráfico alt="gráfico de ventas» alt="Gráfico de barras que muestra un aumento del 23% en los ingresos del tercer trimestre» Borde decorativo alt="línea azul» alt= "» Tiro de acción alt="Jugador de béisbol golpeando una pelota» alt="David Ortiz, de los Medias Rojas de Boston, batea en el Fenway Park»

En esta tabla se destaca cómo un texto alternativo bien pensado puede marcar una gran diferencia, ya que garantiza la accesibilidad y mejora el SEO.

Conclusión: resumen de las mejores prácticas

La redacción de texto alternativo eficaz tiene que ver con la claridad y la intención. Desempeña un doble papel: mejorar accesibilidad para los 2.200 millones de personas de todo el mundo con problemas de visión y ofrecer a los motores de búsqueda el contexto que necesitan para indexar correctamente tu contenido. Si se hace bien, el texto alternativo optimizado puede aumentar significativamente el tráfico de búsqueda de imágenes y la visibilidad orgánica.

Mantén el texto alternativo breve y conciso: intenta que tenga entre 80 y 140 caracteres. Priorice los detalles más importantes al principio, omita las frases redundantes y termine siempre con un punto para garantizar que los lectores de pantalla lo procesen sin problemas. Recuerda que la misma imagen puede necesitar diferentes descripciones según su finalidad y el lugar en el que aparezca en la página.

Incorpora palabras clave de forma natural. El propio Google destaca la importancia del texto alternativo, afirmando:

«Google usa texto alternativo junto con algoritmos de visión artificial y el contenido de la página para comprender el tema de las imágenes».

Para imágenes funcionales, como botones, concéntrese en describir la acción (por ejemplo, «Enviar formulario»). En el caso de imágenes puramente decorativas, deja el atributo alt vacío (alt= "») para evitar interrupciones innecesarias para los usuarios de lectores de pantalla.

Trata el texto alternativo como una parte esencial de tu proceso editorial. Dado que los errores de accesibilidad están presentes en el 97,4% de las páginas de inicio y la falta de texto alternativo representa el 61% de esos problemas, hacerlo bien hace que tu sitio destaque. Un texto alternativo bien pensado mejora la experiencia del usuario, mejora la accesibilidad y mejora el rendimiento de búsqueda de tu sitio.

Preguntas frecuentes

¿Cómo mejora el texto alternativo de las imágenes el SEO y la accesibilidad?

El texto alternativo para las imágenes desempeña un doble papel importante. En primer lugar, ayuda a los motores de búsqueda a comprender e indexar mejor tus imágenes, lo que puede mejorar el rendimiento SEO de tu sitio. En segundo lugar, garantiza que los usuarios que dependen de los lectores de pantalla puedan acceder a tu contenido e interactuar con él, lo que hace que tu sitio sea más inclusivo.

Para escribir texto alternativo efectivo, concéntrate en proporcionar una descripción clara y concisa de la imagen y, al mismo tiempo, incorporar de forma natural las palabras clave relevantes. Evita sobrecargar el texto con palabras clave, ya que esto puede dañar tanto la experiencia del usuario como el SEO. Un enfoque reflexivo no solo mejora la visibilidad en las búsquedas, sino que también garantiza que tu contenido sea accesible para todos.

¿Qué errores debo evitar al escribir texto alternativo para imágenes?

Al crear texto alternativo, evita estos errores frecuentes que pueden socavar tanto la accesibilidad como el SEO:

• Dejar el texto alternativo en blanco o usar términos genéricos como «imagen» o nombres de archivos (por ejemplo, IMG_1234.jpg). Estos no ayudan a los lectores de pantalla ni a los motores de búsqueda.
• Añadir texto alternativo a imágenes puramente decorativas - en su lugar, utilice un atributo alt vacío para mantener las tecnologías de asistencia centradas en el contenido significativo.
• Introducir palabras clave de forma poco natural en las descripciones, lo que puede hacer que el texto sea incómodo y dañar tanto la legibilidad como el SEO.
• Ser demasiado vago o detallado - utilice descripciones concisas (idealmente de 80 a 140 caracteres) que comuniquen claramente el propósito de la imagen.
• Repetición de contenido de texto cercano - el texto alternativo debe agregar valor, no duplicar lo que ya se transmite en el contenido circundante.

Al evitar estos errores, puedes escribir texto alternativo que aumente la accesibilidad y refuerce el SEO de tu imagen.

¿Cuándo es apropiado dejar vacío el atributo alt para una imagen?

Cuando se trata de imágenes que son puramente decorativas o que no añaden contenido significativo a una página, es mejor utilizar un espacio vacío alt atributo (alt= "»). Esto permite a los lectores de pantalla omitir estas imágenes, lo que facilita la experiencia de los usuarios que dependen de las tecnologías de asistencia.

Las imágenes decorativas pueden incluir elementos como patrones de fondo, gráficos espaciadores o elementos visuales ornamentales que no aportan ningún contexto o información importante al contenido.

{» @context «:» https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How ¿el texto alternativo de las imágenes mejora el SEO y la accesibilidad?» , "acceptedAnswer»: {» @type «:"Answer», "text»:» El <p>texto alternativo de las imágenes desempeña una doble función importante. En primer lugar, ayuda a los motores de búsqueda a entender e indexar mejor tus imágenes, lo que puede mejorar el rendimiento SEO de tu sitio. En segundo lugar, garantiza que los usuarios que dependen de los lectores de pantalla puedan acceder a tu contenido e interactuar con él, lo que hace que tu sitio sea más inclusivo.</p> <p>Para escribir un texto alternativo eficaz, céntrate en proporcionar una descripción clara y concisa de la imagen y, al mismo tiempo, incorporar de forma natural las palabras clave relevantes. Evita sobrecargar el texto con palabras clave, ya que esto puede dañar tanto la experiencia del usuario como el SEO. Un enfoque reflexivo no solo mejora la visibilidad en las búsquedas, sino que también garantiza que tu contenido sea accesible para todos</p>. «}}, {» @type «:"Question», "name» :» ¿Qué errores debo evitar al escribir texto alternativo para imágenes?» , "acceptedAnswer»: {» @type «:"Answer», "text»:» <p>Al crear texto alternativo, evita estos errores frecuentes que pueden socavar tanto la accesibilidad como el SEO:</p> <ul><li><strong>dejar el texto alternativo en blanco o utilizar términos genéricos</strong> como «imagen» o nombres de archivos (por ejemplo, IMG_1234.jpg). Estos no ayudan a los lectores de pantalla ni a los motores</li> de búsqueda. <li><strong>Añadir texto alternativo a imágenes puramente decorativas</strong>: en su lugar, utilice un atributo alt vacío para mantener las tecnologías de asistencia centradas en el contenido significativo.</li> <li><strong>Introducir palabras clave de forma poco natural en las descripciones</strong>, puede hacer que el texto sea incómodo y dañar tanto la legibilidad como el SEO.</li> <li><strong>Sea demasiado vago o detallado: utilice</strong> descripciones concisas (idealmente de 80 a 140 caracteres) que comuniquen claramente el propósito de la imagen.</li> </ul><li><strong>Repetir el contenido del texto cercano</strong>: el texto alternativo debe añadir valor, no duplicar lo que ya se transmite en el contenido circundante.</li> <p>Si evitas estos errores, puedes escribir texto alternativo que aumente la accesibilidad y refuerce el SEO de tus imágenes.</p> «}}, {» @type «:"Question», "name» :"¿ Cuándo es apropiado dejar vacío el atributo alt de una imagen?» <code><code>, "acceptedAnswer»: {» @type «:"Answer», "text»:» Cuando se trata de imágenes puramente decorativas o que no añaden contenido significativo a una página, es mejor utilizar un atributo alt vacío (alt= "»).</code></code> <p> Esto permite a los lectores de pantalla omitir estas imágenes, lo que facilita la experiencia de los usuarios que dependen de las tecnologías de asistencia</p>. <p>Las imágenes decorativas pueden incluir elementos como patrones de fondo, gráficos espaciadores o elementos decorativos que no aportan ningún contexto o información importante al contenido.</p> «}}]}