Atributo alt

¿Qué es el alt de las imágenes en SEO?

El atributo “alt” en SEO se refiere a “texto alternativo” o “alternative text” en inglés. Este atributo se utiliza para describir una imagen o un elemento multimedia en una página web.

El objetivo principal del atributo “alt” es proporcionar una descripción concisa de la imagen o del contenido multimedia para los motores de búsqueda y para las personas que utilizan tecnologías de asistencia, como lectores de pantalla.

Los motores de búsqueda no pueden “ver” las imágenes, por lo que utilizan el atributo “alt” para comprender de qué se trata la imagen y cómo se relaciona con el contenido de la página. Además, el atributo “alt” también puede ayudar a mejorar la accesibilidad de una página web para las personas con discapacidad visual.

En resumen, el atributo “alt” en SEO es una herramienta útil para proporcionar descripciones relevantes y descriptivas de las imágenes y otros elementos multimedia en una página web, lo que beneficia tanto a los motores de búsqueda como a los usuarios.

Diferencia entre al alt y el title de las imágenes

Los atributos “alt” y “title” en las imágenes HTML tienen propósitos diferentes, aunque a veces pueden confundirse:

  • Atributo Alt (Texto Alternativo): El atributo “alt” se utiliza para proporcionar una descripción textual de una imagen para aquellos que no pueden verla. Esto incluye personas con discapacidades visuales que utilizan lectores de pantalla, y también situaciones en las que la imagen no se puede cargar por alguna razón (como una mala conexión a Internet o un error en la URL de la imagen). El atributo “alt” es fundamental para la accesibilidad web y es requerido por las directrices de accesibilidad del W3C (World Wide Web Consortium).
  • Atributo Title (Título): El atributo “title” se utiliza para proporcionar información adicional sobre la imagen, que se muestra generalmente como un texto emergente cuando el usuario pasa el cursor sobre la imagen. No todas las imágenes necesitan un atributo “title”, y su uso puede variar. A diferencia del atributo “alt”, el atributo “title” no es requerido por las directrices de accesibilidad del W3C, y su uso incorrecto puede incluso ser confuso o molesto para los usuarios (por ejemplo, si se repite simplemente la información del atributo “alt”).

En resumen, el atributo “alt” es esencial para la accesibilidad y debe describir el contenido de la imagen para aquellos que no pueden verla. El atributo “title” es opcional y puede utilizarse para proporcionar información adicional o contextual sobre la imagen, pero debe usarse con cuidado para no confundir o molestar a los usuarios.

Posibles motivos por los que no se ve una imagen en el navegador

Hay varias razones por las cuales una imagen no se puede ver en un navegador web:

  1. URL de la imagen incorrecta: Si la dirección URL de la imagen está mal escrita o no es válida, la imagen no se podrá cargar. Esto puede suceder si la URL contiene errores tipográficos, si el archivo de la imagen ha sido movido o eliminado, o si la URL apunta a un sitio web que ya no existe.
  2. Problemas de conexión a Internet: Si tu conexión a Internet es lenta o inestable, es posible que algunas imágenes no se carguen correctamente. También puede suceder que la imagen esté alojada en un servidor que está experimentando problemas, lo que impediría que la imagen se cargue.
  3. Bloqueo de imágenes por parte del navegador o de una extensión del navegador: Algunos navegadores y extensiones de navegador tienen opciones para bloquear las imágenes para ahorrar ancho de banda o para mejorar la privacidad. Si estas opciones están habilitadas, es posible que no puedas ver algunas o todas las imágenes.
  4. Formato de imagen no compatible: No todos los navegadores son compatibles con todos los formatos de imagen. Si una imagen está en un formato que tu navegador no puede interpretar, no podrás verla.
  5. Código incorrecto: Si el código HTML que incorpora la imagen en la página web está mal escrito, la imagen no se mostrará. Esto podría incluir errores en el uso de las etiquetas <img>, en los atributos de la imagen, o en la sintaxis del código.
  6. Problemas con el caché del navegador: A veces, el navegador guarda una versión antigua o dañada de una imagen en su caché. Si esto sucede, es posible que la imagen no se muestre correctamente hasta que el caché se limpie.
  7. Restricciones de CORS (Cross-Origin Resource Sharing): Las restricciones de CORS pueden impedir que una imagen se muestre si está siendo cargada desde un dominio diferente al de la página web y no se ha configurado correctamente el intercambio de recursos entre orígenes.

Estos son solo algunos ejemplos de lo que podría estar causando problemas con la visualización de imágenes. La solución exacta dependerá de la causa del problema.

¿Cómo ayuda el atributo alt de las imágenes al SEO?

El atributo “alt” es una parte importante del SEO porque ayuda a los motores de búsqueda a entender el contenido de las imágenes y otros elementos multimedia en una página web. A continuación, se detallan algunas formas en las que el atributo “alt” ayuda al SEO:

  • Mejora la accesibilidad: Al proporcionar una descripción concisa de la imagen a través del atributo “alt”, se mejora la accesibilidad de la página web para las personas con discapacidad visual o que utilizan lectores de pantalla. Esto se traduce en una mejor experiencia de usuario y en un cumplimiento de los estándares de accesibilidad web.
  • Indexación de contenido: Los motores de búsqueda utilizan el atributo “alt” para comprender de qué se trata la imagen y cómo se relaciona con el contenido de la página. Esto facilita la indexación de las imágenes por parte de los motores de búsqueda, lo que puede resultar en una mayor visibilidad y clasificación en los resultados de búsqueda.
  • SEO de imágenes: El atributo “alt” también se utiliza como una oportunidad para incluir palabras clave relevantes relacionadas con la imagen. Al elegir palabras clave descriptivas y relevantes para el atributo “alt”, se puede mejorar el posicionamiento de la imagen en los resultados de búsqueda de imágenes.
  • Experiencia del usuario: Proporcionar una descripción clara y concisa a través del atributo “alt” ayuda a los usuarios a comprender el contenido de las imágenes, incluso si no pueden verlas. Esto mejora la experiencia del usuario y puede aumentar la probabilidad de que los usuarios permanezcan en la página y completen la acción deseada.

