Guía de SEO para imágenes en Google

¿Te has parado a pensar como traer más tráfico a tu web a parte del que llega de la búsqueda de Google? Como una imagen vale más que mil palabras de las que te escribe ChatGPT, hoy voy a compartirte una pedazo de guía de SEO para imágenes que hará que tu tráfico aumente… ¡Casi sin hacer nada! No, que va, hay que currárselo mucho ¿o no quieres superar a tu competencia?

¿Qué es la optimización de imágenes para SEO?

La optimización de imágenes para SEO se refiere comúnmente a reducir el tamaño de archivo, formato y dimensiones de las imágenes sin perder calidad. La optimización de imágenes es extremadamente importante para mejorar el rendimiento del sitio web. Las técnicas de optimización comunes incluyen compresión sin pérdida y con pérdida.

Dado que reducir el tamaño de archivo de una imagen ayuda a reducir los tiempos de carga de la página, y la velocidad de carga de la página es un factor de clasificación importante, los motores de búsqueda como Google alientan a comprimir imágenes siempre que sea posible. Sin embargo, la optimización de imágenes no termina con la compresión o hacerlas a 1024×768.

Puedes optimizar imágenes para SEO definiendo nombres de archivo legibles por humanos que incluyan palabras clave, una etiqueta alt descriptiva de la imagen, y haciendo que las imágenes sean móviles y responsives.

Finalmente, una descripción de la imagen y opciones de compartición en redes sociales pueden mejorar la experiencia del usuario y también promover mejores clasificaciones de búsqueda.

¿Por qué son importantes las imágenes para SEO?

Las imágenes son un componente clave de los sitios web, afectando la experiencia del usuario, la visibilidad del sitio y los rankings de contenido de Google.

A continuación, te doy algunas (no pocas) razones para pensar en el SEO para imágenes:

• Alrededor del 38% de las páginas de resultados de búsqueda de Google muestran imágenes, permitiendo a los usuarios ver no solo texto sino también mensajes visuales.
• En el comercio electrónico, las imágenes juegan un papel crítico en influir en la decisión de los usuarios de realizar una compra.
• Las imágenes pueden crear una experiencia de usuario negativa o positiva, por lo que la optimización es clave para mantener a los usuarios comprometidos con tu sitio.
• Los navegadores necesitan descargar las imágenes para mostrarlas a los usuarios. Un archivo de imagen grande puede ralentizar el proceso de descarga y consumir demasiada banda ancha. El resultado es una carga lenta de imágenes y una mala experiencia del usuario.
• Google prioriza los sitios web que se cargan rápidamente. El SEO para imágenes ayuda a optimizar las imágenes web para asegurarse de que los motores de búsqueda puedan leer y encontrarlas fácilmente. También ayuda a asegurarse de que tu sitio reciba una buena clasificación de contenido de Google.
• Además de reducir el tamaño del archivo de imagen, el SEO para imágenes suele requerir la optimización del tipo de imagen, el uso, el texto alternativo y las palabras clave.

Cómo optimizar imágenes para SEO

Si necesitas más razones, ya no las tengo, a partir de ahora toca meterse manos a la obra con la guía de SEO para imágenes

Redimensionar imágenes y reducir el tamaño de la imagen

El tamaño de la imagen indica la dimensión de tu imagen—for ejemplo, 1920 x 1080 píxeles. El tamaño de archivo indica el espacio requerido para almacenar tu imagen en un servidor—for ejemplo, 250 kilobytes.

Las imágenes con alta resolución y grandes dimensiones pueden ralentizar significativamente los tiempos de carga de la página. Estas imágenes pueden funcionar bien para la reproducción en impresión, pero he visto webs de 1600 píxeles de ancho con imágenes de 5000×2500 px y 5Mb de peso, sin arráncame los ojos.

Estas pedazo de imágenes se suelen poner en los sliders, y no, no me gustan, aquí te lo explico.

Es posible que debas reducir el tamaño del archivo para asegurarte de que la imagen funcione bien en sitios web. Idealmente, la escala no debe perder demasiada calidad.

