Alt-Texte

Was ist ein Alt-Text?

Alt-Texte können als beschreibender Textausschnitt definiert werden, der nicht-textliche Inhalte ersetzt, oder als eingebetteter HTML-Code, der die Bedeutung und den Kontext eines visuellen Elements (Fotos, Grafiken) in einer digitalen Umgebung wie Webseiten, PDFs oder Apps vermittelt.

Ursprünglich wurden Alt-Texte entwickelt, um das Surfen im Internet für Sehbehinderte zu verbessern, da der Bildschirmleser die Funktion und das Aussehen eines Fotos oder einer Grafik beschreibt, die sie nicht sehen können. Dies ist nach wie vor die Hauptfunktion von Alt-Texten.

Heutzutage besteht die entscheidende Funktion von Alt-Texten auch darin, eine genaue Bewertung und Anerkennung der Bilder auf der Webseite für eine angemessene Suchantwort durch die Suchmaschinen zu ermöglichen.

Alt-Texte sind normalerweise die Texte, die angezeigt werden, wenn Sie mit der Maus über ein Bild oder ein digitales Asset fahren.

Einige gebräuchliche Synonyme für Alt-Texte sind:

• Alt-Beschreibung
• Alt-Attribut
• Alt-Tags

Bedeutung von Alt-Texten

Ein gut geschriebener, beschreibender Alt-Text reduziert Mehrdeutigkeiten erheblich und verbessert die Benutzererfahrung. Einige Vorteile der Verwendung von Alt-Texten für digitale Dokumente und Webseiten sind:

1. Verbesserte digitale Zugänglichkeit:

Durch die Bereitstellung genauer und umfassender Alt-Texte für digitale Inhalte (Bilder, Grafiken usw.) wird die Zugänglichkeit für alle Benutzer sichergestellt, unabhängig von Behinderungen oder Sehbehinderungen.

Alt-Texte werden in Browsern anstelle von Bildern angezeigt, wenn die Bilddatei nicht geladen werden kann oder wenn der Benutzer Bilder blockiert hat. Im folgenden Beispiel wird im Falle eines fehlerhaften Bildes ein beschreibender Alt-Text angezeigt:

2. Verbessertes SEO: Obwohl sich die Suchmaschinen-Technologie im Laufe der Jahre drastisch verbessert hat, können die „Such-Crawler“ Bilder immer noch nicht so sehen wie wir. Wenn Sie eine Ziel-Keyword-Phrase zum Alt-Text hinzufügen, kann dies:

Helfen Sie Bildern und Grafiken, in der organischen Suche besser zu ranken

Helfen Sie digitalen Dokumenten wie PDFs, besser zu ranken als solche ohne Alt-Texte.

Bessere Suchrankings und Bilder allein können dazu beitragen, dass Suchmaschinen wie Google und Bing mehr Besucher auf Ihre Website leiten.

3. Verbesserte allgemeine Benutzererfahrung: Für jede Organisation ist es wichtig, den Besuchern ihrer Webseiten die bestmögliche Benutzererfahrung zu bieten. Das Einfügen von Alt-Texten in Bilder, Grafiken und Dokumente, um einen besseren Bildkontext zu schaffen, sorgt für eine relevante Benutzerinteraktion und verbessert so das Gesamterlebnis.

Wie man einen guten Alt-Text schreibt

Das Schreiben guter Alt-Texte ist eine Kunst für sich. Schauen wir uns an, was nötig ist, um diese Kunst des Schreibens präziser Alt-Texte zu meistern:

1. Seien Sie konkret:  Alt-Texte dienen in erster Linie dazu, Benutzern, die Bilder nicht sehen können, Texterklärungen zu den Bildern bereitzustellen. Es ist also wichtig, sich an relevante Inhalte zu halten. Einer der besten Ansätze besteht darin, sich zu überlegen, wie man das Bild am Telefon beschreiben würde, und dann einen geeigneten Alt-Text zu erstellen.
2. Fassen Sie sich kurz: Ein paar Worte reichen normalerweise aus, obwohl manchmal ganze Sätze erforderlich sein können. Beachten Sie, dass die meisten gängigen Bildschirmleseprogramme Alt-Texte bei etwa 125 Zeichen abschneiden. Halten Sie sich also am besten an diese Grenze.
3. Verwenden Sie Ihre Keywords: Es hat sich bewährt, ein oder zwei Ziel-Keywords in den Alt-Text aufzunehmen. Dies gibt Ihnen mehr Spielraum, um Suchmaschinen zu signalisieren, dass Ihre Seite für eine bestimmte Suchanfrage von hoher Relevanz ist.
4. Vermeiden Sie Keyword-Spamming: Es wird empfohlen, Keyword-Spamming zu vermeiden, da Google die Verwendung zu vieler Keywords erkennen und das Suchranking herabsetzen kann.
5. Verwenden Sie keine Bilder als Text: Ein allgemeiner Vorschlag für eine SEO-freundliche Webentwicklung ist, die Verwendung von Bildern anstelle von Wörtern zu vermeiden. Falls erforderlich, erklären Sie in Ihrem Alt-Text, was Ihr Foto aussagt.
6. Vermeiden Sie die Verwendung von „Bild von“, „Abbildung von“ usw.:  Es ist bereits klar, dass sich der Alt-Text auf ein Bild bezieht, sodass es nicht notwendig ist, dies anzugeben.
7. Fügen Sie longdesc=„“ hinzu:  Versuchen Sie, das Tag „longdesc=“ für komplexere Bilder hinzuzufügen, die möglicherweise eine längere Beschreibung erfordern.
8. Ignorieren Sie nicht die Formularschaltflächen: Wenn ein Formular auf einer Webseite Bildschaltflächen verwendet, sollte es ein Alt-Attribut haben, das die Funktion der Schaltfläche beschreibt, z. B. „Suchen“, „Jetzt bewerben“, „Anmelden“ usw.

Beispiele für guten Alt-Text

Schauen wir uns einige Beispiele von Moz für gute Alt-Texte an:

Annehmbarer Alt-Text: <img src=”bird.png” alt=”Hahn”>

Besserer Alt-Text: <img src=”bird.png” alt=”Hahn kräht”>

Bester Alt-Text: <img src=”bird.png” alt=”Der Hahn mit dem roten Kamm kräht”>

Annehmbarer Alt-Text: <img src=”escalator.jpg” alt=”Mann auf Rolltreppe”>

Besserer Alt-Text: <img src=”escalator.jpg” alt=”Mann läuft auf Rolltreppe”>

Bester Alt-Text: <img src=”escalator.jpg” alt=”Mann mit Rucksack läuft die Rolltreppe hinunter”>

Wann Sie Alt-Texte verwenden sollten

Es ist wichtig, Alt-Texte zu den unten aufgeführten digitalen Assets hinzuzufügen:

• Bilder und Fotos
• Diagramme, Flussdiagramme und Schaubilder
• Videos

Wann Sie keine Alt-Texte verwenden sollten

In einigen Fällen ist die Angabe eines Alt-Textes nicht erforderlich. Zum Beispiel:

• Dekorative visuelle Objekte – z.B. stilistische Bordüren

Wie man Alt-Texte zu einem Microsoft-Dokument hinzufügt

Hier finden Sie Anweisungen zum Hinzufügen von Alt-Texten zu Microsoft-Dokumenten wie Outlook, Word, Excel und PowerPoint.

Wie man Alt-Texte zu Objekten in WordPress hinzufügt

Folgen Sie diesen Anweisungen, um Alt-Texte in einem CMS wie WordPress hinzuzufügen.