Introducción
Las imágenes suelen constituir la mayor parte de las páginas web y tienen su propia pestaña en los resultados de Google. Son una parte crucial de una estrategia SEO completa, por lo que optimizarlas es esencial para mejorar la visibilidad.
Cómo indexan y entienden las imágenes los motores de búsqueda
Los motores de búsqueda rastrean las páginas web para descubrir imágenes y extraer datos como metadatos y nombres de archivo. Google utiliza factores como el texto circundante, el nombre del archivo de imagen, el texto alternativo, los pies de foto y el contenido de la página para comprender el contexto y el contenido de las imágenes.
¿Qué es el SEO de imágenes?
La optimización de imágenes implica técnicas para aumentar la visibilidad en las páginas de resultados de los motores de búsqueda (SERP) mediante la compresión de imágenes, el uso de imágenes responsivas, la implementación de la carga lenta, la adición de texto alternativo relevante, el uso de nombres de archivo descriptivos y la implementación de datos estructurados.
1. Elija el formato de imagen adecuado
Google admite formatos como JPEG, PNG, WebP, BMP, GIF y SVG. Cada formato tiene sus pros y sus contras:
-
PNG: compresión sin pérdidas, mejor calidad, admite transparencias, mayor tamaño de archivo.
-
JPEG: compresión con pérdida, calidad ajustable, menor tamaño de archivo.
-
WebP: Eficaz, archivos más pequeños, compatible con los principales navegadores.
-
GIF: Sin pérdidas, limitado a 256 colores, adecuado para gráficos sencillos y animaciones.
-
SVG: basado en vectores, escalable, ideal para logotipos e iconos.
-
BMP: Grande, sin comprimir, de alta calidad, no apto para web debido a su tamaño.
Recomendación: Utilice PNG y conviértalo a WebP para el despliegue en la web para obtener una calidad y tiempos de carga óptimos.
2. Crear imágenes únicas
Evite las fotos genéricas de archivo. Utilice imágenes originales de alta calidad para mejorar la experiencia del usuario y el SEO. Google recomienda que las imágenes tengan al menos 1200px de ancho y que utilicen el ajuste max-image-preview:large en la metaetiqueta robots para garantizar que aparezcan como imágenes grandes en Google Discover.
<meta name='robots' content='index, follow, max-image-preview:large' />3. Optimizar los nombres de los archivos de imagen
Utilice nombres de archivo descriptivos y ricos en palabras clave para ayudar a los motores de búsqueda a comprender el tema de la imagen. Evite nombres predeterminados como "IMG_722019".
4. Escriba un texto alternativo SEO-Friendly
Las etiquetas Alt describen el contenido de una imagen y mejoran la accesibilidad. También ayudan a los motores de búsqueda a entender el contexto de la imagen, lo que contribuye a mejorar la clasificación.
Por ejemplo:
<img src="chocolate-1.jpg" alt="barrita de chocolate negro con sabor a café"/>5. Optimice el título y la descripción de su página
Incluya palabras clave relevantes en el título y la descripción de su página para mejorar la clasificación en las búsquedas de imágenes. Asegúrese de que todos los factores SEO de la página están optimizados.
6. Defina sus dimensiones
Incluya atributos de anchura y altura en cada imagen para evitar problemas de desplazamiento de diseño acumulativo (CLS) y mejorar las puntuaciones de Core Web Vitals.
7. Haga que sus imágenes sean aptas para móviles
Utilice los atributos srcset y sizes para obtener imágenes adaptables que se ajusten al dispositivo del usuario.
Por ejemplo:
<picture> <source type="image/webp" srcset="image-300w.webp 300w, image-600w.webp 600w, image-1200w.webp 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px"> <img src="image-300w.jpg" srcset="image-300w.jpg 300w, image-600w.jpg 600w, image-1200w.jpg 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px" alt="Descripción de la imagen"> </picture>8. Carga lenta y precarga
Para mejorar el rendimiento de la página, utilice la carga diferida para las imágenes que no se encuentren en la ventana gráfica. Utiliza precarga o fetchpriority="high" para las imágenes por encima del pliegue.
Por ejemplo:
<img src="image.jpg" loading="lazy" srcset="image-300w.jpg 300w, image-600w.jpg 600w" alt="Descripción">9. Añadir imágenes a su sitemap
Incluir imágenes en el mapa del sitio aumenta las posibilidades de que los motores de búsqueda las rastreen e indexen. Utiliza plugins como Yoast o RankMath para WordPress, o herramientas como Screaming Frog.
10. Añadir datos estructurados
Mejore las imágenes con datos estructurados para aumentar su visibilidad en los resultados de búsqueda. Utilice el marcado schema para incluir detalles como el precio, la disponibilidad y las valoraciones.
Por ejemplo:
{ "@context": "http://schema.org", "@type": "Artículo", "headline": "Título del artículo", "image": [ "https://example.com/photos/1x1/image.jpg", "https://example.com/photos/4x3/image.jpg", "https://example.com/photos/16x9/image.jpg" ], "datePublished": "2024-01-10T08:00:00+08:00", "dateModified": "2024-01-10T09:20:00+08:00", "author": { "@type": "Person", "name": "Author Name" }11. Utilice CDN para una entrega de imágenes más rápida
Una red de distribución de contenidos (CDN) puede optimizar y distribuir imágenes más rápidamente al servirlas desde ubicaciones más cercanas al usuario. Utiliza servicios como Cloudflare, Amazon CloudFront, ImageKit o KeyCDN.
12. Cuidado con los derechos de autor
Asegúrate de que tienes derecho a utilizar las imágenes para evitar costosas demandas. Utiliza imágenes con licencia de proveedores como Getty, Shutterstock o DepositFiles.
Optimización de la imagen
-
Elija el formato y el tamaño de archivo adecuados para agilizar la carga.
-
Asegúrese de que sus elementos SEO on-page están optimizados.
-
Cree un mapa del sitio con imágenes para mejorar el rastreo.
Siguiendo estos consejos, puede mejorar la imagen SEO de su sitio web y la visibilidad general en las búsquedas. ¡Feliz optimización!
