Bilder-SEO für Kanzlei-Websites: Alt-Texte, WebP und Dateinamen richtig einsetzen

Bilder auf Kanzlei-Websites werden aus SEO-Perspektive selten ernst genommen – dabei haben sie gleich zwei direkte Auswirkungen auf Rankings: sie beeinflussen die Ladezeit (ein messbarer Core Web Vital) und sie können über Google Bildersuche zusätzlichen Traffic generieren. Beide Faktoren werden von den meisten Kanzleien vollständig ignoriert.

Typischer Zustand einer Kanzlei-Website: Kein einziger Alt-Text gesetzt, alle Bilder als hochaufgelöste JPEG-Dateien mit automatisch generierten Dateinamen wie 'IMG_4521.jpg' hochgeladen, keine Bildkomprimierung. Das Ergebnis: Jede Seite lädt langsamer als nötig, und Google versteht nicht, was auf den Bildern zu sehen ist. Beide Probleme sind in wenigen Stunden behebbar.

Dieser Leitfaden erklärt, was Bilder-SEO bedeutet, welche Maßnahmen die größte Wirkung haben und wie sie konkret umgesetzt werden. Den technischen Gesamtrahmen für Kanzlei-Websites bietet der OMmatic-Leitfaden zu Webdesign für Rechtsanwälte.

Warum Bilder-SEO für Kanzleien wichtiger ist als gedacht

Ladezeit: Bilder als größter Performance-Faktor

Auf den meisten Websites sind Bilder die größten Dateien – und damit der Hauptfaktor für langsame Ladezeiten. Das Largest Contentful Paint (LCP), einer der drei Core Web Vitals, misst, wie schnell das größte sichtbare Element einer Seite geladen wird. Auf den meisten Kanzlei-Websites ist dieses Element ein Bild – häufig das Header-Bild auf der Startseite oder das Anwaltsfoto.

Ein unkomprimiertes JPEG mit 3 Megabyte Dateigröße benötigt auf einer durchschnittlichen mobilen Verbindung mehrere Sekunden zum Laden. Dasselbe Bild als komprimiertes WebP mit 150 Kilobyte lädt in einem Bruchteil der Zeit. Der Unterschied ist für den LCP-Wert erheblich – und damit für das Google-Ranking.

Alt-Texte: Was Google sieht, wenn ein Bild kein Text ist

Google kann Bilder zwar mit zunehmender Genauigkeit interpretieren, verlässt sich aber nach wie vor primär auf Alt-Texte, um zu verstehen, was ein Bild zeigt. Ein Anwaltsfoto ohne Alt-Text signalisiert Google nichts. Dasselbe Foto mit dem Alt-Text 'Dr. Michael Müller, Fachanwalt für Arbeitsrecht in Köln' signalisiert: Hier ist eine qualifizierte Person, die für ein bestimmtes Rechtsgebiet in einer bestimmten Stadt steht. Das ist ein E-E-A-T-Signal.

Google Bildersuche als zusätzlicher Traffic-Kanal

Kanzleien, die Bilder mit beschreibenden Alt-Texten und Dateinamen versehen, erscheinen in der Google Bildersuche für relevante Begriffe. Das ist ein Kanal, den fast keine Kanzlei aktiv nutzt – und der damit wenig Wettbewerb hat. Besonders für Anwaltsfotos ('Fachanwalt Familienrecht Hamburg') oder Bilder von Kanzleiräumen kann Bildersuche qualifizierten Traffic generieren.

Alt-Texte: Das wichtigste Bilder-SEO-Element

Alt-Texte (alternativer Text, auch alt-Attribut genannt) sind HTML-Attribute, die beschreiben, was ein Bild zeigt. Sie wurden ursprünglich für Screenreader entwickelt – damit sehbehinderte Nutzer verstehen können, was ein Bild darstellt. Heute sind sie gleichzeitig ein SEO-Signal für Suchmaschinen.

