Optimizar Imágenes para SEO

Cómo Optimizar las Imágenes para SEO

Optimizar Imágenes para SEO
No optimizar nuestras imágenes para SEO puede ser uno de los mayores errores que podemos cometer si estamos trabajando en el posicionamiento de una página.

El algoritmo de Google es todo un misterio y a la vez es una temática apasionante, a mí me encanta vamos. Hay infinidad de cositas que podemos hacer en nuestra página web para conseguir un aumento de posiciones y hoy quiero hablarte de lo que para mí es una de las cosas que más influencia tiene en el posicionamiento en buscadores: las imágenes.

Y es que optimizar nuestras imágenes para SEO es algo fundamental hoy en día, ¿Por qué son tan importantes? Pues por que de una sola imagen dependen varios factores de posicionamiento, y si no los conocemos estamos perdiendo un potencial enorme. Y por eso mismo, hoy, quiero explicarte todo lo que se, tras varios años peleando con el algoritmo de google, sobre optimización de imágenes para SEO.

La Velocidad de Carga de la Página

Hoy en día uno de los factores de mayor relevancia en cuanto a posicionamiento es que tu página cargue lo más rápido posible. Hay muchas técnicas que mejoran esto pero … ¿Y si te digo que las imágenes son seguramente lo que más ralentiza a la mayor parte de las páginas web?

Tienes que pensar que tras una página hay un código detrás, no lo vemos, pero está ahí. En el código está todo lo que ves en la página y lo que hace que funcione, pero al final es todo texto y más texto. Los textos ocupan poco espacio y son fáciles de cargar pero las imágenes no, estas son las responsables de que muchas veces nuestra página tarde más de la cuenta en cargar y por ello es fundamental reducir el peso que tienen.

¿Cómo reduzco el tamaño de mis imágenes?

Ahora que ya empiezas a entender la importancia que tienen las imágenes en cuanto a velocidad de carga de una página, te explicaré los dos métodos con los que puedes reducir el tamaño de las mismas, y en serio, realizando esto puedes llegar a reducir tus imágenes hasta un 90%, lo cual es una burrada.

Utiliza el tamaño de imagen justo

Si pretendes utilizar tu imagen en un pequeño recuadro que ocupe, no se, unos 300 x 250 pixeles, no tiene ningún sentido que utilices una imagen de 12000 x 1000 pixeles. No necesitas una imagen tan grande para luego mostrar una pequeña, y sin embargo, estarás cargando el tamaño que ocupe la grande. Aunque en tu página se vea pequeña… no es así, simplemente está redimensionada.

Por ello, te recomiendo que siempre utilices las imágenes con el tamaño más cercano al que tendrán en tu página, quizás ponle un pelín más por si acaso, pero no abuses por que no es necesario. Para hacer esto, simplemente tienes que coger un editor de fotos y reducir el tamaño de la misma, con esto habrás reducido mucho tu imagen.

No abuses con la calidad de foto

A todos nos encanta tener fotos con una calidad brutal, quedan preciosas en una página, pero a mayor calidad mayor espacio ocupará la imagen.

Por ello conviene no pasarse, ten fotos que se vean bien, claro. Pero tampoco hace falta que sean fotos en 4K, ni tampoco pongas fotos que se vean pixeladas o mal, tienes que encontrar el equilibrio.

Utiliza JPG, no PNG

Las imágenes en JPG son fantásticas por que ocupan poco y no se ven mal, digamos que tienen una buena relación tamaño/calidad. Debes utilizar siempre este formato a no ser que tu imagen tenga transparencias, en ese caso utiliza PNG, pero en serio, utiliza PNG solo si no tienes otra alternativa, ocupan una burrada comparadas con las JPG.

Comprime tus imágenes

Y esto debes hacerlo en último lugar. Comprimir las imágenes consiste en … comprimirlas, no se exactamente cual es el proceso, pero con él consigues que la misma imagen ocupe menos. Puede parecer algo complejo, pero no lo es, hay muchas herramientas gratuitas que realizan este labor de forma fantástica.

