Tue Mar 10 2026 20:00:00 GMT-0400 (北美东部夏令时间)

Optimización SEO de Imágenes: Lista de Verificación Práctica 2026

Una lista de verificación práctica de SEO para imágenes en 2026: alt text, nombres de archivo, formatos, compresión, Core Web Vitals, datos estructurados y medición.

Optimización SEO de Imágenes: Lista de Verificación Práctica 2026

Respuesta rápida: ¿qué es el SEO de imágenes?

El Image SEO es la práctica de hacer que las imágenes sean comprensibles, rápidas, accesibles y elegibles para ser descubiertas en los motores de búsqueda. Un flujo de trabajo sólido de image SEO cubre nombres de archivo descriptivos, texto alternativo útil, dimensiones correctas, formatos modernos, compresión, datos estructurados cuando sea relevante y medición continua en Google Search Console.

El objetivo no es rellenar palabras clave en cada imagen. El objetivo es ayudar a un usuario, navegador, rastreador y sistema de respuesta IA a entender lo que muestra la imagen y por qué es importante en la página.

¿Quién debería usar esta lista de verificación?

Usa esta lista de verificación si las imágenes afectan el valor de tu página. Esto incluye:

  • Páginas de productos de comercio electrónico donde las fotos impulsan la confianza y la conversión.
  • Publicaciones de blog donde los gráficos, capturas de pantalla o diagramas explican la respuesta.
  • Páginas de herramientas donde las capturas de pantalla muestran el flujo de trabajo.
  • Páginas de servicio local donde las fotos de proyectos reales demuestran experiencia.
  • Páginas editoriales que dependen de la búsqueda de imágenes o citas de respuestas IA.

Si tu página tiene solo imágenes decorativas, mantenlas ligeras y usa texto alternativo vacío. Si tu imagen lleva significado, optimízala como contenido.

¿Qué deberías optimizar primero?

Empieza con las imágenes más propensas a afectar la experiencia del usuario y la interpretación de búsqueda:

Prioridad Tipo de imagen Por qué es importante Primera corrección
1 Imagen hero LCP A menudo controla la velocidad percibida de la página Redimensionar, comprimir, precargar o marcar como prioridad
2 Imagen de producto o resultado Impulsa clics, confianza y conversiones Nombre de archivo descriptivo y texto alternativo
3 Captura de pantalla instructiva Ayuda a los usuarios a completar una tarea Pie de foto y explicación circundante
4 Gráficos y diagramas A menudo citados por respuestas IA Resumir la conclusión cerca de la imagen
5 Fondo decorativo Generalmente no útil para la búsqueda Comprimir y usar texto alternativo vacío

No empieces renombrando en masa todos los archivos. Empieza donde la imagen cambia lo que el usuario entiende.

¿Cómo eliges el formato de imagen correcto?

Usa el formato que coincida con el contenido visual. Elegir un formato incorrecto sigue siendo una de las formas más fáciles de ralentizar una página.

Espacio de trabajo de desarrollador revisando el marcado de imágenes, el comportamiento de carga y el rendimiento de la página

Contenido de imagen Mejor predeterminado Usar esto cuando Evitar
Foto de producto WebP o JPEG Fotos del mundo real con degradados PNG para fotos grandes
Recorte transparente de producto WebP o PNG Se requiere transparencia JPEG, porque elimina el alfa
Icono o logo SVG Formas y marcas vectoriales planas Archivos rasterizados para iconos simples
Captura de pantalla con texto PNG o WebP Importan los bordes nítidos JPEG sobrecomprimido
Hero editorial grande WebP o AVIF Puedes servir formatos modernos de forma segura Originales de cámara a resolución completa

Para la mayoría de los equipos web, WebP es el predeterminado práctico. AVIF puede ser más pequeño, pero prueba la calidad y el manejo del navegador antes de cambiar cualquier activo.

¿Qué es un buen texto alternativo?

Un buen texto alternativo describe la imagen en el contexto de la página. Debe ayudar a alguien que no puede ver la imagen a comprender la misma información que recibe un usuario vidente.

Canales de descubrimiento social y de búsqueda donde las imágenes optimizadas pueden ganar más visibilidad

Usa este patrón:

  1. Nombra el sujeto.
  2. Añade el detalle relevante.
  3. Incluye contexto solo si es importante para la página.
  4. Detente antes de que se convierta en un párrafo.

