Ahorrar Crawl Budget y alt en imágenes decorativas

En una web es importante planificar y establecer entre los tipos de imágenes: las que aportan al contenido, las que son directamente contenido o las que son decorativas.

Este artículo irá enfocado a las imágenes decorativas.

Las imágenes decorativas en una web, son aquellas imágenes que no aportan información por si solas, ni sin el contenido. Imágenes que solo aportan a nivel de Interfaz del Usuario (UI) o incluso a nivel de Experiencia del Usuario. Pero que el contenido sería totalmente legible sin estas.

Estas imágenes no sólo no nos aportan nada si se indexan en Google Imágenes, o se posicionan por palabras clave que no nos aportan ningún valor en la web (por ejemplo: "logo de Facebook"). Sino que además pueden agotarnos presupuesto de rastreo. Cuando nos sería mucho mas útil o interesante que Google rastrease otros aspectos de la web.

Entonces hay que tener en cuenta dos aspectos. El Crawl Budget y la optimización de estas imágenes.

Gestión de imágenes sin valor en SEO

En muchas ocasiones se malgasta presupuesto de rastreo por una mala gestión de las imágenes decorativas. Para evitarlo se pueden seguir alguna de estas opciones:

Para estos casos de imágenes que simplemente son decorativas, dependiendo de otros factores, puede tener sentido alguna de estas opciones:

Poner la imagen decorativa mediante un Background de CSS.
Hacerles un Disallow.
Poner noindex.

De esta forma, no se malgasta Crawl Budget en imágenes que no aporten valor en el contenido.

Imagen mediante Background de CSS

No utilizamos las imágenes que cargan mediante background de CSS para la búsqueda de imágenes.

— 🐐 John 🐐 (@JohnMu) April 12, 2021

Es una forma elegante de utilizar los recursos webs para lo que están creados. Y la propiedad "background" de CSS está precisamente ideada para añadir decoración de fondo.

Google cargará la imagen y la procesará como lo que es, un elemento decorativo. Pero no se molestará en indexarla.

Disallow a las imágenes decorativas

Para no volverse loco, esto requiere de una planificación previa y división de los tipos de imágenes. Es una solución totalmente combinable con la de background CSS y además no te tienes que preocupar de si se ha llamado a la imagen mediante el elemento <img> de HTML. Impedirá el rastreo, que es justo lo que se necesita.

Es importante bloquear solo las imágenes que son decorativas si se procede con este método.

noindex

Para poner un noindex en una imagen, debería hacerse mediante la directiva x-robots y realmente requiere una planificación tan buena como la práctica del Disallow.

Esta práctica es combinable con la del Background CSS. Si bien no impedirá el rastreo directamente, este acabará reduciendose, y evitará de raiz la indexación. Este método no es combinable con el de Disallow, ya que evitar el rastreo, evitaría que se pudiese leer el noindex.

¿Cómo se optimiza una imagen decorativa?

En cuanto a optimizar el peso y tamaño se mantiene lo que se aplique habitualmente. Que no falle el afán SEO de la reducción y minimalismo para optimizar la velocidad de carga.

Aquí lo que podemos optimizar es nuestro tiempo.

No es tan necesario tener un nombre de imagen óptimo para la búsqueda, ni pensar en ningún texto alternativo (aunque contra-intuitivamente ciertas herramientas SEO nos marquen error por no tener el alt).

Estas imágenes no deben ser posicionadas, para redirigir el esfuerzo de Crawleo e indexación en otras partes que nos interesen más en nuestra web. Así que no tiene sentido una sobre-optimización.

Bibliografía

• Guía de imágenes en Google.
• Guía básica de Google
• Como hacer un buen robots.txt