Für Entwickler & Techies

Wie ImgFlow Alt-Texte einfügt

Keine Client-Side Hacks. Kein Flackern. ImgFlow ersetzt Alt-Texte serverseitig, bevor die Seite beim Besucher ankommt.

Das Problem mit JavaScript-basierten Lösungen

Viele Tools fügen Alt-Texte erst per JavaScript ein, nachdem die Seite geladen wurde. Problem: Google sieht oft den ursprünglichen HTML-Code – also den leeren Alt-Text.

Googlebot rendert zwar JavaScript, aber nicht immer zuverlässig. Und selbst wenn – die Ladezeit leidet und es kann zu einem kurzen "Flackern" kommen.

Die ImgFlow Lösung: Server-Side Replacement

1

Besucher ruft deine Seite auf

Ein Besucher (oder Googlebot) fordert eine Seite deiner WordPress-Website an.

2

WordPress generiert die Seite

WordPress baut die Seite zusammen – mit allen Bildern und deren Original-Alt-Texten (oder leeren Alt-Attributen).

3

ImgFlow greift ein (Output Buffer)

Bevor die Seite an den Browser gesendet wird, fängt ImgFlow den kompletten HTML-Output ab. Das Plugin durchsucht alle <img> Tags und ersetzt die Alt-Texte mit den von dir gepflegten Beschreibungen.

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

Fertige Seite wird ausgeliefert

Der Browser (oder Googlebot) erhält die Seite mit bereits eingesetzten Alt-Texten. Keine nachträgliche JavaScript-Manipulation nötig.

+

Bonus: JavaScript für dynamische Inhalte

Für Bilder die erst per JavaScript nachgeladen werden (z.B. durch Lazy Loading, Slider oder Elementor), gibt es zusätzlich ein kleines Script.

Warum das für SEO entscheidend ist

100% Googlebot-kompatibel

Alt-Texte sind im initialen HTML. Kein Rendering nötig.

Kein Layout-Shift

Alles ist sofort da. Kein Flackern, keine Verzögerung.

Keine WordPress-Änderungen

Deine Mediathek bleibt unverändert. Alt-Texte werden nur beim Ausliefern ersetzt.

Cache-kompatibel

Funktioniert mit allen Caching-Plugins und CDNs.

Und was ist mit Elementor & Co.?

Page Builder wie Elementor, Divi oder WPBakery erzeugen oft verschiedene Bildgrößen aus einem Original. ImgFlow erkennt automatisch zu welchem Original-Bild ein Thumbnail gehört und setzt den richtigen Alt-Text.

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

→ Alle bekommen denselben Alt-Text, den du für das Original gepflegt hast.

Überzeugt?

Probier es aus – die Installation dauert 30 Sekunden.