<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=244227003061217&amp;ev=PageView&amp;noscript=1">

Cómo optimizar imágenes para posicionarlas

Todos sabemos la importancia de una imagen. Cuando navegamos por internet, estas captan nuestra atención para luego hacernos entrar en el texto y disfrutar de lo que leemos.

Para que te hagas una idea, las imágenes actúan como el producto en una tienda: son el escaparate, en el que si hacemos que el cliente entre, después tendremos la oportunidad de explicarle cuán bueno es nuestro producto y describirle las características más destacadas. ¡Te cuento cómo llevarlo a cabo!

optimizar seo de las imágenes

¿Qué debemos tener en cuenta para posicionar las imágenes?

No se trata solo de encontrar una buena imagen para captar la atención del lector: debemos optimizar estas imágenes para que nos ayuden a posicionarnos y, en consecuencia, a encontrar ese público que tanto deseamos. Y sobre eso voy a hablarte en este post. ¡Así que te invito a que me acompañes!

URL y metadescripción

Como en las páginas web, debemos aprovechar la URL de las imágenes para describir mejor el contenido de nuestra imagen. Y, además, incluir palabras clave en la descripción.

Pongamos un ejemplo: yo vendo camisetas interiores para hombre y he añadido dos imágenes del producto. La URL podrá contener “camiseta”, “interior” y “hombre” de igual forma que lo incluirá la metadescripción.

Alt text

Se trata de utilizar un texto alternativo junto con las palabras clave. Siguiendo con el ejemplo de las camisetas interiores para hombre, le podríamos añadir “algodón” y “blancas” si son de este tejido y color.

Debes tener en cuenta que el Alt text es la descripción de la imagen y no el título. ¡Recuérdalo!

En definitiva, una foto de la camiseta sería:

  • Título: "camiseta interior hombre"
  • Alt Text: "camiseta interior blanca de algodón para hombre"

Ejemplo en WordPress:

pasted image 0 (5)-1

Leyenda

Queremos atraer a Google, pero debemos pensar que lo más importante es mantener la atención del lector. Por tanto, debemos utilizar la leyenda como un subtítulo de la imagen y debe ser entendible para el lector.

Recuerda que la leyenda se ubica debajo de la fotografía y da contexto al lector sobre lo que está viendo en ella.

pasted image 0 (6)

ebook estrategia SEO

Nombre de la imagen

Muchas veces descargamos las imágenes, ya sean de internet o de nuestro dispositivo móvil, y ni siquiera le cambiamos el nombre. Esto provoca que tengamos imágenes en nuestra web con nombres de este estilo: DCIM434 o 78r47a92. ¿Te suena?

Como te he comentado, debemos aprovechar cualquier espacio para posicionar nuestras imágenes. Y esto también sirve para el nombre: debe contener la palabra clave principal (keyword) en el archivo. Y tenemos que intentar que la palabra clave describa lo que vemos en la foto, utilizar los guiones para separar palabras y no utilizar caracteres especiales, acentos o la letra eñe. ¡Tenlo presente!

optimizar nombre imagen

Aquí tienes un ejemplo de cómo debemos subir la imágen en WordPress para que esté bien optimizada:

optimizacion imagen wordpress

Tiempos de carga

A todos nos gusta entrar en una página y no tener que esperar a que se carguen las imágenes, ¿verdad?

Pues bien, este aspecto sirve para no provocar que el usuario se vaya de nuestra página, además de dar un aspecto poco profesional a la web y/o blog.

El tiempo de carga de una página web debe estar por debajo de los 3 segundos. Por poner un ejemplo, la web de venta online Amazon presume de un tiempo de carga de 1 segundo.

El tiempo de carga tiene que ver con otro de los aspectos a tener en cuenta, el peso de la imagen. ¡Te cuento más sobre él a continuación!

Peso de la imagen

Si una imagen pesa mucho, tarda mucho en cargar. Esto afecta al SEO, ya que, como bien sabemos, Google se preocupa por la buena experiencia del usuario.