Wie gute Alt-Texte für Kanzleien aussehen

Ein guter Alt-Text beschreibt das Bild kurz und präzise und enthält natürlich das relevante Keyword, wenn es inhaltlich passt. Für ein Anwaltsfoto: 'Julia Hoffmann, Fachanwältin für Familienrecht' – nicht 'Foto Anwalt' und nicht eine lange Keyword-Liste. Für ein Bild des Kanzleigebäudes: 'Kanzlei Müller & Partner, Standort Düsseldorf Innenstadt' – kurz, beschreibend, mit Standortbezug.

Was als Alt-Text nicht funktioniert

Leere Alt-Texte (alt="") sind für dekorative Bilder korrekt und erwünscht – Google soll keine Zeit mit reinen Design-Elementen verbringen. Aber für inhaltlich relevante Bilder ist ein leerer Alt-Text eine verpasste Chance. Generische Texte wie 'Bild' oder 'Foto' helfen weder SEO noch Barrierefreiheit. Keyword-Stuffing im Alt-Text ('Rechtsanwalt Köln Anwalt Fachanwalt Arbeitsrecht Köln günstig') wird von Google als Spam gewertet.

Faustregel: Ein guter Alt-Text beantwortet die Frage 'Was würde ich einer Person beschreiben, die das Bild nicht sehen kann?' – präzise, natürlich, mit relevanten Begriffen wo sie inhaltlich passen.

Bildformate: JPEG, PNG, WebP und AVIF

Die Wahl des Bildformats hat erheblichen Einfluss auf Dateigröße und Ladezeit. Für Kanzlei-Websites sind vier Formate relevant.

• JPEG – Hohe Komprimierung, keine Transparenz, von allen Browsern unterstützt. Empfehlung: Fotos (ohne WebP).
• PNG – Mittlere Komprimierung, mit Transparenz, von allen Browsern unterstützt. Empfehlung: Logos, Icons.
• WebP – Sehr hohe Komprimierung, mit Transparenz, von allen modernen Browsern unterstützt. Empfohlen für alle Bildtypen.
• AVIF – Maximale Komprimierung, mit Transparenz, eingeschränkte Browserunterstützung. Noch nicht Standard.

WebP: Der aktuelle Standard

WebP ist ein von Google entwickeltes Bildformat, das Fotos 25 bis 35 Prozent kleiner macht als vergleichbare JPEG-Dateien – bei gleicher oder besserer visueller Qualität. Transparenz ist unterstützt (wie bei PNG). Alle modernen Browser (Chrome, Firefox, Safari, Edge) unterstützen WebP vollständig. Für Kanzlei-Websites ist WebP der empfohlene Standard für alle Fotos und Grafiken.

In WordPress können Bilder automatisch beim Upload in WebP konvertiert werden – entweder durch das Hosting (viele moderne Hoster bieten automatische WebP-Konvertierung) oder durch Plugins wie ShortPixel, Smush oder FlyingPress. Die Originalbilder werden dabei beibehalten; WebP-Versionen werden automatisch an unterstützte Browser ausgeliefert.

AVIF: Zukunftsformat, noch nicht Standard

AVIF ist noch kompakter als WebP, wird aber nicht von allen Browsern unterstützt. Für Kanzlei-Websites ist AVIF 2026 noch kein empfohlener Standard – die Browserunterstützung verbessert sich, ist aber noch nicht universell. Wer für die Zukunft plant, kann AVIF als zusätzliches Format testen.

Dateinamen: Was Google vor dem Upload liest

Dateinamen werden von Google als Signal gewertet, bevor das Bild überhaupt analysiert wird. Ein Dateiname wie 'IMG_4521.jpg' sagt nichts. 'fachanwalt-arbeitsrecht-koeln-dr-mueller.webp' sagt: Dieses Bild zeigt einen Fachanwalt für Arbeitsrecht in Köln namens Dr. Müller.

Regeln für SEO-optimierte Dateinamen

