In diesem Leitfaden erfahren Sie mehr über alternativen Text (alt text ): was es ist, warum es für SEO wichtig ist, wie man es richtig verwendet und mehr!
Dies ist ein sehr praktischer und auf den Punkt gebrachter Leitfaden, der Tipps und Ratschläge enthält, die Sie sofort anwenden können um die Bild-SEO und Zugänglichkeit Ihrer Website zu verbessern.
Contents
Was ist Alt-Text?
Alt-Text (oder alternativer Text), auch bekannt als das Alt-Attribut oder das Alt-Tag (das ist technisch nicht korrekt, weil es kein Tag ist), ist einfach ein Textstück, das das Bild im HTML-Code beschreibt.
Was sind die Verwendungen von Alt-Text?
Die Die erste Funktion von Alt-Text bestand einfach darin, ein Bild zu beschreiben, das nicht geladen werden konnte.
Vor vielen Jahren, als das Internet noch viel langsamer war, half Alt-Text dabei, den Inhalt eines Bildes zu erkennen, das zu umfangreich war, um es in Ihren Browser zu laden.
Heute werden Bilder selten nicht geladen, aber wenn sie tun, dann ist es der Alt-Text, der anstelle eines Bildes angezeigt wird.
Screenshot des Autors, August 2022
Nun spielt Alt-Text auch eine Rolle sowohl für Suchmaschinen-Bots als auch für Menschen, die Screenreader verwenden:
- Alt-Text hilft Menschen mit Behinderungen (z Screenreader) erfahren mehr über den Inhalt des Bildes.
- Alt-Text hilft auch Suchmaschinen-Bots, den Inhalt und Kontext des Bildes zu verstehen.
Natürlich wird es, wie jedes Element von SEO, oft missbraucht oder in manchen Fällen sogar missbraucht.
Sehen wir uns nun genauer an, warum Alt-Text wichtig ist.
Warum Alt-Text wichtig ist
Das Web und Websites sind ein sehr visuelles Erlebnis. Es ist schwer, eine Website ohne Bilder oder grafische Elemente zu finden.
Deshalb ist Alt-Text sehr wichtig.
Alt-Text hilft, den Inhalt des Bildes in Worte zu übersetzen – Dadurch wird das Bild einem breiteren Publikum zugänglich gemacht, einschließlich Menschen mit Behinderungen und Suchmaschinen-Bots, die noch nicht schlau genug sind, jedes Bild, seinen Kontext und seine Bedeutung vollständig zu verstehen.
Warum Alt-Text wichtig ist SEO
Alt-Text ist ein wichtiges Element der On-Page-SEO-Optimierung.
Die richtige Alt-Text-Optimierung erhöht die Chance Ihrer Website, in der Google-Bildersuche zu ranken.
Ja, Alt-Text ist es ein Ranking-Faktor für die Google-Bildersuche.
Abhängig von der Nische und Spezifität Ihrer Website kann der Traffic der Google-Bildersuche eine große Rolle für den Gesamterfolg Ihrer Website spielen.
Bei E-Commerce-Websites beispielsweise beginnen Nutzer ihre Suche nach Produkten sehr oft mit einer Google-Bildersuche, anstatt den Produktnamen in die Standard-Google-Suche einzugeben.
Screenshot von der Suche nach [Garmin Vorläufer] , Google, August 2022Google und andere Suchmaschinen zeigen möglicherweise weniger Produktbilder (oder gar keine) an, wenn Sie sich nicht um ihre Alt-Text-Optimierung kümmern.
Ohne die richtige Bildoptimierung verlieren Sie möglicherweise viel potenziellen Verkehr und Kunden.
Warum Alt-Text für die Barrierefreiheit wichtig ist
Sichtbarkeit in der Google-Bildsuche ist sehr wichtig, aber es gibt eine noch wichtigerer Aspekt: Zugänglichkeit.
Glücklicherweise wurde in den letzten Jahren mehr Fokus und Betonung auf Zugänglichkeit gelegt (d. h. das Web für alle zugänglich zu machen, einschließlich Menschen mit Behinderungen oder/und Bildschirmleseprogrammen zu verwenden). .
Angenommen, der Alt-Text Ihrer Bilder beschreibt tatsächlich deren Inhalt und nicht – zum Beispiel – Keywords stopfen. In diesem Fall helfen Sie Personen, die dieses Bild nicht sehen können, es und den Inhalt der gesamten Webseite besser zu verstehen.
Nehmen wir an, eine Ihrer Webseiten ist ein SEO-Prüfleitfaden, der Screenshots enthält von verschiedenen Crawling-Tools.
Wäre es nicht besser, den Inhalt jedes Screenshots zu beschreiben, anstatt denselben Alt-Text von “SEO-Audit” in jedes Bild?
Schauen wir uns ein paar Beispiele an.
Beispiele für alternativen Text
Es ist nicht schwierig, viele gute und schlechte Beispiele für alternativen Text zu finden. Lassen Sie mich Ihnen ein paar zeigen, wobei ich mich an das obige Beispiel mit einem SEO-Audit-Leitfaden halte.
Gute Alt-Text-Beispiele
Also enthält unser Beispiel-SEO-Leitfaden Screenshots von Tools wie Google Search Console und Screaming Frog.
Einige gute Beispiele für Alt-Text können sein:
<img src=”google-search-console-coverage-report.jpg” alt=”Der Abdeckungsbericht in der Google Search Console zeigt die Anzahl der indexierten und ausgeschlossenen Seiten”> <img src=”google-search-console.jpg” alt=”Google Search Console-Tool von Google”> <img src=”screaming-frog-html-pages.jpg” alt=”Liste der HTML-Seiten in Screaming Frog”> <img src=“schreiender Frosch” alt=”Screaming Frog-Crawling läuft”>
Tipp: Es ist auch eine gute Idee, auf den Namen Ihrer Datei zu achten. Die Verwendung beschreibender Dateinamen ist kein Rankingfaktor, aber ich empfehle dies als gute SEO-Praxis.
Beispiele für schlechten und/oder spammigen Alt-Text
Ich habe auch viele Beispiele von gesehen schlechte Verwendung von Alt-Text, einschließlich Keyword-Stuffing oder Spamming.
So können Sie die oben genannten guten Beispiele in schlechte Beispiele verwandeln:
<img src=”google-search-console-coverage-report.jpg”alt=”SEO-Audit kostenlos, SEO-Audit günstig, SEO-Audit-Spezialist, SEO-Audit, SEO-Audits”> <img src=”google-search-console.jpg” alt=”google seo ,seo google, google, seo, google suchkonsole seo”> <img src=”screaming-frog-html-pages.jpg” alt=”SEO-Auditor, SEO-Audit, SEO-Audits”> <img src=“schreiender Frosch” alt=”SEO-Audit”>
Wie Sie sehen können, geben die obigen Beispiele nicht wirklich Auskunft darüber, was diese Bilder tatsächlich zeigen.
Beispiele und noch mehr Bilder-SEO-Tipps finden Sie auch in der Google-Suche.
Häufige Alt-Text-Fehler
Das Füllen von Schlüsselwörtern im Alt-Text ist nicht der einzige Fehler, den Sie machen können.
Hier sind ein paar Beispiele für häufige Alt-Text-Fehler:
- Fehler bei der Verwendung des Alt-Texts oder Verwendung von leerem Alt-Text.
- Verwendung desselben Alt-Texts für verschiedene Bilder.
- Verwendung eines sehr allgemeinen Alt-Textsdas beschreibt das Bild nicht wirklich. Wenn Sie beispielsweise den alternativen Text von „Hund” auf dem Foto eines Hundes, anstatt den Hund detaillierter zu beschreiben, seine Farbe, was er tut, welche Rasse er ist usw.
- Automatische Verwendung des Namens der Datei als alt Text – was zu sehr unfreundlichem Alternativtext führen kann, wie z. B. “googleseachconsole” oder “google-search-console” oder „Foto2323” abhängig vom Namen der Datei.
Tipps zum Schreiben von Alt-Text
Und zum Schluss noch die Tipps, wie man korrekten Alt-Text schreibt, damit er auch wirklich seinen Zweck erfüllt:
- Schlüsselwörter nicht in den Alt-Text stopfen. Es hilft Ihrer Webseite nicht, für diese überfüllten Keywords zu ranken.
- Beschreiben Sie das Bild ausführlich, aber halten Sie es dennoch relativ kurz. Vermeiden Sie es, dem Alt-Text mehrere Sätze hinzuzufügen.
- Verwenden Sie Ihre Ziel-Keywords, aber auf natürliche Weise, als Teil der Bildbeschreibung. Wenn Ihr Ziel-Keyword nicht in die Bildbeschreibung passt, verwenden Sie es nicht.
- Verwenden Sie keinen Text auf Bildern. Der gesamte Text sollte in Form von HTML-Code hinzugefügt werden.
- Schreiben Sie nicht “dies ist ein Bild von.“ Google und die Nutzer wissen, dass dies ein ist Bild. Beschreiben Sie einfach seinen Inhalt.
- Stellen Sie sicher, dass Sie den Inhalt des Bildes visualisieren können, indem Sie einfach seinen Alt-Text lesen. Das ist die beste Übung, um sicherzustellen, dass Ihr Alt-Text in Ordnung ist.
So überprüfen Sie, ob eine Seite Alt-Text verwendet
Nun kennen Sie alle Best Practices und häufigsten Fehler bei Alt-Text. Aber wie überprüft man eigentlich, was im Alt-Text der Bilder einer Website steht?
Sie können den Alt-Text auf folgende Weise analysieren:
Inspizieren eines -Element (klicken Sie mit der rechten Maustaste und wählen Sie „Inspizieren“ aus, wenn Sie mit der Maus über ein Bild fahren) ist eine gute Möglichkeit, um zu überprüfen, ob ein bestimmtes Bild Alt-Text enthält..
Wenn Sie dies jedoch in großen Mengen überprüfen möchten, Ich empfehle eine der beiden folgenden Methoden.
Screenshot des Autors, August 2022
Installieren Sie die Chrome-Erweiterung für Webentwickler.
Screenshot des Autors, August 2022
Öffnen Sie als Nächstes die Seite, deren Bilder Sie prüfen möchten.
Klicken Sie auf Web Developer und navigieren Sie zu Bilder > Alt-Attribute anzeigen. Auf diese Weise können Sie den Inhalt des Alt-Textes aller Bilder auf einer bestimmten Webseite sehen.
Screenshot des Autors, August 2022
Um den Alternativtext der Bilder der gesamten Website zu überprüfen, verwenden Sie einen Crawler wie Screaming Frog oder Sitebulb.
Crawlen Sie die Website, navigieren Sie zum Bildbericht und überprüfen Sie den Alt-Text aller Website-Bilder.