Ejemplos:

Imagen Alt débil Alt mejorado
Foto de producto zapato Zapato deportivo verde para senderismo con suela texturizada sobre fondo blanco
Captura de pantalla panel de control Panel de control de compresión de imágenes que muestra una reducción del tamaño de archivo del 72 por ciento
Gráfico gráfico Gráfico de barras comparando tamaños de archivo JPEG, WebP y AVIF para fotos de productos
Resplandor decorativo fondo verde Texto alternativo vacío: alt=""

Las guías de image SEO y accesibilidad de Google apuntan en la misma dirección: describir las imágenes útiles para las personas primero. Si la imagen es decorativa, no fuerces su inclusión en la búsqueda.

¿Cómo deben escribirse los nombres de archivo?

Usa nombres de archivo cortos y descriptivos antes de subir. Un rastreador puede leer la URL, y un humano que depura una biblioteca de activos también puede hacerlo.

Nombres de archivo buenos:

  • green-trail-running-shoe-side-view.webp
  • image-compression-before-after-chart.svg
  • shopify-product-photo-white-background.jpg

Nombres de archivo débiles:

  • IMG_2847.jpg
  • final-final-2.png
  • screenshot.png

Mantén los nombres de archivo estables después de la publicación. Renombrar imágenes antiguas crea un cambio de URL a menos que redirijas o actualices cada referencia.

¿Cómo afectan las imágenes a Core Web Vitals?

Las imágenes suelen afectar dos Core Web Vitals directamente:

  • LCP: La imagen más grande por encima del pliegue a menudo se convierte en el elemento Largest Contentful Paint.
  • CLS: Las imágenes sin dimensiones reservadas pueden desplazar la disposición al cargarse.

Usa esta regla:

Posición de la imagen Estrategia de carga Estrategia de tamaño
Hero principal o portada del artículo No hacer lazy load; priorizarlo Servir cerca del tamaño de visualización
Imagen de artículo por debajo del pliegue El lazy loading nativo está bien Usar relación de aspecto fija o ancho/alto
Icono o Chrome de interfaz de usuario SVG en línea o activo pequeño en caché Mantener diminuto y reutilizable
Miniaturas de galería Lazy load Generar archivos con tamaño de miniatura

En este sitio, las portadas de blog reservan un cuadro de 16:9 antes de que cargue la imagen. Eso protege la estabilidad del diseño incluso cuando una imagen CDN es lenta.

¿Deberías añadir imágenes a los datos estructurados?

Sí, cuando el tipo de página lo permite. Article, Product, Recipe y Organization schema pueden incluir campos de imagen. La URL de la imagen debe ser rastreable, estable y representativa de la página.

Para las publicaciones de blog, las comprobaciones importantes son:

  • JSON-LD Article o BlogPosting incluye titular, descripción, fecha, URL canónica, autor o editor, e imagen.
  • La imagen no está bloqueada por robots.
  • La misma URL canónica del artículo aparece en metadatos, sitemap y enlaces internos.
  • La imagen es relevante para el artículo, no un gráfico predeterminado genérico reutilizado en docenas de publicaciones.

Este proyecto ahora utiliza indexación de blog solo con canonical, por lo que los slugs heredados duplicados deben redirigir al artículo canónico en lugar de competir con él.

¿Qué hace útil el image SEO para las respuestas IA?

Los sistemas de respuesta IA prefieren páginas con pasajes claros y autocontenidos. Para las páginas de image SEO, los mejores pasajes conectan la imagen a una respuesta práctica.

Pasaje bueno citable por IA:

Para una foto de producto, el mejor flujo de trabajo predeterminado es: recortar a la relación de visualización, exportar como WebP o JPEG, mantener la imagen principal por debajo de 200 KB cuando sea posible, escribir texto alternativo que nombre el producto y el detalle visible, y reservar ancho y alto para evitar cambios de diseño.

Ese pasaje funciona porque responde una pregunta específica sin necesidad de cinco párrafos circundantes.

Añade bloques de respuesta directa similares cerca de gráficos, listas de verificación y ejemplos. No ocultes la respuesta debajo de una larga introducción.

¿Cómo auditas el image SEO cada mes?

Revisión de biblioteca de imágenes de escritorio antes de comprimir, nombrar y publicar imágenes web