Kleinbuchstaben durchgehend. Wörter durch Bindestriche trennen (nicht durch Unterstriche oder Leerzeichen). Relevante Keywords enthalten, aber kein Keyword-Stuffing. Dateiendung dem Format entsprechend (.webp, .jpg, .png). Kein automatischer Kameraname belassen ('DSC', 'IMG', 'P1000'). Beispiele: 'kanzlei-buero-heidelberg.webp' statt 'DSC_0042.jpg', 'rechtsanwaeltin-sabine-werner-erbrecht.webp' statt 'portrait.jpg'.

Bestehende Bilder umbenennen: Wann lohnt es sich?

Für neue Bilder: Immer mit korrektem Dateinamen hochladen. Für bestehende Bilder: Umbenennung lohnt sich vor allem bei Bildern auf wichtigen Seiten (Startseite, zentrale Servicepages, Anwaltsprofile). Bei einer großen Anzahl bestehender Bilder ist eine schrittweise Umbenennung bei der nächsten Aktualisierung des jeweiligen Contents sinnvoll. Wichtig: Nach der Umbenennung müssen alle internen Links, die auf die alte Bild-URL verweisen, aktualisiert werden.

Bildgröße und Komprimierung: Das Wichtigste für die Ladezeit

Bilder sollten nie größer hochgeladen werden als sie dargestellt werden. Ein Bild, das auf der Website maximal 800 Pixel breit angezeigt wird, sollte nicht als 4000-Pixel-Originaldatei hochgeladen werden. Diese einfache Regel wird auf den meisten Kanzlei-Websites nicht eingehalten – weil die Bilder direkt von der Kamera oder aus der Dropbox hochgeladen werden, ohne Größenanpassung.

Empfohlene Maße für Kanzlei-Websites

Header-Bilder (Startseite, Landingpages): maximal 1920 Pixel Breite, unter 200 Kilobyte. Anwaltsfotos (Profilbilder, Teamseite): 400 bis 800 Pixel Breite, unter 100 Kilobyte. Blog-Headerbilder: maximal 1200 Pixel Breite, unter 150 Kilobyte. Logos und Icons: Als SVG (Vektorgrafik, beliebig skalierbar ohne Qualitätsverlust) oder als PNG mit Transparenz, unter 50 Kilobyte.

Komprimierungs-Tools

Für die manuelle Komprimierung vor dem Upload: Squoosh (squoosh.app, kostenlos im Browser), TinyPNG/TinyJPEG (tinypng.com, kostenlos für kleine Mengen) oder Photoshop/Lightroom 'Exportieren für Web'. Für automatische Komprimierung in WordPress: ShortPixel, Smush, FlyingPress oder Imagify. Diese Plugins komprimieren Bilder automatisch beim Upload und können bestehende Bilder rückwirkend optimieren.

Warnung: Zu aggressive Komprimierung für Anwaltsfotos und Kanzleibilder kann die visuelle Qualität sichtbar verschlechtern und damit das professionelle Erscheinungsbild der Kanzlei schädigen. Der richtige Balance: maximale Komprimierung ohne sichtbaren Qualitätsverlust. Professionelle Bilder sollten immer visuell geprüft werden, bevor sie live gehen.

Lazy Loading: Bilder nur laden wenn nötig

Lazy Loading bedeutet: Bilder werden erst geladen, wenn sie im sichtbaren Bereich des Browsers erscheinen – nicht alle sofort beim Seitenaufruf. Das verbessert die wahrgenommene Ladezeit erheblich, weil die wichtigen Inhalte above the fold schneller erscheinen, während Bilder weiter unten auf der Seite im Hintergrund geladen werden.

In HTML wird Lazy Loading durch das Attribut loading="lazy" auf dem img-Tag aktiviert. WordPress setzt dieses Attribut seit Version 5.5 automatisch für alle Bilder, außer für das erste Bild einer Seite (das above the fold erscheint und sofort geladen werden sollte). Das Bild, das den LCP definiert, sollte explizit mit loading="eager" versehen sein, um sicherzustellen, dass es sofort geladen wird.