Yo utilizo esta página, sirve tanto para JPG como para PNG:

CompressJPG

Otros Factores SEO que implican a las Imágenes

Por no decir que el propio hecho de utilizarlas ya nos ayuda a posicionar, Google valora la diversidad de contenido y tiene sentido, es un rollo entrar una página sin imágenes, no incita a leer, es aburrida.

Pero el caso es que hay otros factores de las imágenes que hay que tener en cuenta para el posicionamiento:

El nombre de la imagen

El nombre de la imagen es una de las cosas que mejoran algo el posicionamiento, y en este caso también ayudará al posicionamiento en Google Imágenes.

La gracia es nombrar a la imagen con lo que muestra o con el título de nuestro artículo o página algo resumido y con guiones en lugar de espacios, además no podremos utilizar tildes, diéresis ni símbolos raros. Evita también el uso de preposiciones y conjunciones, y que el nombre sea demasiado largo.

Además, intenta añadir alguna palabra clave relacionada con la temática de tu página, como ya he dicho yo creo que lo mejor es el mismo título, pero si utilizas varias tendrás que pensar en otros nombres, no vale repetir, ni te conviene.

Voy a dar ejemplos poniendo como ejemplo la imagen de este post:

Ejemplo Bueno

 

Un buen nombre para la foto de esta pagina sería este:

optimizar-imagenes-seo.jpg

No rompe ninguna norma y además es bastante conciso en cuanto a la temática del post.

Ejemplo Malo

 

Un nombre horrible sería algo así:

img 2345325.jpg

Lamentablemente un nombre bastante común… no este en concreto, pero muchas veces los ordenadores ponen nombres semejantes a este a las imágenes y muchos no piensan en cambiarlo.

No solo tiene errores, como utilizar un espacio, además no utiliza ninguna palabra clave o al menos una breve descripción de la imagen. Tu ves ese nombre y no tienes ni idea que imagen será, debes evitar eso.

 

Otro mal ejemplo sería este:

como-optimizar-las-imagenes-para-seo.jpg

Aquí no rompemos normas y vemos claramente de que va la imagen, pero el nombre es demasiado largo, tenemos que intentar que sean nombres breves y concisos, como en el ejemplo bueno.

El Atributo ALT

El atributo alt es algo que está en el código de las imágenes y tiene una función, es un texto que aparece como sustituto de la imagen en caso de que no cargue.

No se exactamente por que esto ayuda a posicionar, pero es así, no me parece algo tan importante como los anteriores puntos pero tiene más valor de lo que parece. Tenemos que tener cuidado con dos cosas.

Lo primero es que no nos olvidemos de añadir este atributo a nuestra imagen, y lo segundo es utilizar alguna palabra clave relevante a la página o a la imagen. El ALT de la imagen de este post es el mismo título algo recortado: Optimizar Imágenes para SEO.

¿Cómo se que mi imagen tiene ALT?

Pues lo mejor es mirar en el código, las imágenes en HTML se ven más o menos así:

<img src="ruta-de-la-imagen" alt="Hola, soy un ALT" />

Si tu imagen tiene más cosas no te preocupes. Tenemos que comprobar que dentro de la etiqueta <img /> tenemos ese fragmento de código (alt=”lo que sea”).

Si utilizais un CMS no os preocupéis por que siempre tenemos la opción de añadir el ALT, en WordPress por ejemplo tenemos que rellenar el campo “Texto alternativo” en el gestor de imágenes.

¡Y eso es todo por hoy!

Si aplicas todo esto estoy seguro de que notarás el cambio pasado un tiempo, que ya sabes que estas cosas suelen verse mas bien a largo plazo. Y como en cuanto a SEO, nunca podemos asegurarnos el éxito al 100%, al menos tendrás una página que carga más rápido y unas imágenes mejor etiquetadas, ¡Que tampoco viene mal!

¡Hasta la próxima entrada!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Puedes usar estas etiquetas y atributos HTML:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>