Optimizando Imágenes para SEO

Una de las maneras más fáciles de optimizar el contenido de una página es enfocarse en las imágenes. La mayoría de las páginas contienen imágenes, ya sean fotografías, ilustraciones o iconos. Con unos pocos ajustes simples, pueden ayudar a su clasificación y obtener algunos visitantes adicionales.


¿Optimizando imágenes? Pero por qué?

El gran problema aquí es que los motores de búsqueda no pueden ver imágenes. Espere, dejéme expresarlo de otro modo; pueden ver que hay una imagen, incluso pueden reconocer las imágenes en términos de sus píxeles, pero no pueden evaluar el contenido basándose solo en la imagen.


Google hace todo lo posible para aprovechar las imágenes que se encuentran en la web, pero necesitan tu ayuda ...

Digamos que Google aparece en la siguiente imagen (soy un poco un petrolero, así que usé esta imagen de un Ford GT40 de Sumlin como ejemplo):

Los motores de búsqueda saben que hay una imagen porque usamos el HTML. etiqueta, pero la única información que tienen al respecto es la URL. Los humanos pueden ver fácilmente que es una imagen de un automóvil, pero los motores de búsqueda no tienen esta comprensión. Sin embargo, podemos ayudar a los motores de búsqueda a comprender mejor las imágenes a través de atributo alt y un buen nombre del archivo.


Atributo-alt

El atributo alt especifica un texto alternativo si la imagen no se puede mostrar (tal vez debido a un error, conexión lenta, lector de pantalla, etc.)

Este atributo no solo es útil para los visitantes, sino también para los motores de búsqueda. Les da una pista de lo que trata la imagen. Por eso es una buena idea usar importantes. palabras clave en la descripción-alt (una vez más, no vaya para el relleno de palabras clave).

Si inspeccionas el código de nuestra imagen anterior, verás que ya tiene una descripción alternativa:

Ford GT40 en colores del golfo

A través de este atributo alternativo, hemos proporcionado a los motores de búsqueda dos datos importantes:

  • Es una foto de un Ford GT40..
  • Esta en colores del golfo.

Ahora, si alguien usa 'GT40 Gulf Colors' o una consulta similar en la Búsqueda de imágenes de Google, es probable que nuestra imagen aparezca..

Como puedes ver; agregar una descripción alt es muy simple, solo necesita acceder al formato HTML de la imagen.


El gestor de medios en WordPress.

Algunos sistemas de gestión de contenido, como WordPress, le permiten especificar una descripción alternativa cuando carga una imagen.


Nombre del archivo

Si desea optimizar sus imágenes aún más, puede cambiar el nombre del archivo. Mediante el uso de un nombre de archivo descriptivo podemos ayudar a los motores de busqueda.

Una foto típica de una cámara digital se llamará algo así como 'DSC0123.jpg'. Si cargamos esta foto y la usamos en nuestra página, dice muy poco a los motores de búsqueda porque el nombre de archivo no es muy informativo. Claro, podríamos usar el atributo alt, pero podemos hacer aún más cambiando el nombre del archivo.

Así que, en lugar de llamar a nuestra foto 'DSC0123.jpg', podríamos llamarlo 'basket-of-red-apples.jpg' por ejemplo. Si ha leído nuestro artículo sobre cómo crear una estructura de URL amigable para SEO, ya sabe que es mejor usar guiones para dividir las palabras. Se debe evitar el uso de otros separadores, como guiones bajos (_) signos más (+) o ningún separador. Mediante el uso de guiones, los motores de búsqueda pueden reconocer las partes compuestas como palabras individuales..


No olvides el tamaño del archivo!

Como ya habrás escuchado; Google ha incorporado la velocidad del sitio en los rankings de búsqueda. Esto significa que el tiempo de carga de la página es uno de los factores de clasificación; El auge de los teléfonos inteligentes y de Internet móvil juega un papel importante en esto. No es sorprendente, porque un sitio lento no es muy fácil de usar.

El tamaño del archivo de imagen es uno de los elementos que determina el tiempo que se tarda en cargar una página determinada. Por lo tanto, optimizar sus imágenes puede mejorar el rendimiento. Es posible que esto no se note en una página con una o dos imágenes, pero si tiene que cargar docenas de imágenes, puede hacer una gran diferencia..

El tamaño del archivo depende en gran medida de la resolución de la imagen. Los archivos de mayor resolución suelen ser más grandes, lo que significa que tenemos que calidad del balance y tamaño del archivo.

Para tomar una decisión informada, debemos considerar los distintos tipos de archivos de imagen y sus ventajas..

Los tres tipos de archivos más utilizados en la web son JPG, PNG y GIF:

  • JPG Es un tipo de archivo de imagen con un grado de compresión ajustable. Al comprimir una imagen, descarta ciertas piezas de información que es menos probable que el ojo note. Debido a esto, las imágenes JPG se utilizan con frecuencia en sitios web.
  • Png se utilizan a menudo porque admiten transparencia (a diferencia de los archivos JPG). PNG es una alternativa sin pérdida para el formato GIF..
  • GIF Las imágenes son sin pérdida para imágenes con 256 colores o menos. Este formato también admite animaciones, por lo que todavía se utiliza en ciertos sitios web.

Es imposible saber qué tipo de archivo de imagen es el mejor. Los archivos JPG, PNG y GIF son útiles en situaciones específicas. Si desea optimizar sus imágenes, le sugiero que elija un tipo de archivo con una calidad aceptable y el tamaño de archivo más bajo. En caso de duda, simplemente pruebe varios tipos y compárelos..

Una cosa que debe tener en cuenta es que es mejor no usar HTML para cambiar el tamaño de las imágenes. Cargar una imagen grande (por ejemplo, 800 x 600 px) y mostrarla en una resolución más pequeña (por ejemplo, 400 x 300 px) a través de los atributos de ancho y alto de HTML perderá el ancho de banda. Con el auge del diseño web responsivo, las imágenes a menudo se cargan en una página web, y luego se muestran según el tamaño de su elemento de contención, pero ese es otro juego de pelota y la optimización de la imagen en estas circunstancias aún está en su infancia..

Si desea analizar el rendimiento de sus imágenes, puede utilizar YSlow o Google Page Speed ​​Insights. Las siguientes técnicas de optimización también pueden ser útiles:

  • Técnicas inteligentes de optimización de PNG
  • Optimización JPEG
  • Optimización de imágenes GIF

Observaciones finales

Uno de los beneficios de optimizar sus imágenes para SEO es que pueden aparecer en la Búsqueda de imágenes de Google, lo que podría atraer a algunos visitantes adicionales.

La búsqueda de imágenes no ayuda a todas las empresas, pero en algunas ocasiones puede brindarle un tráfico altamente relevante. Especialmente para recetas, productos y productos digitales (iconos, fotografía de archivo ...), esto puede ser muy útil. De cualquier manera: no hace daño optimizar!

Si ha terminado de optimizar sus imágenes, no olvide enviar un Sitemap de imagen. Esto ayudará a los motores de búsqueda a encontrar e indexar sus imágenes..


Conclusión

La optimización de las imágenes para SEO se reduce a tres factores: el nombre del archivo, el tamaño del archivo y, lo más importante, el atributo alt. El nombre del archivo no debe ser una cadena aleatoria de letras y números, sino palabras clave descriptivas. El tamaño del archivo debe mantenerse lo más bajo posible para mejorar la velocidad de su sitio (uno de los factores de clasificación de Google). Y por último, pero no menos importante: no olvide agregar una descripción alternativa a sus imágenes. Es una de las formas más fáciles de optimizar sus imágenes para SEO.