Praxishinweis: Das Header-Bild der Startseite und Anwaltsfotos above the fold sollten nie Lazy Loading aktiviert haben. Sie bestimmen den LCP-Wert und müssen sofort laden. Alle anderen Bilder können Lazy Loading nutzen.

Strukturierte Daten für Bilder: ImageObject-Schema

Für Kanzleien, die ihre Bilder besonders gut in Suchergebnissen positionieren möchten, bietet das ImageObject-Schema von Schema.org zusätzliche Möglichkeiten. Es beschreibt Bilder maschinenlesbar: Titel, Beschreibung, URL, Urheber und Lizenzbedingungen. Google kann diese Informationen für erweiterte Bildersuche-Ergebnisse nutzen.

Für Kanzleien besonders relevant: das Einbetten von ImageObject im Person-Schema des Anwalts. Wenn das Anwaltsfoto mit dem Person-Schema verknüpft ist und Metadaten wie Name, Qualifikation und Ort enthält, wird die Verbindung zwischen Bild und Person maschinenlesbar – ein weiteres E-E-A-T-Signal.

Barrierefreiheit und Bilder-SEO: Gemeinsame Grundlagen

Alt-Texte dienen zwei Zwecken gleichzeitig: SEO und Barrierefreiheit. Eine Kanzlei, die ihre Alt-Texte konsequent und beschreibend setzt, erfüllt gleichzeitig eine Barrierefreiheitsanforderung nach BFSG und WCAG 2.1 AA. Das Prinzip ist dasselbe: Jedes nicht-dekorative Bild braucht einen Alt-Text, der den Inhalt beschreibt.

Die einzige Ausnahme sind rein dekorative Bilder – grafische Elemente, die keinen inhaltlichen Mehrwert tragen (z.B. Trennlinien als Grafik, dekorative Hintergrundmuster). Für diese Bilder wird ein leerer Alt-Text (alt="") gesetzt, der Screenreadern signalisiert: Dieses Element kann übersprungen werden.

Bilder-SEO in der Praxis: Workflow für Kanzleien

Die folgende Vorgehensweise sorgt dafür, dass neue Bilder von Anfang an korrekt eingebunden sind – ohne spätere Korrekturaufwand.

Bei jedem neuen Bild

Schritt 1: Dateiname vor dem Upload anpassen (beschreibend, Bindestriche, Kleinbuchstaben, .webp bevorzugt). Schritt 2: Bild auf die maximale Displaygröße skalieren und komprimieren (Ziel: unter 150 Kilobyte für die meisten Bilder, unter 200 Kilobyte für große Header). Schritt 3: Alt-Text beim Upload setzen (beschreibend, relevant, kein Keyword-Stuffing). Schritt 4: Bei Profilfotos und Titelbildern wichtiger Seiten: loading="eager" sicherstellen. Schritt 5: Visuell prüfen, dass die Komprimierung keine sichtbaren Qualitätsmängel erzeugt.

Bestehende Bilder: Priorisierung

Alt-Text-Audit: Alle Bilder ohne Alt-Text sind höchste Priorität, insbesondere Anwaltsfotos und Bilder auf Servicepages. Größen-Audit: Bilder über 500 Kilobyte sind kritisch für LCP – zuerst bearbeiten. Dateinamen-Audit: Bei nächster Content-Aktualisierung. WebP-Konvertierung: Plugin installieren für automatische Konvertierung aller bestehenden und neuen Bilder.

Häufige Bilder-Fehler auf Kanzlei-Websites und wie man sie behebt

Die folgenden Fehler kommen auf Kanzlei-Websites besonders häufig vor. Jeder davon ist behebbar – und jeder hat direkte Auswirkung auf Ladezeit, SEO oder Barrierefreiheit.

Fehler 1: Originaldateien von der Kamera hochgeladen

