Alt-Text: Was es ist und wie man ihn schreibt

Intro

In diesem Leitfaden erfahren Sie alles über alternativen Text (auch Alt-Text genannt): was er ist, warum er für On-Page-SEO wichtig ist, wie man ihn richtig verwendet und vieles mehr.

Der Alt-Text wird oft übersehen, aber jedes Bild auf Ihrer Website sollte ihn enthalten. Mehr Informationen sind besser, und die Übersetzung visueller Informationen in Text ist für Suchmaschinen-Bots und Nutzer mit Bildschirmlesegeräten entscheidend. Alt-Text ist eine Informationsquelle, die Ideen und Inhalte auf Ihrer Website miteinander in Beziehung setzt.

Dieser praktische Leitfaden enthält Tipps und Ratschläge, die Sie sofort anwenden können, um das SEO und die Zugänglichkeit Ihrer Website zu verbessern.

Was ist Alt-Text?

Alternativtext (oder Alt-Text) - auch bekannt als Alt-Attribut oder Alt-Tag (was technisch nicht korrekt ist, da es sich nicht um ein Tag handelt) - ist ein Textteil, der das Bild im HTML-Code beschreibt.

Wozu dient der Alt-Text?

Die ursprüngliche Funktion des Alt-Textes bestand darin, ein Bild zu beschreiben, das nicht geladen werden konnte. Vor Jahren, als das Internet noch langsamer war, half der Alt-Text den Nutzern, den Inhalt eines Bildes zu verstehen, das zu schwer zu laden war.

Heute hilft der Alt-Text den Suchmaschinen-Bots, den Inhalt und den Kontext des Bildes zu verstehen. Noch wichtiger ist, dass der Alt-Text für die Zugänglichkeit und für Menschen, die Bildschirmlesegeräte verwenden, entscheidend ist:

• Für Barrierefreiheit: Alt-Text hilft Menschen mit Behinderungen (z. B. bei Verwendung von Bildschirmlesegeräten), den Inhalt des Bildes zu verstehen.

• Für SEO: Alt-Text liefert den Suchmaschinen zusätzlichen Kontext und hilft ihnen, den Inhalt der Seite besser zu verstehen.

Warum Alt-Text wichtig ist

Das Web ist ein visuelles Erlebnis, weshalb der Alt-Text von entscheidender Bedeutung ist. Er übersetzt den Inhalt des Bildes in Worte und macht es so einem breiteren Publikum zugänglich, einschließlich Menschen mit Behinderungen und Suchmaschinen-Bots, die noch nicht schlau genug sind, um jedes Bild, seinen Kontext und seine Bedeutung vollständig zu verstehen.

Warum Alt-Text für SEO wichtig ist

Alt-Text ist ein wesentliches Element der On-Page-SEO-Optimierung. Eine korrekte Alt-Text-Optimierung verbessert die Chancen Ihrer Website, in der Google-Bildersuche zu ranken, was eine wichtige Quelle für Besucher sein kann, insbesondere für E-Commerce-Websites, bei denen Nutzer ihre Produktsuche häufig mit einer Google-Bildersuche beginnen.

Warum Alt-Text für Barrierefreiheit wichtig ist

Neben der Suchmaschinenoptimierung ist der Alt-Text auch für die Barrierefreiheit von entscheidender Bedeutung, da er das Web für alle zugänglich macht, auch für Menschen mit Behinderungen, die Bildschirmlesegeräte verwenden. Die Beschreibung des Bildinhalts im Alt-Text hilft diesen Nutzern, das Bild und den Inhalt der Seite zu verstehen.

Alt-Text Beispiele

Gute Alt-Text-Beispiele

Erwägen Sie einen SEO-Audit-Leitfaden mit Screenshots von Tools wie Google Search Console und Screaming Frog. Gute Beispiele für Alt-Text sind:

<img src="google-search-console-coverage-report.jpg" alt="Der Abdeckungsbericht in Google Search Console, der die Anzahl der indizierten und ausgeschlossenen Seiten zeigt"> <img src="google-search-console.jpg" alt="Google Search Console tool from Google"> <img src="screaming-frog-html-pages.jpg" alt="Liste der HTML-Seiten in Screaming Frog"> <img src="screaming-frog.jpg" alt="Screaming Frog crawl in progress">

Schlechte und / oder spammige Alt-Text Beispiele

Beispiele für schlechte Alt-Texte sind das Ausfüllen von Schlüsselwörtern oder Spamming:

<img src="google-search-console-coverage-report.jpg" alt="seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audits"> <img src="screaming-frog.jpg" alt="seo audit">

Häufige Alt-Text-Fehler

• Fehlender Alt-Text oder leerer Alt-Text.

• Verwendung desselben Alt-Textes für verschiedene Bilder.

• Verwendung eines sehr allgemeinen Alt-Textes, der das Bild nicht beschreibt.

• Automatische Verwendung des Namens der Datei als Alt-Text.

Tipps zum Schreiben von Alt-Text

• Füllen Sie keine Schlüsselwörter in den Alt-Text.

• Beschreiben Sie das Bild ausführlich, aber halten Sie es relativ kurz.

• Verwenden Sie die Zielschlüsselwörter natürlich als Teil der Bildbeschreibung.

• Verwenden Sie keinen Text auf Bildern. Fügen Sie den gesamten Text in den HTML-Code ein.

• Schreiben Sie nicht: "Dies ist ein Bild von". Beschreiben Sie nur den Inhalt des Bildes.

• Vergewissern Sie sich, dass Sie sich den Inhalt des Bildes allein durch das Lesen des Alt-Textes vorstellen können.

Fehlersuche bei Bild-Alt-Text

Prüfen von Elementen

Untersuchen Sie ein Element (klicken Sie mit der rechten Maustaste und wählen Sie Untersuchen, wenn Sie den Mauszeiger über ein Bild bewegen), um zu prüfen, ob ein bestimmtes Bild einen Alt-Text hat.

Bulk-Analyse

Für die Massenanalyse verwenden Sie Tools wie Screaming Frog oder Sitebulb, um die Website zu crawlen und den Alt-Text aller Website-Bilder zu überprüfen.

Alt-Text scheint keine Priorität zu sein, ist aber wichtig

Jede Informationsquelle über Ihren Inhalt ist wertvoll. Ob für sehbehinderte Nutzer oder Bots, Alt-Text hilft, die Bilder auf Ihrer Website in den richtigen Kontext zu setzen. Das Engagement für Barrierefreiheit ist auch eine wichtige Komponente des modernen digitalen Marketings.

FAQ

Was ist der Zweck von Alt-Text in HTML?

Alt-Text liefert eine textliche Beschreibung eines Bildes, wenn es nicht angezeigt werden kann, und hilft den Nutzern, den Bildinhalt zu verstehen, und den Suchmaschinen-Bots, das Thema des Bildes zu verstehen.

Kann Alt-Text die Zugänglichkeit von Websites verbessern?

Ja, Alt-Text ist für die Zugänglichkeit von Websites unerlässlich. Er übersetzt visuelle Informationen in beschreibenden Text, der von Bildschirmlesegeräten gelesen werden kann, die von Nutzern mit Sehbehinderungen verwendet werden, und macht das Web integrativer.

Wenn Sie diese Tipps befolgen, können Sie sicherstellen, dass die Bilder Ihrer Website zugänglich und für die Suchmaschinenoptimierung optimiert sind, was sowohl die Benutzerfreundlichkeit als auch die Leistung der Suchmaschinen verbessert.