Tamaños de Imágenes para SEO en Píxeles (y Relación de Aspecto)

Protocolo de Open Graph

• 1600 x 900 (16:9)
• 1200 x 675 (16:9)
• 1200 x 1200 (1:1)
• 1200 x 900 (4:3)

Google Discover

• 1200 x 675 (16:9)
• 1200 x 900 (4:3)
• 1200 x 1200 (1:1)

Google News

• 1200 x 675 (16:9)
• 1200 x 900 (4:3)
• 1200 x 1200 (1:1)

Imágenes Hero de Blog o Artículo

• 1600 x 900 (16:9)
• 1200 x 675 (16:9)
• 1200 x 1200 (1:1)
• 1200 x 900 (4:3)

Tamaños de Imágenes para Infografías

• 600 x 2400 (1:4)

Tamaños de Imágenes para Perfil de Negocio de Google

• Imágenes de publicaciones de Google Business: 1200 x 900 (4:3)
• Logo de Google Business: 720 x 720 (1:1)
• Otras fotos de Google Business: 1200 x 900 (4:3), 1200 x 1200 (1:1), 1200 x 675 (16:9)

Imágenes de Productos en Sitios Web de Comercio Electrónico

• Al menos 1500 x 1500 (1:1) con el producto ocupando entre el 75% y el 90% del marco

Imágenes de Productos para Google Merchant Center (Google Shopping)

• Al menos 1500 x 1500 (1:1)

¿Qué tipo de imagen es mejor para SEO?

Para una optimización de motores de búsqueda óptima, se recomienda utilizar formatos de imagen comúnmente admitidos y amigables con la web, como JPEG, PNG o WebP.

Estos formatos logran un equilibrio entre la calidad de la imagen y el tamaño del archivo, lo que puede contribuir significativamente a tiempos de carga de página más rápidos, un factor crítico en SEO.

Aquí hay consejos para ayudarte a elegir el formato más apropiado para tu caso de uso:

• JPEG para ilustraciones y fotos más grandes: JPEG proporciona calidad de colores y claridad con un tamaño de archivo relativamente pequeño.
• PNG para transparencia de fondo: PNG te permite preservar la transparencia de fondo en las imágenes, pero pesa un poco más.
• WebP para resultados de alta calidad con pequeños tamaños de archivo: convierte JPEG y PNG a WebP utilizando herramientas como Squoosh o Phososhop.
• SVG para iconos y logotipos: CSS y JavaScript te permiten gestionar imágenes en formato SVG. Esto te permite, por ejemplo, redimensionar imágenes sin perder calidad.
• AVIF (.avif): tiene una excelente eficiencia de compresión, por lo que las imágenes de alta calidad AVIF tienen un tamaño de archivo más pequeño en comparación con JPEG o PNG. AVIF admite transparencia, compresión pérdida y sin pérdida, y rango dinámico alto (HDR), lo que PNG y WebP no hacen.

Tanto AVIF como WebP ofrecen una mejor compresión y calidad que los formatos de imagen más antiguos, pero PNG y JPEG tienen un mejor historial de indexación en la búsqueda de imágenes.

Mi recomendación:

• Utiliza JPEG o PNG para imágenes muy grandes y otras imágenes importantes (para la indexabilidad)
• Utiliza WebP o AVIF para imágenes que no agregan tanto valor a la página (para la velocidad)

Compatibilidad

WebP y AVIF están soportados por la mayoría de los navegadores modernos, incluyendo Chrome, Firefox, Microsoft Edge y Safari. Ten en cuenta que las versiones más antiguas de Safari (3.2 – 16) no soportan imágenes WebP o AVIF.

A partir de agosto de 2024, Google Search admite tipos de archivo de imagen AVIF, pero no todas las plataformas sociales lo hacen.

Las imágenes WebP utilizadas en imágenes de Open Graph (og:image) no funcionan en publicaciones de LinkedIn.

Muchas herramientas pueden convertir archivos JPEG o PNG a WebP, como TinyIMG. Adobe y Webflow tienen convertidores de WebP integrados.

