Para desarrolladores y técnicos

Cómo ImgFlow inserta textos alt

Sin hacks del lado del cliente. Sin parpadeo. ImgFlow reemplaza los textos alt del lado del servidor, antes de que la página llegue al visitante.

El problema con las soluciones basadas en JavaScript

Muchas herramientas solo insertan textos alt via JavaScript después de que la página se haya cargado. Problema: Google a menudo ve el código HTML original, es decir, el texto alt vacío.

Googlebot sí renderiza JavaScript, pero no siempre de manera confiable. Y aunque lo haga, el tiempo de carga sufre y puede haber un breve "parpadeo".

La solución ImgFlow: Reemplazo del lado del servidor

1

El visitante solicita tu página

Un visitante (o Googlebot) solicita una página de tu sitio WordPress.

2

WordPress genera la página

WordPress construye la página con todas las imágenes y sus textos alt originales (o atributos alt vacíos).

3

ImgFlow interviene (Output Buffer)

Antes de que la página se envíe al navegador, ImgFlow intercepta la salida HTML completa. El plugin busca todas las etiquetas <img> y reemplaza los textos alt con tus descripciones mantenidas.

// Antes:
<img src="produkt.jpg" alt="">
// Después:
<img src="produkt.jpg" alt="Bio-Leinen Tischdecke grau, handgemacht">
4

Se entrega la página terminada

El navegador (o Googlebot) recibe la página con los textos alt ya en su lugar. No se necesita manipulación JavaScript posterior.

+

Bonus: JavaScript para contenido dinámico

Para imágenes cargadas más tarde via JavaScript (por ej. lazy loading, sliders o Elementor), también hay un pequeño script.

Por qué esto importa para SEO

100% compatible con Googlebot

Los textos alt están en el HTML inicial. No se necesita renderizado.

Sin cambio de diseño

Todo está ahí inmediatamente. Sin parpadeo, sin retraso.

Sin cambios en WordPress

Tu biblioteca de medios permanece sin cambios. Los textos alt solo se reemplazan en la entrega.

Compatible con caché

Funciona con todos los plugins de caché y CDN.

¿Y Elementor & Co.?

Los constructores de páginas como Elementor, Divi o WPBakery a menudo crean diferentes tamaños de imagen a partir de un original. ImgFlow reconoce automáticamente a qué imagen original pertenece una miniatura y establece el texto alt correcto.

Original: produkt-foto.jpg
Thumbnail: produkt-foto-300x200.jpg
Elementor: produkt-foto-150x150.jpg

→ Todos obtienen el mismo texto alt que mantuviste para el original.

¿Convencido?

Pruébalo – la instalación toma 30 segundos.