Ejemplo Seo en Imagen

¿Cómo optimizar imágenes para web?

Share on facebook
Share on linkedin
Share on twitter
Share on email

¿Tienes una página web? ¿Un blog? ¿Una tienda online? En ese caso debes de saber la importancia de optimizar las imágenes que vayas utilizar en tu sitio web. Las imágenes transmiten información que difícilmente podemos describir. Son importantes para mejorar la información que estamos mostrando en las páginas y entradas de blogs de nuestra web. Por ello se hace imprescindible mostrar las imágenes con una calidad y tamaño adecuados para que nuestra página web sea rápida y así Google nos empuje a posiciones más altas.

Formatos de imagen usados en páginas web

  • JPG: compresión de imágenes tanto en escala de grises como en color. No sirve para imágenes con transparencias. Tiene pérdida de calidad.
  • PNG: compresión de imágenes de alta calidad, sirve también para transparencias. Las imágenes por lo general pesan más que las jpg. No tiene pérdida de calidad.
  • WEBP: es un nuevo formato para web desarrollado por Google, sin pérdida de calidad. Soportado por la mayoría de los navegadores modernos, aunque no es soportado por todos los editores.
  • GIF: admite solo 256 colores, no tiene pérdida y se puede usar para animaciones.
WebP - Wikipedia, la enciclopedia libre

WebP en WordPress

WordPress no admite el formato Webp por defecto. Para poder usarlo, tenemos que o bien instalar un plugin como WP Enable WepP. Otros plugins como WebP Express te permiten transformar y servir todas tus imágenes en formato WebP. Elige uno, instálalo y sigue las instrucciones.

¿Qué formato usar?

Por lo general, uso jpg para web, las imágenes se pueden comprimir y elegir la calidad de salida con un editor como Gimp. PNG lo uso cuando la imagen tiene un fondo transparente. Webp para imágenes grandes para fondos o sección hero. Y gif cuando tengo que usar una animación, lo que es casi nunca.

Aplicaciones web para editar imágenes

Nos centraremos en aplicaciones web que cualquiera puede usar con un navegador. Sin tener que instalar nada y siempre a la última. De este tipo de aplicaciones hay muchas, solo comentaré las que usamos normalmente.

  • tinypng.com: consigue comprimir imágenes con formato png o jpg. Puedes subir hasta 20 imágenes a la vez (máximo 5MB por imagen) y descargarlas todas a la vez en un archivo zip.
  • compressor.io puedes comprimir imágenes de hasta 10MB y formatos jpg, png, gif, svg, webp.
  • squoosh.app: es una app web desarrollada por Google, permite redimensionar imágenes, permitiendo convertir a seis formatos distintos: OptiPNG, MozJPG, WebP, Browser PNG, JPG, y WebP. Puedes ver el resultado de la imagen en vivo, así como el peso que se obtendría.

Ejemplo editor squoosh
Ejemplo editor squoosh

Otras recomendaciones

  • Redimensionar siempre las imágenes al tamaño que van a ser visualizadas.
  • Comprimir las imágenes en un formato adecuado
  • SEO en Imágenes: El nombre de las imágenes debe ser descriptivo, algo como “logo garber transparente” e incluir el título y el alt para temas de SEO. Y no olvides la descripción.
  • Para trabajar el SEO local, puedes añadir la Geolocalización a tus imágenes con un servicio como Tool Geo Img (este servicio añade unas meta etiquetas a tus imágenes para indicar la localización de las mismas)
Ejemplo SEO en imagen
Ejemplo SEO en imagen

Algunas webs para descargar imágenes

A continuación te mostramos algunos bancos de imágenes gratuitos que puedes usar para tus proyectos. Si conoces alguno más, nos lo dices en los comentarios y así lo añadimos:

Si te ha servido, deja un comentario

3 respuestas

Deja una respuesta

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

Más entradas
Recomendaciones SEO WordPressRecomendaciones SEO WordPress
SEO

Recomendaciones SEO en WordPress

En este post os iremos mostrando cada una de las recomendaciones para poder realizar un buen SEO en WordPress y así poder aumentar el posicionamiento

Blog

Qué es la Arquitectura Web

Alguna vez habréis escuchado hablar sobre la arquitectura web y es que esta es un pilar fundamental para el Search Engine Optimization (SEO). Se define

Categorías
¿Quieres impulsar tu negocio?
escríbenos y manténte en contacto
Desarrollo de tiendas online Garber Informática
Contacta con nosotros