SEO de imágenes: cómo convertir las imágenes en tráfico

La mayoría de los equipos tratan las imágenes como un problema de rendimiento que hay que controlar. Es la mitad de la historia. Las imágenes son también un canal de tráfico (Google Imágenes, Discover, los rich results y las respuestas de IA elevan las páginas a través de sus visuales) y una señal de calidad: una guía de 2000 palabras sin una sola imagen original se lee como poco esfuerzo, tanto para los usuarios como para los sistemas de posicionamiento.

Toda página con contenido merece imágenes reales

Elija visuales informativos y originales en lugar de stock genérico. Un diagrama original, una captura comentada o la foto de un resultado real puede aportar contexto útil en la búsqueda. La foto de stock de "ejecutivos dándose la mano" suele aportar poca información.
Google Discover prefiere con fuerza las páginas con imágenes grandes y de alta calidad (desde 1200 px de ancho): para los sitios de contenido es tráfico gratuito.
Los diagramas y las capturas pueden hacer que la explicación se sostenga por sí sola. Cuando la misma información está disponible en el texto, los sistemas de IA pueden recibir además un contexto más claro.
No encierre texto importante en imágenes: los rastreadores leen el HTML, el texto dentro de la imagen les resulta invisible (y a los lectores de pantalla también).

Mecánica: nombrar, describir, dimensionar

<Image
  src="/images/next-seo/isr-revalidation-flow.png" // nombre descriptivo en kebab-case
  alt="Flujo de ISR: la publicación en el CMS dispara un webhook, revalidatePath vacía la caché"
  width={1400}
  height={800}
/>

Los nombres de archivo son una señal de posicionamiento en el buscador de imágenes: isr-revalidation-flow.png gana a screenshot-final-2.png.
El texto alt describe la imagen para los lectores de pantalla y el buscador. Escriba lo que realmente hay en la imagen; palabras clave solo donde suenen naturales. Un alt="" vacío es correcto para gráficos puramente decorativos.
El texto alrededor de la imagen (pie, párrafo anterior) le da contexto: Google posiciona las imágenes en gran medida por su entorno.

Datos estructurados: marque la autoría de sus imágenes

Marque las imágenes con schema ImageObject: con license y creator obtiene la insignia Licensable en Google Imágenes, que importa si crea visuales originales:

const imageSchema: WithContext<ImageObject> = {
  "@context": "https://schema.org",
  "@type": "ImageObject",
  contentUrl: `${baseUrl}/images/next-seo/isr-revalidation-flow.png`,
  creator: { "@type": "Person", name: "Vlad Sedenko" },
  license: `${baseUrl}/image-license`,
  creditText: "sedenko.net",
};

Añada las imágenes al sitemap: sitemap.ts en el App Router admite un array images en cada entrada:

{
  url: `${baseUrl}/blog/${post.slug}`,
  images: [`${baseUrl}${post.heroImage}`],
}

Imágenes generadas por IA: con cuidado

Las ilustraciones generadas están bien como decoración, pero márquelas con honestidad (los metadatos IPTC DigitalSourceType son un estándar en formación que Google ya lee) y no las use donde cuenta la prueba de primera mano: una "captura" generada de resultados que nunca logró es un lastre para la confianza, no un activo. Las capturas originales y los diagramas reales aportan peso E-E-A-T; vea Confianza y E-E-A-T.

Checklist:

Toda página importante tiene al menos una imagen única y con contenido
Nombres de archivo descriptivos y alt honesto; el texto importante no está encerrado en imágenes
Imágenes hero/OG desde 1200 px: elegibilidad para Discover
Schema ImageObject con licencia/autor en los visuales originales
Imágenes en el sitemap; gráficos de IA marcados y nunca disfrazados de pruebas