Optimizar la etiqueta alt de las imágenes para el SEO

¿Qué es una imagen?

Una imagen es una representación visual de algo, que podría ser una fotografía, un gráfico, un dibujo, etc.

Existen varios formatos de imágenes empleados en los sitios web: JPEG (extensión .jpg), GIF (extensión .gif), PNG (extensión .png).

En la optimización de tu sitio, no descuides la etiqueta alt y el peso de las imágenes que pueden contribuir al posicionamiento de tus páginas. Por ahora, los motores de búsqueda no alcanzan todavía a interpretar el contenido visual de una imagen, lo que se producirá muy pronto. Mientras tanto, hay técnicas como por ejemplo las etiquetas alt para indicar a los motores de búsqueda lo que contiene una imagen.

En este dosier presentaremos estas técnicas con mayor detalle.

¿Por qué optimizar las imágenes?

Porque cuando utilizas imágenes en tus páginas, el cuadro que ocupan las imágenes significa que queda menos cuadro para el contenido en texto que los motores de búsqueda leen e interpretan.

Para seguir utilizando imágenes y por lo tanto mejorar el aspecto gráfico de tu sitio al tiempo que optimizas su posicionamiento, aquí tienes algunos consejos.

¿Cómo optimizar las imágenes?

  1. No utilices imágenes demasiado pesadas.

    Si una imagen tarda demasiado tiempo en cargarse, Google o los demás motores de búsqueda no escanearán tu página y el visitante abandonará tu sitio sin esperar a que termine de cargarse. Cuando supera los 200 Kb, se puede considerar que una imagen es pesada. Yakaferci te ayudará a detectar estas imágenes problemáticas.

  2. Nombra tu imagen utilizando tus palabras clave principales.

    Por ejemplo, si tu imagen representa un esquema sobre cómo posicionar un sitio, nómbrala de esta forma: «esquema-posicionamiento-sitio.jpg». Así indicas a los motores de búsqueda que vienen para el arrastre de tu sitio que la imagen que utilizas para ilustrar la página representa un esquema sobre cómo posicionar un sitio. Interpretará con mayor precisión el contenido de la página. Si deseas utilizar una expresión para nombrar una imagen, entonces es preferible usar como separador de palabras los guiones ( - ) en lugar del guión bajo ( _ ): los motores de búsqueda no consideran el guión bajo como un separador. Además, es conveniente nombrar la imagen sin mayúsculas y sin caracteres acentuados. En resumen, para posicionar tu imagen: Elige este nombre: posicionar-imagen.gif antes que este: Posicionar_imagen.gif

  3. Definir la etiqueta ALT de la imagen

    La etiqueta «ALT», como complemento del nombre de la imagen, permite asociar una palabra clave o una expresión a una imagen. La palabra clave situada en la etiqueta ALT sustituirá la imagen si el navegador encuentra dificultades al visualizar la imagen en cuestión. Las palabras contenidas en las etiquetas «ALT» contribuyen asimismo a mejorar el posicionamiento de tu sitio, ya que permite emplear palabras clave adicionales que los motores leerán.

    <img src="images/optimisation-image.gif" width="100" height="90" border="0" alt="optimizar una imagen para el posicionamiento">

    La etiqueta alt o el atributo alt (alternate text) solo se aplica a la única etiqueta <img>, permitiendo de este modo una visualización alternativa (en sustitución de la imagen) para los navegadores que no soportarían los gráficos.

    El mensaje de texto definido con la etiqueta alt aparecerá de igual modo durante la carga de la página y antes de la visualización de la imagen. ¡No olvidemos además que algunos usuarios con una conexión a Internet de baja velocidad eligen desactivar la visualización de imágenes!

    El atributo title es un atributo genérico que se aplica en prácticamente todas las etiquetas HTML y por tanto su función es aportar información adicional o un comentario sobre un elemento específico de una página web (el elemento puede ser una frase, un párrafo, un elemento multimedia, un objeto, etc.).

  4. Etiquetas H1, H2 o H3 antes de las imágenes

    Siempre con el objetivo de indicar a los motores lo que representan tus imágenes, coloca antes de la imagen de un título una etiqueta de nivel 3 o superior (h3, h2 o h1). Por supuesto, el título debe estar relacionado con la imagen y, sobre todo, debe contener las principales palabras clave con las que deseas posicionarte.

Errores más comunes al utilizar imágenes

  • Un encabezado en imagen (header)

    A menudo se conciben los sitios con un encabezado en imagen. Es frecuente ver que el logo de la empresa ocupa casi todo el ancho de una página.

    ¡Hay que evitarlo! La parte superior de una página (el header) es una de las zonas más importantes de tu sitio, en donde debes introducir tus principales palabras clave para optimizar tu SEO.

    Si empleas una imagen que ocupa todo el cuadro, habrás desperdiciado esta ubicación, ya que los motores de búsqueda aún no saben leer los contenidos gráficos. Evita asimismo las imágenes con texto. Sin duda, visualmente es más llamativo, pero no ocurre lo mismo desde el punto de vista del posicionamiento (SEO), puesto que los motores no indexarán este texto.

    Por supuesto, puedes utilizar tu logo empleando un enfoque «híbrido»Â: Coloca tu logo en todas tus páginas, pero presta atención a que no ocupe todo el ancho. El cuadro restante en el encabezado debe optimizarse con texto.

  • Elementos gráficos en el menú de navegación

    La problemática es la misma que en el caso anterior con textos dentro de imágenes. Todos los enlaces internos de tu sitio deberían contener palabras clave, que darían una ventaja adicional al posicionamiento de tu sitio. Si por motivos estéticos has empleado elementos gráficos para tu menú, los motores de búsqueda no podrán indexar el texto de los enlaces. Evita en lo posible la utilización de un menú gráfico, en caso contrario especifica al menos las etiquetas ALT para todas las imágenes.

La herramienta gratuita de Yakaferci para analizar las imágenes y las etiquetas alt de tus páginas

Yakaferci proporciona una herramienta para validar las imágenes de tus páginas.


Analizar gratis las etiquetas alt de tus imágenes:
Analizar mi página


Para iniciar el análisis de Yakaferci, basta con introducir el enlace hacia tu sitio web en el cuadro de aquí arriba y pinchar en el botón Analizar. De este modo podrás acceder a las distintas páginas del informe, especialmente la de las imágenes.

Para más información...

También te pueden resultar útiles otros artículos de Yakaferci en el apartado Posicionamiento.