Seitenreport Seitenreport
Medien in WordPress

Bilder ohne width/height in WordPress beheben

Den Platz für Bilder vor dem Download reservieren. In WordPress prüfen Sie dafür Medienbibliothek und konkrete Bildinstanz.

Medienbibliothek und konkrete Bildinstanz

Vergleichen Sie Standard-Bildblock und individuelles Theme-Markup. Fehlen Abmessungen nur im eigenen Template, dort die Bildausgabe korrigieren.

Der Alt-Text in der Medienbibliothek muss nicht der einzige Wert sein: Ein Block oder Builder kann einen eigenen Text und eine eigene Bildgröße speichern. Untersuchen Sie deshalb das verwendete Bild im Beitrag und die ausgelieferte img-Ausgabe.

Wo Sie die Einstellung in WordPress prüfen

Wählen Sie die konkrete Bildinstanz im Beitrag aus und vergleichen Sie deren Alt-Text mit dem Datensatz in der Mediathek. Bei eigener PHP-Ausgabe kann wp_get_attachment_image Größen und responsive Quellen liefern; ein hart codiertes img-Tag nutzt diese Ausgabe nicht automatisch.

Beispiel für diesen konkreten Befund

Illustrativer Kontrollfall: Ein Bild unter der Einleitung reserviert vor dem Download keine Fläche. Sobald es erscheint, wandert der folgende Text nach unten.

<img src="produkt.webp" width="800" height="600"
     style="max-width:100%;height:auto" alt="Roter Rucksack, Vorderansicht">

Nachprüfung in WordPress

Nach der Korrektur Bild-URL, Alternativtext und ausgewählte responsive Variante prüfen. Eine globale Medienänderung nicht als Beweis verwenden, dass alle bestehenden Blöcke aktualisiert wurden.

Unter gedrosselter Verbindung bleibt die Fläche vor und nach dem Bilddownload gleich. HTML-Abmessungen und responsive CSS müssen dasselbe Seitenverhältnis abbilden.

Ausnahmen und Geltungsbereich

Ein bereits verlässlich durch CSS reservierter Platz kann das Problem ebenfalls lösen. Falsche width-/height-Werte sind keine Verbesserung.

Bezug: WordPress mit klassischem oder Block-Theme. SEO-Plugins und Page-Builder unterscheiden sich; es gibt keinen universellen Menüpfad für alle Installationen.

Den allgemeinen Fehler einordnen

Definition, systemunabhängige Ursachen und weitere Korrekturbeispiele: Den Platz für Bilder vor dem Download reservieren

Dokumentation zur Konfiguration und zum Prüfsignal

WordPress: Bildausgabe mit Größen und Attributen

W3C: Aufgabe und Alternative eines Bildes

web.dev: Bildausgabe optimieren

Verwandte Medien-Fehler in WordPress