Alt-Text

Alt-Text ist ein beschreibender Text, der den Inhalt eines Bildes auf einer Webseite für Suchmaschinen und sehbehinderte Nutzer erklärt.

Definition von Alt-Text

Alt-Text, kurz für „alternativer Text“, ist ein Attribut, das zu HTML-Bildern hinzugefügt wird. Es beschreibt, was auf einem Bild zu sehen ist oder was die Funktion des Bildes ist. Ursprünglich wurde es entwickelt, um die Zugänglichkeit von Webseiten zu verbessern.

Warum ist Alt-Text wichtig?

Alt-Text ist aus mehreren Gründen wichtig:

• Suchmaschinenoptimierung (SEO): Suchmaschinen lesen Alt-Text, um den Inhalt der Bilder zu verstehen und die Relevanz der Webseite zu bewerten.
• Zugänglichkeit: Nutzer mit Sehbehinderungen oder solche, die Screenreader verwenden, können den Alt-Text hören, um zu verstehen, was auf dem Bild zu sehen ist.
• Backup: Wenn ein Bild aus irgendeinem Grund nicht geladen werden kann, wird der Alt-Text angezeigt, was den Benutzer über den Inhalt des Bildes informiert.

tipp

Alt-Text verbessert die Benutzererfahrung und kann die SEO-Leistung Deiner Webseite steigern.

Wie schreibt man guten Alt-Text?

Guter Alt-Text ist beschreibend und prägnant. Er sollte das Bild so beschreiben, dass jemand, der das Bild nicht sehen kann, eine klare Vorstellung davon bekommt, was darauf zu sehen ist.

• Sei spezifisch: Beschreibe das Bild so genau wie möglich.
• Halte es kurz: Versuche, den Alt-Text auf ein bis zwei Sätze zu beschränken.
• Vermeide Redundanz: Wenn der Inhalt des Bildes bereits im Text der Seite beschrieben wird, wiederhole es nicht im Alt-Text.
• Verwende keine Phrasen wie „Bild von“ oder „Grafik von“: Die Screenreader erkennen es bereits als Bild.

„Guter Alt-Text kann eine unsichtbare Brücke zwischen Deinem Inhalt und Deinem Publikum bauen.“

Und schaue Dir gerne meine 4 Tipps zum Schreiben der optimalen Alt-Texte für mehr SEO und Barrierefreiheit.

Beispiele für guten und schlechten Alt-Text

Schauen wir uns einige Beispiele an:

Guter Alt-Text

• Bild: Ein Hund, der einen Ball fängt Alt-Text: „Brauner Labrador fängt einen roten Ball im Park“
• Bild: Eine Schüssel mit Obst Alt-Text: „Schüssel mit frischen Äpfeln, Orangen und Bananen“

Schlechter Alt-Text

• Bild: Ein Hund, der einen Ball fängt Alt-Text: „Hund“
• Bild: Eine Schüssel mit Obst Alt-Text: „Obst“

tipp

Ein präziser Alt-Text hilft nicht nur Nutzern, sondern auch Suchmaschinen, den Inhalt Deiner Seite besser zu verstehen.

Alt-Text und SEO

Alt-Text spielt eine wichtige Rolle in der Suchmaschinenoptimierung. Suchmaschinen wie Google können Bilder nicht „sehen“, daher verlassen sie sich auf Alt-Text, um den Inhalt der Bilder zu verstehen. Dies kann Einfluss darauf haben, wie Deine Webseite in den Suchergebnissen erscheint.

Wenn Du Alt-Text strategisch verwendest, kannst Du Deine Platzierung in den Suchergebnissen verbessern. Hier sind einige Tipps:

• Verwende relevante Schlüsselwörter: Integriere Deine Haupt-Keywords, aber vermeide Keyword-Stuffing.
• Halte den Alt-Text natürlich: Er sollte sich organisch in den Kontext einfügen.

Häufige Fehler beim Alt-Text

Es gibt einige gängige Fehler, die Du vermeiden solltest:

• Kein Alt-Text: Bilder ohne Alt-Text sind für Suchmaschinen und Benutzer weniger wertvoll.
• Zu langer Alt-Text: Halte es kurz und prägnant. Lange Alt-Texte sind schwer zu lesen und zu verstehen.
• Keyword-Stuffing: Übermäßige Verwendung von Schlüsselwörtern kann als Spam betrachtet werden und Deine SEO schädigen.

Alt-Text in verschiedenen Plattformen

Unterschiedliche Plattformen haben verschiedene Möglichkeiten, Alt-Text hinzuzufügen. Hier sind einige Beispiele:

• WordPress: Beim Hochladen eines Bildes kannst Du den Alt-Text im Medien-Manager hinzufügen.
• Shopify: Im Abschnitt „Bilder“ beim Bearbeiten eines Produkts kannst Du den Alt-Text einfügen.
• Squarespace: Wähle das Bild und füge den Alt-Text im Abschnitt „Bildbeschreibung“ hinzu.

Best Practices für Alt-Text

Hier sind einige Best Practices, die Du befolgen solltest:

• Sei konsistent: Halte einen einheitlichen Stil für den Alt-Text auf Deiner gesamten Webseite.
• Überprüfe regelmäßig: Stelle sicher, dass alle Bilder Alt-Text haben und aktualisiere ihn bei Bedarf.
• Vermeide überflüssige Wörter: Halte den Text klar und einfach.

tipp

Indem Du diese Best Practices befolgst, kannst Du die Benutzerfreundlichkeit und die SEO Deiner Webseite verbessern.

Fazit

Alt-Text ist mehr als nur eine Beschreibung für Bilder. Er ist ein unverzichtbares Werkzeug für SEO und Zugänglichkeit. Mit gut geschriebenem Alt-Text kannst Du die Benutzererfahrung verbessern und Deine Webseite für Suchmaschinen optimieren.

Wenn Du mehr darüber erfahren möchtest, wie Du Deine Webseite optimieren kannst, buche eine kostenlose 1:1 Beratung mit mir: Jetzt Termin vereinbaren.