En resumen, el atributo “alt” mejora la accesibilidad, ayuda a los motores de búsqueda a comprender el contenido de las imágenes, optimiza el SEO de las imágenes y mejora la experiencia del usuario, lo que puede resultar en una mejor clasificación en los resultados de búsqueda y en un aumento del tráfico orgánico.

Consejos para escribir y optimizar el atributo alt para el SEO

Aquí tienes algunos consejos para escribir y optimizar el atributo “alt” para el SEO:

  1. Describe la imagen de manera precisa y relevante: El atributo “alt” debe proporcionar una descripción clara de la imagen que sea relevante para el contenido de la página. Utiliza palabras clave relevantes para describir la imagen de forma concisa y descriptiva.
  2. Evita el uso de palabras clave genéricas: En lugar de utilizar palabras clave genéricas como “imagen” o “foto”, intenta ser más específico y utiliza palabras clave que estén relacionadas con el tema o contenido de la imagen. Esto ayudará a los motores de búsqueda a entender mejor el contexto de la imagen.
  3. Sé breve y conciso: Intenta mantener la descripción en el atributo “alt” lo más corta y concisa posible, utilizando entre 5 y 15 palabras. Evita desbordarte con información innecesaria.
  4. No repitas información ya presente en el texto circundante: Evita repetir información que ya está presente en el texto que acompaña a la imagen. En su lugar, proporciona información adicional que pueda ser relevante para los motores de búsqueda y para los usuarios.
  5. Evita el uso de palabras clave irrelevantes o spam: No abuses del uso de palabras clave en el atributo “alt” en un intento de aumentar el posicionamiento en los motores de búsqueda. Esto se considera spam y puede tener un impacto negativo en el SEO.
  6. No dejes el atributo en blanco: Incluso si la imagen es puramente decorativa y no tiene una función específica en el contenido, es recomendable incluir un texto alternativo breve para ayudar a los motores de búsqueda a entender que la imagen es intencionalmente decorativa.
  7. Verifica la ortografía y la gramática: Asegúrate de que la descripción en el atributo “alt” esté correctamente escrita, sin errores ortográficos o gramaticales. Esto ayuda a mantener la profesionalidad y credibilidad de tu página web.

En conclusión, al escribir y optimizar el atributo “alt” para el SEO, es importante ser descriptivo, relevante y conciso, evitando tanto el abuso de palabras clave como dejar el atributo en blanco. Recuerda que el objetivo principal es ayudar a los motores de búsqueda a entender el contenido de la imagen y mejorar la experiencia del usuario.

Preguntas frecuentes sobre el ALT de las imágenes

¿Cómo poner el atributo ALT?

El atributo ALT se utiliza en el código HTML para describir el contenido de una imagen. Por ejemplo:

<img src="tu_imagen.jpg" alt="Descripción de la imagen">

En este ejemplo, “tu_imagen.jpg” es la dirección de la imagen y “Descripción de la imagen” es la descripción que estás proporcionando para la imagen. Esta descripción debe ser lo más precisa posible para que los motores de búsqueda y las tecnologías de asistencia puedan entender lo que la imagen representa.

El atributo ALT se puede introducir utilizando cualquier editor de texto que permita escribir código HTML. Es recomendable no dejarlo en blanco, pero si la imagen es puramente decorativa, puedes usar un ALT vacío como alt="".

¿Cómo ver el Alt de una imagen?

Ver el atributo “alt” de una imagen depende del navegador que estés utilizando, pero generalmente los pasos son similares:

  1. Haz clic con el botón derecho del ratón en la imagen que deseas inspeccionar. En la mayoría de los navegadores, se abrirá un menú contextual.
  2. Busca una opción que diga “Inspeccionar”, “Inspeccionar elemento” o algo similar, y haz clic en ella. Esto abrirá las herramientas de desarrollo del navegador, que incluyen el inspector de código HTML.
  3. En el inspector de código, busca la línea de código que corresponde a la imagen. Debería empezar con <img y terminar con >.
  4. Busca el atributo “alt” dentro de esa línea de código. Debería verse algo como alt="descripción de la imagen".
  5. La descripción de la imagen que sigue a alt= es el texto alternativo de la imagen. Este texto es el que se muestra cuando la imagen no se puede cargar, y también es el que utilizan las tecnologías de asistencia, como los lectores de pantalla, para describir la imagen a las personas con discapacidades visuales.

Por favor, ten en cuenta que no todas las imágenes tendrán un atributo “alt”. Es una buena práctica incluirlo por razones de accesibilidad, pero no todos los sitios web lo hacen. Además, si el atributo “alt” está presente pero está vacío (por ejemplo, alt=""), eso significa que los creadores del sitio web han decidido que la imagen no necesita una descripción textual.

Referencias:

¿Quieres aprender a crear contenidos SEO un 90% más rápido gracias a la IA?

Agenda tu reunión