Per sviluppatori e tecnici

Come ImgFlow inserisce i testi alt

Nessun hack lato client. Nessuno sfarfallio. ImgFlow sostituisce i testi alt lato server, prima che la pagina raggiunga il visitatore.

Il problema con le soluzioni basate su JavaScript

Molti strumenti inseriscono i testi alt via JavaScript solo dopo il caricamento della pagina. Problema: Google spesso vede il codice HTML originale, cioè il testo alt vuoto.

Googlebot renderizza JavaScript, ma non sempre in modo affidabile. E anche se lo fa, il tempo di caricamento ne risente e può esserci un breve "sfarfallio".

La soluzione ImgFlow: Sostituzione lato server

1

Il visitatore richiede la tua pagina

Un visitatore (o Googlebot) richiede una pagina dal tuo sito WordPress.

2

WordPress genera la pagina

WordPress costruisce la pagina con tutte le immagini e i loro testi alt originali (o attributi alt vuoti).

3

ImgFlow interviene (Output Buffer)

Prima che la pagina venga inviata al browser, ImgFlow intercetta l'output HTML completo. Il plugin cerca tutti i tag <img> e sostituisce i testi alt con le tue descrizioni mantenute.

// Prima:
<img src="produkt.jpg" alt="">
// Dopo:
<img src="produkt.jpg" alt="Bio-Leinen Tischdecke grau, handgemacht">
4

La pagina finita viene consegnata

Il browser (o Googlebot) riceve la pagina con i testi alt già in posizione. Nessuna manipolazione JavaScript successiva necessaria.

+

Bonus: JavaScript per contenuti dinamici

Per le immagini caricate successivamente via JavaScript (es. lazy loading, slider o Elementor), c'è anche un piccolo script.

Perché questo è importante per la SEO

100% compatibile con Googlebot

I testi alt sono nell'HTML iniziale. Nessun rendering necessario.

Nessun layout shift

Tutto è lì immediatamente. Nessuno sfarfallio, nessun ritardo.

Nessuna modifica WordPress

La tua libreria multimediale rimane invariata. I testi alt vengono sostituiti solo alla consegna.

Compatibile con la cache

Funziona con tutti i plugin di caching e CDN.

E Elementor & Co.?

I page builder come Elementor, Divi o WPBakery spesso creano diverse dimensioni di immagine da un originale. ImgFlow riconosce automaticamente a quale immagine originale appartiene una miniatura e imposta il testo alt corretto.

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

→ Tutti ottengono lo stesso testo alt che hai mantenuto per l'originale.

Convinto?

Provalo – l'installazione richiede 30 secondi.