Alt-Text für Bilder: Wie Sie ihn richtig für SEO und Barrierefreiheit schreiben

Sie haben schöne Bilder auf Ihrer Website platziert, aber in deren Code fehlt ein kleines Detail, das enorm zählt: der Alternativtext. Das ist der kurze Textabschnitt, der beschreibt, was auf dem Bild zu sehen ist — unsichtbar für den normalen Besucher, aber unverzichtbar für Google und für Menschen, die das Bild nicht sehen können.

Der Alt-Text erfüllt zwei Aufgaben gleichzeitig. Er hilft Ihren Bildern, bei Google Bilder zu erscheinen — eine Traffic-Quelle, die die meisten Website-Betreiber völlig ignorieren. Und er ermöglicht es Menschen, die Bildschirmleser verwenden, den Inhalt der Seite zu verstehen. In diesem Leitfaden zeige ich Ihnen genau, wie man einen guten Alt-Text schreibt, mit konkreten Beispielen, und welche Fehler Sie vermeiden sollten.

Was Alternativtext eigentlich ist

Der Alternativtext (das Attribut alt in HTML) ist eine kurze Beschreibung eines Bildes, die im Code steht. Sie sieht ungefähr so aus:

• `<img src="moderner-haarschnitt.jpg" alt="Moderner Herrenhaarschnitt in einem Salon in Cluj">`

Niemand sieht ihn, wenn die Seite normal lädt. Aber er erscheint in drei wichtigen Situationen:

• wenn das Bild nicht lädt (schwache Verbindung, fehlende Datei), erscheint der Text an seiner Stelle;
• wenn jemand einen Bildschirmleser verwendet, wird der Text laut vorgelesen;
• wenn Google die Seite indexiert und versucht zu verstehen, worum es auf dem Bild geht.

Mit anderen Worten: Der Alt-Text ist die Brücke zwischen einem Bild (das Maschinen und Bildschirmleser nicht "sehen" können) und seiner Bedeutung.

Wie Sie einen Alt-Text schreiben, der wirklich hilft

Die Grundregel: Beschreiben Sie klar und konkret, was zu sehen ist, so als würden Sie jemandem das Bild am Telefon erklären.

• Seien Sie konkret. "Teller mit Pasta Carbonara und Parmesan" sagt mehr als "Essen".
• Halten Sie ihn kurz. Ein Satz reicht; schreiben Sie keinen Absatz.
• Fügen Sie den relevanten Kontext ein. Wenn das Bild eine Dienstleistung zeigt, die Sie in einer Stadt anbieten, erwähnen Sie sie natürlich: "Gartenanlage mit Rollrasen in einem Garten in Cluj-Napoca".
• Beginnen Sie nicht mit "Bild von" oder "Foto von". Der Bildschirmleser kündigt bereits an, dass es sich um ein Bild handelt, das wäre also redundant.
• Schreiben Sie für Menschen, nicht für Maschinen. Ein natürlicher Text erfreut sowohl Google als auch den Besucher.

Keywords, ja — aber ohne zu übertreiben

Der Alt-Text ist ein legitimer Ort, an dem Sie das für die jeweilige Seite relevante Keyword einbauen können. Wenn die Seite über Herrenhaarschnitte in Cluj handelt, ist es naheliegend, dass die Bildbeschreibung diese Begriffe enthält.

Das Problem entsteht, wenn es erzwungen wirkt. Google bestraft das Überhäufen mit Keywords (Keyword-Stuffing), und ein Text wie "Haarschnitt Cluj Haarschnitt Herren Haarschnitt günstig Friseur Cluj" beschreibt nichts und schadet, statt zu helfen.

Die gesunde Regel:

• ein Keyword pro Bild, natürlich in die Beschreibung eingebaut;
• die Beschreibung muss wahrheitsgetreu bleiben zu dem, was auf dem Bild zu sehen ist;
• klingt der Text beim lauten Vorlesen merkwürdig, haben Sie übertrieben.

Das Ziel ist eine ehrliche Beschreibung, die zufällig auch den passenden Begriff enthält.

Dekorative Bilder und der Dateiname

Nicht jedes Bild braucht eine Beschreibung. Rein dekorative Elemente — eine Trennlinie, ein Hintergrund, ein Icon ohne eigenständige Bedeutung — sollten einen leeren Alt-Text haben (`alt=""`). So überspringen Bildschirmleser sie, statt den Nutzer mit unnötigen Beschreibungen zu überhäufen. Achtung: `alt=""` (absichtlich leer) ist etwas anderes als das vollständige Fehlen des Attributs, was ein Fehler ist.

Ein oft vergessenes Detail: Auch der Dateiname zählt. Google liest ihn mit. Also ist `moderner-haarschnitt-cluj.jpg` deutlich besser als `IMG_4821.jpg`.

• Benennen Sie Dateien vor dem Hochladen um, mit durch Bindestriche getrennten Wörtern.
• Verwenden Sie nur Kleinbuchstaben, ohne Diakritika und ohne Leerzeichen.
• Achten Sie zudem auf korrekte Größen und komprimierte Dateien — ein schweres Bild verlangsamt die Seite, und Geschwindigkeit zählt für SEO.

Wie wir bei MPO Web Studio arbeiten

Wenn wir eine Website bauen, behandeln wir Bilder als Teil des SEO, nicht als Nebensache. Jedes relevante Bild erhält einen von Menschenhand geschriebenen Alt-Text, einen sauberen Dateinamen und die richtige Komprimierung, damit die Seite schnell lädt und für alle zugänglich ist.

Wir arbeiten vollständig remote, für Kunden im ganzen Land, und erstellen Ihnen eine kostenlose Demo der Website, bevor Sie irgendetwas bezahlen — Sie sehen das tatsächliche Ergebnis, kein Versprechen. Die Preise sind transparent, ohne Überraschungen.

Eine Warnung mit gesundem Menschenverstand: Meiden Sie jeden, der Ihnen "garantierten Platz 1 bei Google" verspricht. Das kann niemand garantieren. Ein gut gemachter Alt-Text ist einer von vielen Bausteinen, die zusammen Ihre Chancen erhöhen — kein Zaubertrick.

Möchten Sie eine Einschätzung zu Ihrer aktuellen Website? Schreiben Sie uns auf WhatsApp, und wir schauen gemeinsam darauf.