[GU脥A] Optimizar im谩genes para web: punto extra para el SEO 馃弲

Lo que todo negocio con web deber铆a saber sobre la optimizaci贸n de sus im谩genes锟

silla clinica dental pontevedra

A todo el mundo le gusta tener en su web im谩genes de buena calidad y vistosas que resalten los encantos de su negocio. El problema es que a Google solo le gustan si tienen una buena optimizaci贸n.

En caso contrario, tu web ir谩 m谩s lenta, y esto a su vez har谩 que los usuarios se aburran de esperar y salgan buscando otra m谩s r谩pida.

驴Vas viendo la importancia de dedicarle un ratito a la compresi贸n y ajuste de tus im谩genes?

Las webs tortuga superbonitas no sirven de nada.

Por eso, en el post de hoy te voy a contar c贸mo optimizar tus fotos de todas las maneras posibles para contentar a Google y tener ese minipunto de SEO que te beneficie.

脥ndice de contenidos

Importancia de comprimir las im谩genes antes de subirlas a tu sitio web 馃寪

Primero quiero que entiendas bien lo de 鈥渨ebs tortuga superbonitas que no sirven de nada鈥.

Para resumir: una web repleta de im谩genes que pesan mucho equivale a una web que le cuesta m谩s arrancar.

Si t煤 vas al supermercado a comprar y tienes que volver a casa con 2 bolsas repletas de kilos y kilos de alimento, ir谩s mucho m谩s lento que si volvieras a casa con un paquete de arroz y un bote de tomate. Es pura l贸gica.

Pues con las im谩genes de una web pasa lo mismo.

Una web con im谩genes pesadas = Una web que carga lento

Y esto tiene 2 consecuencias claras:

  • Experiencia de usuario: el navegante medio odia que le hagan esperar. Por eso, una web pesada equivale a un riesgo mayor de fuga de posibles clientes.
  • Posicionamiento SEO: Google sabe lo que te he contado de la experiencia de usuario y castiga al negocio con un peor posicionamiento en el buscador. (Descubre por qu茅 las empresas apuestan por un seo de calidad aqu铆)

Y ahora que conoces la necesidad de optimizar tus im谩genes, vamos a la explicaci贸n pr谩ctica.

El paso a paso m谩s pr谩ctico, sencillo y visual para la optimizaci贸n de las im谩genes de tu web 馃敐

La optimizaci贸n de fotos tiene varios procesos.

Para explicarlo mejor (y que t煤 lo veas m谩s claro) voy a usar una foto de prueba.

Tienes ante ti una imagen de una silla de dentista con nombre, tama帽o, peso y formato sin optimizar y que queremos usar como una de las im谩genes que ir谩n en la p谩gina de Inicio de una cl铆nica dental de Pontevedra.

foto sin optimizar

Y con esto鈥 隆COMENZAMOS!

1. Renombra la foto adecuadamente 馃挰

Tenemos ya la imagen que queremos subir a la web, pero el nombre del archivo es dentist-g11171330b_1280

Primer fallo que hay que resolver.

Renombra el archivo empleando palabras que describan a la imagen y que est茅n relacionadas con la p谩gina o el art铆culo donde la vayas a poner.

No olvides que cada palabra tiene que ir separada por un guion.

En este caso, vamos a llamar a la imagen 鈥渟illa-clinica-dental-pontevedra鈥

2. Cambiamos el tama帽o, el peso y el formato de la imagen 馃摲

Y para conseguirlo, vamos a utilizar Squoosh , la herramienta de modificaci贸n de im谩genes que Google lanz贸 en 2018.

Existen programas que tambi茅n funcionan bien como OptimiZilla, ILoveIMG o WebsitePlanet (descubierta hace poco gracias a una seguidora)

Pero como el objetivo n煤mero 1 de la optimizaci贸n de im谩genes es contentar un poquito m谩s a Google, qu茅 mejor que usar la herramienta que 茅l ha creado para este cometido.

  • Para saber a qu茅 tama帽o convertir la imagen, ten en cuenta el hueco donde la vas a colocar. Si no tienes ni idea de cu谩l es el hueco disponible, prueba a poner un m谩ximo de ancho de 850 p铆xeles, que suele ser el tama帽o en el que oscilan los anchos m谩s est谩ndar.
  • Para el peso, siempre vamos a intentar poner un m谩ximo de 100 kilobytes.
  • Finalmente, para el formato de la imagen, vamos a transformarla en WebP o JPG. PNG tiene mejor calidad, pero pesa mucho m谩s.

Nuestra imagen tiene un tama帽o de 1280×853, un peso de 219 KB y un formato JPG.

Para tener la mejor optimizaci贸n posible, nuestra misi贸n es bajar el tama帽o a 900×600, el peso a un m谩ximo de 50 KB y el formato a WebP.

El resultado ser铆a este:

optimizacion imagenes sin perder calidad

3. Subimos la imagen a WordPress y tocamos algunas opciones 馃挴

No, a煤n no hemos acabado. Pero ya queda poquito.

Sigamos gustando a Google.

Una vez subida nuestra foto optimizada, hay que darle el toque final y absoluto de mejora.

Para eso, escribimos el 鈥渢exto alternativo鈥 y la 鈥渄escripci贸n鈥 en los campos rellenables de la imagen. Con una frase descriptiva de la foto y relacionada con la palabra clave ser谩 suficiente (aunque si podemos calzar la palabra clave tal cual, mejor).

En nuestra foto de ejemplo, quedar铆a as铆:

optimizacion fotos proceso

Finalizado proceso de mejora de las im谩genes para el SEO de tu web 馃寪

Nuestra foto optimizada queda de esta forma:

silla clinica dental pontevedra

Como puedes comprobar, ahora tienes una imagen optimizada y casi sin perder la calidad de la original.

Y si sigues los 3 pasos descritos antes con todas las im谩genes de tu sitio online, podr谩s respirar tranquilo.

  • Tu web tendr谩 unas im谩genes atractivas y optimizadas para el posicionamiento.

Bueno, y si quieres que Google quiera mucho a tu negocio online (y las visitas fluyan y fluyan), echa un ojo a mi servicio de dise帽o web seo. 隆Seguro que podr茅 ayudarte!

[GU脥A GRATUITA ]

Las herramientas que necesitas para emprender en tu negocio digital

Tambi茅n te puede interesar...

agencia-de-posicionamiento-web-circuloovalado.png

DISE脩O WEB | REDES SOCIALES | ECOMMERCE

驴Quieres una web totalmente GRATIS?

Gracias al Kit Digital podr谩s conseguirla.