La optimización para motores de búsqueda utiliza muchas técnicas y acciones sobre una web para conseguir que Google sitúe sus URLs en mejores posiciones en sus páginas de resultados. El SEO para imágenes es una parte importante del posicionamiento web pues son muchos los usuarios que realizan búsquedas para encontrar imágenes desde Google.
El atributo ALT es muchas veces ignorado cuando se añaden imágenes a una página web, tienda online o blog, debido a que requiere dedicar tiempo y esfuerzo a introducir su texto descriptivo sobre la imagen. Este error debe evitarse ya que los bots de Google utilizan el texto del atributo ALT como información clave para clasificar en su ranking las imágenes.
Tabla de contenidos
¿Qué es el atributo ALT?
El atributo o etiqueta ALT es una un atributo de la etiqueta de imagen <img> del lenguaje de marcado HTML. Con este atributo se añade un texto descriptivo sobre la temática o contenido que muestra la imagen.
El nombre de ALT viene de alternativo, haciendo referencia al texto “alternativo” que se muestra cuando la imagen no puede cargarse por algún motivo.
Al comienzo de internet, cuando las conexiones eran lentas, habitualmente las imágenes tardaban mucho tiempo en cargar, llegando incluso a no mostrarse al usuario en muchas ocasiones. Con el atributo ALT se mostraba el texto que contenía para que los usuarios supiesen que en ese lugar va una imagen, y pudiesen conocer el contenido de la misma.
Actualmente, la velocidad de acceso a internet para mostrar imágenes no es un problema por lo que el principal uso del atributo ALT está enfocado en informar a los bots de Google y otros motores de búsqueda sobre la temática de cada imagen.
También se utiliza el atributo ALT como elemento que ayuda a mejorar la accesibilidad de un sitio web.
¿Por qué es importante para el SEO?
Indica a Google el contenido de la imagen
Los bots de Google para poder comprender el contenido que muestra una imagen consultan el contenido del atributo ALT. Esta información les sirve para comprender la temática de la imagen y así poder clasificarla de forma correcta en su ranking.
Utilizar un texto SEO en el texto alternativo de las imágenes conseguirá alcanzar mejores posiciones en las páginas de resultados de imágenes de Google, llegando a muchos más usuarios.
Veamos un ejemplo de una etiqueta ALT optimizada para motores de búsqueda. Si mostramos la imagen de un animal corriendo, es mejor utilizar un texto alternativo descriptivo de la imagen como alt = “un perro corriendo con un sendero en el bosque”, que utilizar un texto simple como alt = “perro corriendo”.
Muestra información de la imagen si no carga
Si por cualquier motivo, una imagen no llega a cargar y mostrarse al usuario, el texto ALT le ofrece la información necesaria para que sepa su contenido. Aunque lo ideal es que se muestre la imagen, con la información del ALT se evita arruinar la experiencia de usuario, ofreciendo un texto descriptivo que permite hacerse una idea al usuario del contenido de la imagen.
Facilita la accesibilidad web
El ALT text es un metadato muy importante para la accesibilidad web pues ofrece información de las imágenes cuando está deshabilitado en el navegador web la carga de imágenes.
Para las personas con dificultades de visión, el texto alternativo es fundamental para que los lectores de pantalla interpreten el contenido de las imágenes y se lo transmitan.
¿Cómo ver si una imagen tiene el atributo ALT?
Para conocer si una imagen cuenta con el atributo ALT es necesario revisar su código HTML. Este código sigue el siguiente formato:
Verificando este código se puede observar si una imagen cuenta con el atributo ALT. Muchas veces el código aparece sin el atributo ALT, o con el atributo alternativo, pero sin contenido (alt = “”).
Para poder ver el código HTML de una imagen la forma más sencilla es hacer clic derecho sobre ella y seleccionar la opción Inspeccionar elemento en la ventana emergente. Se abrirá en el propio navegador una ventana con el código HTML de la página donde el código de la imagen estará resaltado.
Cómo añadir la etiqueta ALT a una imagen en WordPress
Si se utiliza el CMS WordPress para crear y gestionar una página web es muy sencillo añadir la etiqueta ALT a las imágenes que se utilizan, pues no es necesario introducir código HTML para ello.
Cuando se añade una imagen desde WordPress se accede a una serie de campos como el título de la imagen, la leyenda, la descripción y el propio atributo ALT. Completando este campo al subir una imagen WordPress genera de forma automática el código HTML necesario para añadirlo.
Es una buena práctica acostumbrarse a rellenar el campo ALT en WordPress con una descripción única y optimizada para cada imagen, ya que así se conseguirá mejor posicionamiento en Google ayudando a incrementar la visibilidad del sitio web.
Diferencias entre el atributo ALT y el atributo TITLE en las imágenes
Es habitual que muchas personas confundan o piensen que estos dos atributos son lo mismo o tienen la misma función. Mientras el atributo ALT se utiliza para describir la imagen y que sin verla se pueda entender lo que muestra, el atributo TITLE muestra un texto emergente cuando se pasa el ratón por encima de la imagen.
Como vimos en un ejemplo anterior, ambos atributos se pueden añadir de forma simultánea dentro de la etiqueta de HTML.
Hemos visto cómo el atributo ALT es muy importante para conseguir que Google posicione las imágenes en una mejor posición en su ranking. Los usuarios buscan imágenes de forma habitual en Google por lo que el SEO para imágenes debe estar incluido de una buena estrategia de marketing digital para aprovechar esta circunstancia y así conseguir mayor visibilidad.
Aunque pueda resultar tentador repetir el mismo ALT text para varias imágenes de una web (sobre todo en el caso de imágenes similares como ocurre en los productos de un eCommerce), es recomendable crear una descripción propia y optimizada para el texto alternativo de cada una de las imágenes que se utilicen.