Muchas herramientas pueden convertir WebP a JPEG o PNG, como Canva.

Utiliza imágenes únicas

Las imágenes únicas pueden obtener mejores rankings de búsqueda que las imágenes de stock, especialmente si elige imágenes utilizadas por muchos otros sitios.

Al igual que el contenido textual único produce mejores resultados de SEO, las imágenes únicas logran mejores clasificaciones.

Si son imágenes tuyas, mucho mejor, sobre todo si gestionas un ecommerce o una web de afiliados a Amazon por ejemplo, no destacarás y todos los usuarios tendrán la misma foto.

Optimiza los nombres de archivo de las imágenes

Los nombres de archivo tienen un impacto significativo en el SEO de una página web y en el ranking del contenido de la imagen.

Puedes obtener buenos resultados de SEO cuando agregues palabras clave relevantes y descriptivas. Aquí hay consejos para ayudarte a optimizar los nombres de archivo de las imágenes:

• Agrega tus palabras clave objetivo al principio del nombre, separadas por guiones.
• No utilices guiones bajos porque los motores de búsqueda no los reconocen.
• Elige nombres de archivo que tengan sentido tanto para los humanos como para los motores de búsqueda.
• Mantén los nombres de archivo cortos con las palabras clave al principio para que sean fácilmente identificables.
• Haz que cada palabra cuente: no incluyas palabras de parada («a», «el», «y», «en»).
• Utiliza letras minúsculas para mantener la consistencia y evitar errores.
• Traduce los nombres de archivo si se publican en múltiples idiomas para llegar a un público más amplio.

Por ejemplo, cambia el nombre «DCIM603.jpg» a «guia-viaje-okinawa-japon.jpg«.

Optimiza el título de la imagen y la descripción

Los títulos de las imágenes proporcionan contexto para el texto alternativo y pueden aumentar la participación del usuario. Debes agregar un título que explique la imagen y que incluya palabras clave relevantes.

Por ejemplo, puedes agregar un breve llamado a la acción (CTA) como “descarga la plantilla de calendario” o “imprimir libretas publicitarias”.

Si utilizas atributos de título y descripción, asegúrate de que el texto sea complementario, ya que la mayoría de los visitantes no lo verán y es inaccesible para los usuarios de móviles y lectores de pantalla.

Utiliza etiquetas alternativas (ALT)

Los arañas de motores de búsqueda necesitan información sobre una imagen para entender su contenido. El texto alternativo (ALT) proporciona esta información, asegurando que los motores de búsqueda puedan indexar con precisión el contenido de la imagen.

Los motores de búsqueda pueden leer el texto alternativo y clasificar la página cuando se incluye el texto alternativo con la imagen, incluso si las imágenes no se están cargando debido a un error.

El texto alternativo no es solo importante para los motores de búsqueda. También ayuda a los usuarios con discapacidad visual a entender el contexto.

Idealmente, tu texto alternativo debería incluir información relevante para la marca y palabras clave que proporcionen información más detallada que el nombre del archivo. Puedes aspirar a 10-15 palabras para transmitir el significado sin abusar de las palabras clave.

Prácticas recomendadas:

• Se descriptivo y relevante para ayudar a los motores de búsqueda y a los usuarios (por ejemplo, «Perfil profesional de Marcos Álvarez»)
• Evita «foto de» o «imagen de» ya que agregan palabras innecesarias, si, ya sabemos que es una imagen o foto.
• Utiliza palabras clave de manera natural para mejorar el SEO sin abusar de ellas.
• Se conciso para asegurar la claridad y la relevancia.
• Utiliza un lenguaje específico (por ejemplo, «Guadalajara, España» en lugar de «Guadalajara») para proporcionar información detallada, podría ser México.
• Para iconos, indica lo que el icono simboliza (por ejemplo, «visita la página de LinkedIn») para proporcionar orientación clara.
• Incluye contexto basado en el tema de la página para mejorar la experiencia del usuario.

Proporcionar contexto significa asegurarse de que el texto alternativo sea relevante para el contenido de la página además de describir la imagen.