Das Bild wurde direkt von der Kamera oder dem Smartphone hochgeladen – mit 5 bis 15 Megabyte Dateigröße und einem Dateinamen wie IMG_4782.jpg. Dieses Bild wird auf der Website mit 400 Pixel Breite angezeigt, aber als 6000-Pixel-Original gespeichert. Behebung: Bild auf maximale Displaygröße skalieren, komprimieren, als WebP exportieren, mit beschreibendem Dateinamen neu hochladen.

Fehler 2: Alle Bilder haben denselben Alt-Text oder keinen

'Kanzlei' als Alt-Text für jedes Bild auf der Website, oder überhaupt kein Alt-Text. Beide Varianten helfen weder SEO noch Barrierefreiheit. Behebung: Alt-Text für jedes relevante Bild individuell formulieren – beschreibend, spezifisch, mit natürlichen Keywords wo sinnvoll.

Fehler 3: SVG-Logos als PNG oder JPEG gespeichert

Das Kanzleilogo wird als 500-Kilobyte-PNG auf der Website eingebunden, obwohl eine SVG-Version verfügbar wäre. SVGs sind Vektorgrafiken: sie sind skalierbar ohne Qualitätsverlust und haben bei Logos typischerweise eine Dateigröße von 5 bis 50 Kilobyte statt 200 bis 500 Kilobyte als PNG. Behebung: Logo als SVG vom Designer anfordern und als SVG auf der Website einbinden.

Fehler 4: Header-Bild als Lazy Load

Das große Startseiten-Bild oder das Headerfoto einer Servicepage hat Lazy Loading aktiviert. Da dieses Bild above the fold erscheint, müsste es sofort laden – das Lazy Loading verzögert es und verschlechtert den LCP-Wert. Behebung: Bei WordPress-Themes und Page-Buildern das erste Bild jeder Seite explizit als 'eager' laden.

Fehler 5: Gleiche Bild-Datei für verschiedene Displaygrößen

Dasselbe 1920-Pixel-Bild wird sowohl für Desktop als auch für Smartphones verwendet. Auf dem Smartphone wäre ein 600-Pixel-Bild ausreichend – aber es wird trotzdem das 1920-Pixel-Original geladen. Behebung: Responsive Images mit dem srcset-Attribut implementieren. WordPress generiert seit Version 4.4 automatisch mehrere Bildgrößen und liefert die passende Größe je nach Bildschirmbreite aus.

Bilder-SEO und Core Web Vitals: Der direkte Zusammenhang

Bildoptimierung und Core Web Vitals sind direkt verknüpft. LCP (Largest Contentful Paint) – die Zeit bis das größte sichtbare Element geladen ist – wird in den meisten Fällen von einem Bild bestimmt. CLS (Cumulative Layout Shift) – visuelle Stabilität der Seite – wird durch Bilder ohne definierte Abmessungen verursacht, die beim Laden den umgebenden Text verschieben. Beide sind direkte Rankingfaktoren.

Bilder mit definierten Abmessungen

Jedes Bild sollte im HTML width- und height-Attribute haben. Ohne diese Angaben weiß der Browser nicht, wie viel Platz er für das Bild reservieren muss – er lädt das Bild und verschiebt dann den Rest des Inhalts. Das erzeugt CLS. Mit expliziten Abmessungen reserviert der Browser sofort den richtigen Platz. WordPress setzt width und height seit Version 5.5 automatisch für über den Standard-Upload hochgeladene Bilder.

Preload für das LCP-Bild

Für besonders schnelles LCP kann das Hauptbild einer Seite mit einem Preload-Hint im HTML-Head versehen werden. Damit wird das Bild sofort beim Laden des HTMLs angefordert – ohne zu warten, bis der Browser im Body-Code auf das img-Tag stößt. Für das Startseiten-Header-Bild und andere LCP-kritische Bilder kann das den LCP-Wert um eine halbe bis eine Sekunde verbessern.