Ejecuta esta auditoría mensual en las páginas que más importan:

  1. Exporta las páginas de destino con imágenes principales desde Google Search Console.
  2. Comprueba si la imagen principal de cada página es única y relevante.
  3. Encuentra archivos de más de 200 KB y comprímelos o redimensiónalos.
  4. Revisa el texto alternativo en busca de descripciones faltantes, vagas o repletas de palabras clave.
  5. Comprueba LCP y CLS en PageSpeed Insights o tus datos de campo.
  6. Confirma que el schema Article o Product use la imagen correcta.
  7. Actualiza las capturas de pantalla antiguas cuando cambia la interfaz de usuario.

El fallo más común no es un error técnico. Es una imagen obsoleta o genérica que ya no apoya al artículo.

Lista de verificación de Image SEO

Antes de publicar:

  • La imagen de portada es única para el artículo.
  • La imagen de portada explica el tema del artículo de un vistazo.
  • Cada imagen significativa tiene texto alternativo descriptivo.
  • Las imágenes decorativas usan texto alternativo vacío.
  • Los nombres de archivo describen el sujeto en inglés simple.
  • Las fotos grandes están comprimidas y redimensionadas.
  • Las imágenes por encima del pliegue no están lazy loadeadas.
  • Las imágenes por debajo del pliegue reservan espacio de diseño.
  • El schema Article o Product incluye una URL de imagen rastreable.
  • La página tiene al menos una imagen lo suficientemente útil para ganar un clic o cita.

Después de publicar:

  • Prueba la página en móvil.
  • Comprueba el HTML renderizado en busca de etiquetas canónicas e Open Graph de imágenes.
  • Ejecuta PageSpeed Insights en plantillas importantes.
  • Observa las impresiones y clics de imágenes en Google Search Console.
  • Reemplaza las imágenes predeterminadas o repetidas tan pronto como las encuentres.

Herramientas recomendadas

Tarea Herramienta Por qué
Comprimir imágenes Imagic AI Image Compressor Reducción rápida del tamaño de archivo antes de subir
Convertir formatos Imagic AI Image Converter Convierte activos PNG, JPEG y WebP
Redimensionar dimensiones Imagic AI Image Resizer Coincidir con el tamaño de visualización antes de comprimir
Eliminar fondos Imagic AI Background Remover Crear recortes de productos limpios
Validar rendimiento de la página PageSpeed Insights Comprobar LCP, INP y CLS
Leer guías oficiales Google image SEO best practices Fuente principal para la guía de imágenes rastreables
Comprobar contenido útil Google helpful content guidance Asegurarse de que la página ayuda a los usuarios primero

Errores comunes a evitar

¿Se puede reutilizar una imagen genérica en muchas publicaciones?

No. Una portada predeterminada repetida debilita la página antes de que un lector comience. Indica que el artículo puede ser relleno programático, y da a los sistemas de búsqueda menos contexto específico de la página.

¿Debería repetir el texto alternativo la palabra clave objetivo?

Solo cuando la palabra clave describe naturalmente la imagen. image SEO checklist dashboard está bien para una imagen de panel de control. image SEO image SEO image SEO es spam y perjudica la accesibilidad.

¿Todas las imágenes deben ser lazy loadeadas?

No. Haz lazy load a las imágenes por debajo del pliegue. No hagas lazy load a la imagen principal si es probable que sea el elemento LCP.

¿Es siempre necesario un sitemap de imágenes?

No siempre. Google puede descubrir imágenes desde HTML normal. Las entradas en el sitemap de imágenes son más útiles cuando las imágenes se cargan a través de JavaScript, galerías o grandes bibliotecas multimedia donde el descubrimiento es más difícil.

Guías relacionadas

Última actualización: June 27, 2026

Usa las herramientas gratuitas mientras sigues la guía.

Imagen de portada de PNG a WebP: Cómo convertir y reducir imágenes PNG

Tue Mar 17 2026 20:00:00 GMT-0400 (北美东部夏令时间)

PNG a WebP: Cómo convertir y reducir imágenes PNG

Convierte tus imágenes PNG a WebP para reducir el tamaño de los archivos web. Analizamos cuándo usar WebP sin pérdidas o con pérdida, tamaños reales, y comandos cwebp/Pillow con respaldo PNG.