Así, tendremos que trabajar para que nuestras imágenes pesen lo menos posible pero sin dejar de lado la calidad. ¡Te cuento cómo hacerlo!

Para reducir el tamaño tenemos varias herramientas que podemos utilizar si no nos manejamos bien con Photoshop o Illustrator; son las siguientes:

Imagen en miniatura

A veces necesitamos hacer una imagen más pequeña que se adecue al contenido. En una infografía, que normalmente es larga y ocupa mucho espacio, reducirla de tamaño no tendría sentido porque no se vería nada. En ese caso es cuando crearíamos una miniatura con un trozo de la imagen para luego poder visualizarla entera cuando se entre en el contenido.

¿Te gusta lo que estás leyendo? Suscríbete

Botones sociales

Siempre que podamos debemos añadir botones sociales y, en el caso de las fotografías, también. De esta manera, el usuario podrá compartirlas.

Te aconsejo que le pongas una marca de agua, pequeña, para aprovechar y difundir la marca o la web y/o blog. ¡Pruébalo!

Tasa de rebote

Como su nombre describe, nos indica el porcentaje de usuarios que abandona el sitio web a los poco segundos de entrar. ¿Y eso qué significa?

Pues que es un indicador de que el contenido puede no ser de interés para el público al que llega. De este modo, debemos analizar diferentes variables como el texto, la imagen, la conexión entre ambas, etc.

Diseño responsive

Seguro que habrás oído hablar de una web con un diseño responsive, ¿me equivoco?

Con eso nos referimos a que, en este caso, las imágenes se adapten a cualquier pantalla, ya sea de móvil, tablet o de ordenador. ¡Y es un reto al que debemos aspirar!

Para empezar, tenemos herramientas para comprobar si nuestra página es responsive:

  • Mobile - Friendly Test: puedes comprobar mediante la URL, tanto del sitio web como de la imagen, si está optimizada para dispositivos móviles.
  • Window Resizer: extensión de Chrome que sirve para visualizar cómo se verá el contenido en otros tamaños de dispositivos.
  • Google Search Console: podrás saber si está optimizado para móviles.

Formato de la imagen

Como debemos tener a Google contento, tendremos en cuenta las extensiones que le gustan (.jpg, .png y .gif). Y para convertir nuestras fotos a estos formatos tenemos herramientas como:

  • Smallpdf: convierte un pdf al formato que quieras.
  • Online-convert: podrás convertir tus archivos a 12 formatos diferentes, incluidos los favoritos de Google.


Como habrás ido leyendo, la optimización de las imágenes es una tarea importante que trata de tener en cuenta diversidad de aspectos, tanto para "tener contentos" a los buscadores como a los lectores o usuarios de nuestras páginas. Pero atentos y atentas: porque debemos tener claro que ¡optimizar una imagen no significa bajarle la calidad!

Así, las imágenes son muy importantes y atraen al usuario, pero una buena optimización también ayuda a nivel de SEO (velocidad de carga, posicionamiento en buscadores, etc.) y a nivel de conversión, minimizando la tasa de rebote que he comentado anteriormente. 

Aunque parezcan muchos aspectos a tener en cuenta, son cosas sencillas para las cuales existen herramientas que nos facilitan el posicionamiento de las imágenes. Y una vez las tengas claras, se trata, en realidad, de una tarea bastante automática que puedes hacer de forma sistemática cada vez que publicas en tu página.

¿Cómo lo ves tú? ¿Sueles tenerlo en cuenta a la hora de optimizar tu página o blog? ¡Cuéntame tu experiencia y tus trucos! ¡Juntos aprendemos siempre!

guia estrategia seo

¿Y tú qué opinas? ¡Déjanos aquí tus comentarios!

Suscríbete al Blog
Suscríbete por email y recibe además un pack de bienvenida con nuestros 5 mejores artículos