Por ejemplo, en un artículo de blog sobre entrenamiento de fuerza para principiantes, en lugar de «persona levantando pesas», podrías escribir algo como «mujer demostrando un ejercicio de entrenamiento de fuerza para principiantes en una sala de pesas».

Y después de estos tres apartados te encantará mi Plugin

Utiliza imágenes responsives

Las imágenes responsivas pueden adaptarse al tamaño de la pantalla y la resolución, proporcionando una buena experiencia del usuario. Ayuda a asegurar que los usuarios puedan ver una imagen de buena calidad en cualquier dispositivo, sin que se vea borrosa o estirada (esto es lo peor).

Normalmente plataformas como WordPress ya las adaptan en tamaño, pero no en peso.

Cargar imágenes en Lazy Load o carga diferida

Para imágenes que no están visibles inmediatamente cuando una persona visita tu página, puedes utilizar el atributo HTML loading=lazy en esas imágenes para mejorar el rendimiento de la página.

Pero debes asegurarte de que la carga de imágenes en lazy load se implemente correctamente, de lo contrario puede tener el efecto contrario y ocultar el contenido de la imagen de Google.

Utiliza la documentación de búsqueda de Google sobre carga de imágenes en lazy load para hacerlo correctamente.

Utiliza un CDN de imágenes

Un CDN de imágenes reduce el payload de la imagen, entrega imágenes con precisión a cada dispositivo que las solicita y envía imágenes instantáneamente desde la orilla de la red. Mejoran las velocidades de carga de la página, aumentan los rankings de SEO y garantizan una mejor experiencia del usuario.

Un CDN de imágenes se enfoca en la optimización, transformación y entrega de imágenes. Funciona como una API para acceder y editar imágenes en un sitio web. Las URLs de las imágenes de las imágenes extraídas de los CDNs de imágenes proporcionan detalles importantes, incluyendo la identidad de la imagen para importar y parámetros como formato, tamaño y calidad. Estos detalles hacen que sea más fácil crear variantes de imágenes para diferentes casos de uso.

Un CDN de imágenes se diferencia de un script de optimización de imágenes utilizado en el momento de la construcción en que crea una nueva versión de la imagen a demanda. Por lo tanto, los CDNs suelen ser más útiles que los scripts de optimización para generar imágenes altamente personalizadas para clientes individuales.

Para una web tipo ecommerce son ideales debido a la gran cantidad de imágenes que gestionan.

Evalúa el Rendimiento con Google PageSpeed Insights

Google PageSpeed Insights es una herramienta valiosa para determinar cómo puedes mejorar el rendimiento de las imágenes y la velocidad de carga general de tu sitio web. Ingresa la URL de la página que deseas optimizar, y Google PageSpeed Insights creará un informe de rendimiento que incluye los Vitals Web Fundamentales de Google para tanto la versión móvil como la de escritorio de tu sitio.

El informe incluirá recomendaciones específicas para las imágenes. Implementar estas sugerencias puede reducir significativamente el tamaño de los archivos de imagen mientras se mantiene la calidad. Utiliza esta información para optimizar aún más tu sitio web, y luego utiliza la herramienta nuevamente para medir los resultados.

https://pagespeed.web.dev

---

Mi plugin de SEO para imágenes

Ahora llega donde «me vendo», nah, el plugin es gratis. he creado un plugin para WordPress que te facilita un montón el trabajo de rellenar los atributos de cada imagen, tu solo has de subir la imagen con el nombre correcto, por ejemplo «» y el plugin te rellenará los campos de los atributos con el texto del nombre de la imagen, te ahorro un rato de ir rellenando campos.

Para un blog normal, no te ahorrará mucho tiempo, ya que subes menos imágenes, pero para un blog de viajes, fotografía, etc… verás que bien, y si tienes un Woocomerce, es una maravilla.

Te lo puedes descargar aquí, me gustaría tener tu feedback en los comentarios.

---

Y ya para acabar, hace preparé un ponencia se SEO para imágenes, hoy en día sigue siendo muy útil, aquí te la dejo.