Suchmaschinenoptimierung (SEO)

Image SEO – Bilder für Suchmaschinen optimieren

1. Alt-Text und Dateiname
2. Bildformate und Komprimierung
3. Ladezeit-Optimierung
4. Strukturierte Daten für Bilder
5. Sichtbarkeit in der Google Bildersuche
6. Image SEO Checkliste

Alt-Text und Dateiname

Der Alt-Text ist das wichtigste SEO-Signal für Bilder. Er erfüllt zwei Funktionen: Er beschreibt das Bild für Google und verbessert die Zugänglichkeit für Nutzer mit Sehbehinderungen.

Best Practices für Alt-Texte:

• Beschreibend und präzise – Beschreiben Sie, was auf dem Bild zu sehen ist
• Keywords einbauen – Natürlich, nicht erzwungen
• Nicht mit Keywords überladen – Kein Keyword-Stuffing im Alt-Text
• Dekorative Bilder – Rein dekorative Bilder erhalten ein leeres Alt-Attribut: alt=""

Beispiel: alt="SEO-Audit Checkliste für technische Suchmaschinenoptimierung"

Der Dateiname ist ein weiteres Signal. Verwenden Sie beschreibende Dateinamen mit Bindestrichen statt Unterstrichen: seo-audit-checkliste.jpg statt IMG_1234.jpg.

Bildformate und Komprimierung

Die Wahl des richtigen Bildformats beeinflusst Dateigrösse und Ladezeit direkt:

• WebP – Modernes Format mit besserer Komprimierung als JPEG und PNG. Von allen modernen Browsern unterstützt. Empfohlenes Format für Webseiten.
• AVIF – Noch neueres Format mit noch besserer Komprimierung als WebP. Browser-Unterstützung wächst.
• JPEG/JPG – Für Fotos ohne Transparenz. Weit verbreitet, gute Komprimierung.
• PNG – Für Grafiken mit Transparenz. Grössere Dateien als JPEG.
• SVG – Für Logos und Vektorgrafiken. Skaliert verlustfrei.

Komprimierungstools: Squoosh, ImageOptim, TinyPNG, oder automatisch über CDN-Dienste wie Cloudflare.

Ladezeit-Optimierung

• Richtige Bildgrösse – Bilder nie grösser hochladen als sie dargestellt werden. Ein Bild, das 800px breit dargestellt wird, braucht keine 3000px-Version.
• Responsive Images – Mit srcset und sizes-Attributen verschiedene Auflösungen für verschiedene Bildschirmgrössen bereitstellen
• Lazy Loading – Bilder unterhalb des sichtbaren Bereichs erst laden, wenn sie benötigt werden: loading="lazy"
• LCP-Bild vorladen – Das grösste Bild im sichtbaren Bereich (Largest Contentful Paint) sollte mit <link rel="preload"> vorgeladen werden
• Bildabmessungen angeben – width und height-Attribute verhindern Layout-Verschiebungen (CLS)

Strukturierte Daten für Bilder

Mit strukturierten Daten können Sie Bilder für Rich Results in der Bildersuche optimieren:

• ImageObject – Beschreibt ein Bild mit Name, URL, Beschreibung und Urheber
• Product mit Bild – Produktbilder erscheinen in Produkt-Rich-Results
• Recipe mit Bild – Rezeptbilder erscheinen in Rezept-Karussells

Sichtbarkeit in der Google Bildersuche

• Bild-Sitemap – Erweiterung der XML-Sitemap mit Bild-Tags für bessere Indexierung
• Urheberschutz-Metadaten – IPTC-Metadaten in Bilddateien (Name, Lizenz) werden von Google teilweise ausgelesen
• Bilder nicht in robots.txt blockieren – Googlebot muss Bilder crawlen können
• Kontext wichtig – Das Bild sollte thematisch zum umgebenden Text passen

Image SEO Checkliste

• Alt-Text für alle inhaltlich relevanten Bilder gesetzt
• Beschreibende Dateinamen mit Bindestrichen
• Bilder im WebP-Format (oder AVIF) gespeichert
• Dateigrösse optimiert (unter 100 KB für die meisten Bilder)
• Lazy Loading für Bilder ausserhalb des Viewports
• LCP-Bild mit loading="eager" und Preload
• Width/Height-Attribute gesetzt
• Responsive Images mit srcset implementiert

Weitere Informationen finden Sie auf den Seiten Core Web Vitals, Lazy Loading und PageSpeed Optimierung.