Wenn du dich bei der Erstellung und Beschriftung deiner Bilder an ein paar einfache Richtlinien hältst, kannst du dazu beitragen, dass deine Seite in den SERPs (Suchmaschinenergebnisseiten) höher angezeigt wird. In diesem Blogbeitrag erläutern wir, warum die Verwendung von Alt-Tags für Bilder wichtig für die Suchmaschinenoptimierung ist.
Contenist stellt einige Strategien vor, wie du deine Sichtbarkeit durch die effektive Verwendung von Alt-Texten erhöhen kannst. Lies weiter, um zu erfahren, wie Bild-SEO über Alt-Tags deine Webpräsenz steigern kann!
Was ist ein alternativer Text (alt) ?
Um eine Webseite vollständig zugänglich und optimiert für Suchmaschinen zu machen, müssen Website-Besitzer bestimmte Praktiken befolgen. Eine ist die Verwendung von alternativen Texten (auch bekannt als Alt-Attribut oder -Text).
Ein alternativer Text ist eine kurze Beschreibung eines Bildes. Wenn das Bild aus irgendeinem Grund nicht angezeigt werden kann, wird der alternative Text sichtbar. Der Hauptzweck eines alternativen Textes besteht darin, das Bild genau zu beschreiben, damit der Leser den Zweck des Bildes verstehen kann, ohne es tatsächlich sehen zu müssen. Dies erfordert eine kurze, aber treffende Beschreibung.
Ein großer Fehler, den viele Texter machen, besteht darin, den alternativen Text als eine weitere Gelegenheit zu sehen, den Namen der Marke oder der Webseite in die Seite zu integrieren. Dies ist jedoch nicht der Zweck der Attribute und kann tatsächlich zu einer schlechteren Erfahrung für den Benutzer führen.
Warum ist alternativer Text so wichtig?
Wenn es um die Optimierung von Bildern auf deiner Website geht, ist der Alt-Text etwas, auf das du definitiv achten solltest. Dieser unscheinbare beschreibende Text kann über die Barrierefreiheit von Bildern entscheiden, Bilder-Links verbessern und dir sogar helfen, in der Google Bildersuche zu ranken.
Das sind die Gründe, warum du mit Alt-Texten mehr Erfolg haben wirst:
Die Barrierefreiheit von Bildern wird mit einem Alt-Attribut verbessert
Der Alt-Text ist ein Alternativtext für Bilder und wird in der Regel von Screenreadern verwendet. Menschen, die schlecht sehen oder blind sind, können nicht sehen, was auf den Bildern gezeigt wird. Daher ist es wichtig, dass sie einen klaren, detaillierten und präzisen Text erhalten. Durch das Einfügen der Alt-Texte wird die Barrierefreiheit deiner Website für diese Nutzer verbessert.
Die thematische Relevanz wird mit Alt-Attributen erhöht
Der Alt-Text hat einen weiteren Vorteil: Er kann die thematische Relevanz deiner Website verbessern. Suchmaschinen wie Google bewerten den Inhalt deiner Website nach Relevanz und Qualität.
Indem du den Alt-Text hinzufügst und auf das Thema deiner Website abstimmt, erhöhst du die Chance, dass du bei passenden Suchanfragen in den Bilder Rankings oben mitmischst.
Bilder-Links erhalten mit dem Alt-Tag einen Anchor-Text
Ein weiterer Vorteil des Alt-Texts ist, dass du damit den Anchor-Text von Bild-Links festlegen kannst. Ein Anchor-Text ist der Text in einem Link, auf den du klicken kannst. Wenn du den Alt-Text auf ein Bild anwendest, übernimmt der Alt-Text den Anchor-Text des Links. Damit hast du mehr Kontrolle darüber, welcher Text in deinen Links verwendet wird.
Der Alt-Text hilft dir in der Google Bildersuche zu ranken
Eine weitere Möglichkeit, wie der Alt-Text dein SEO verbessern kann, ist durch die Google Bildersuche. Viele Menschen suchen nicht nur nach Textergebnissen, sondern auch nach Bildern. Wenn deine Bilder mit einem passenden Alt-Text versehen sind, können sie in den Suchergebnissen der Bildersuche angezeigt werden und dadurch mehr Traffic auf deine Website bringen.
Mit Alt-Texten verbesserst du ein On-Page-SEO
Neben der Verbesserung der Barrierefreiheit, der thematischen Relevanz, der Anchor-Texte und der Google Bildersuche, ist der Alt-Text auch ein wichtiger Faktor bei der On-Page-SEO-Optimierung. Indem du deinen Alt-Text auf die Seite und das Thema abstimmt, kannst du die Relevanz deiner Seite für bestimmte Suchbegriffe erhöhen.
Wie du Alt-Texte zu deinen Bildern hinzufügst
Du fragst dich nun vielleicht, wie du Alt-Texte einfach hinzufügen kannst. Das ist ein wirklich leicht verständlicher Vorgang. Im Wesentlichen gelten diese zwei Methoden für deine Alt-Texte:
Verwenden von CMS (Content-Management-System)
Das Hinzufügen von Alt-Texten zu Bildern ist einfach, wenn du ein Content-Management-System wie Shopify oder WordPress verwendest. Du musst lediglich das Alt-Tag-Feld, das sich normalerweise unter „Bildoptionen“ oder „Eigenschaften“ befindet, ausfüllen.
Der Alt-Text sollte eine klare und genaue Beschreibung dessen enthalten, was auf dem Bild zu sehen ist. Sie ergeben zusammen mit dem Img-SRC eine Einheit.
Alt-Texte in HTML-Code eingebettet
Wenn du den HTML-Code verwendest, um dein Bildmaterial auf deiner Website einzubetten, füge einfach das <img>-Tag und ein alt-Attribut ein. Der Alt-Text sollte kurz und knapp sein und eine relativ präzise Beschreibung des Bildinhalts enthalten. Vergiss auch nicht, dass das Img-SRC-Attribut (es gibt den Bildpfad an) korrekt sein muss. Nur so erscheint das Bild und Google erkennt den Zusammenhang.
Wie du einen guten Alt-Text schreibst
Wir haben dir nun schon so einiges theoretisches Wissen zur Verfügung gestellt. Jetzt kannst du loslegen und deine Bilder mit einem Attribut versehen. So fügst du es in den HTML-Code der Website ein und teilst Google und anderen Suchmaschinen mit, was auf dem Bild zu sehen ist.
Das sind einige Tipps:
Schritt 1: Beschreibe das Bild
Der Alt-Text sollte das Bild so genau wie möglich beschreiben. Ein genaues Attribut kann helfen, die Zugänglichkeit für Menschen zu erhöhen, die Sehbehinderungen haben, da sie nicht in der Lage sind, das Bild selbst zu sehen, sondern sich auf den Text stützen müssen. Wenn das Bild beispielsweise ein roter Apfel auf einem Holztisch ist, sollte der Alt-Text genau das beschreiben: „Ein roter Apfel auf einem Holztisch„.
Wenn das Bild komplizierter ist, solltest du auch darauf achten, alle relevanten Details in der Bildbeschreibung zu erläutern, um sicherzustellen, dass der Alt-Text vollständig ist und die Informationen, die das Bild vermitteln soll, enthält.
Schritt 2: Verwende relevante Keywords
Verwende relevante Keywords zum Thema des Bildes, um es für Suchmaschinen zu optimieren. Wenn du beispielsweise ein Bild eines roten Apfels hast, denke an verwandte Themen wie Ernährung, Obst usw. Damit wird der Alt-Text auf deinen Bildern relevanter für deine potenziellen Kunden, da sie deine Webseite leichter finden können.
Schritt 3: Halte die Länge kurz
Es ist wichtig, dass dein Alt-Text nicht zu lang wird. Lasse den Alt-Text kurz und bündig bleiben, um sicherzustellen, dass er die Aufmerksamkeit des Benutzers nicht vom Bild ablenkt. Achte darauf, dass der Alt-Text nicht mehr als 125 Zeichen lang wird.
Techstream.at gibt diesen Wert für deinen Alt-Text sogar noch niedriger an. Dort gelten 75 – 100 Zeichen als ideal.
Schritt 4: Vermeide Keyword-Stuffing
Keyword-Stuffing in deinem Alt-Text wird von Suchmaschinen als Spam betrachtet. Verwende relevante Keywords anstelle von solchen, die nichts mit dem Bild zu tun haben. Eine Überlastung von irrelevanten Schlüsselwörtern könnte deine SERPS negativ beeinflussen.
Schritt 5: Sei präzise
Stelle sicher, dass der Alt-Text genau zum Bild passt. Verwende eine klare Sprache, um das Bild zu beschreiben, ohne zu viel oder zu wenig zu sagen. Denke daran, den Ton des Alt-Tags so positiv wie möglich zu halten. Ein positiver Alt-Text kann dein Bild attraktiver machen und damit deine Webseite besser insgesamt aussehen lassen.
Beispiele für gute und schlechte Alt-Texte
Dieser Abschnitt ist wohl der, der nicht unterschiedlicher behandelt werden könnte. Du wirst viele weitere Websites über das Thema finden und die Herangehensweise unterscheidet sich teilweise drastisch. Wir stellen hier unseren Ansatz, der für uns (beispielsweise auf freepatterns.de) funktioniert, vor.
Beispiel 1: Alt-Tag mit Personen
Das erste Beispiel zeigt ein Bild von zwei Personen, die auf einer Waldstraße an einem sonnigen Tag joggen.
Eine treffende Beschreibung des Bildes würde diesen Inhalt beschreiben:
Zwei Personen joggen auf einer Waldstraße an einem sonnigen Tag.
Diese Art von Text gibt sehbehinderten Benutzern ein mentales Bild von dem Bild, was ihnen hilft, sich besser vorzustellen, was auf der Website vor sich geht. Nicht nur das: Wenn der Artikel beispielsweise über das Joggen, Laufen oder anderen sportlichen Aktivitäten ist, dann beeinflusst es auch dein Ranking.
Beispiel 2: Handgefertigtes Leder-Portemonnaie
Ein weiteres Beispiel zeigt ein handgefertigtes Leder-Portemonnaie in Braun. Diese Art von Detail wäre schwer zu spüren – es sei denn, du fertigst eine vollständige Beschreibung an.
Eine gute Beschreibung könnte wie folgt lauten:
Handgefertigtes Leder-Portemonnaie in Braun
Auf diese Weise können Benutzer ein volles und genaues Bild des Produkts erstellen.
Beispiel 3: Schulische Aktivitäten
Das nächste Beispiel ist eine Zeichnung von schulischen Aktivitäten.
Eine gute Beschreibung für dieses Bild wäre:
Schüler beim Lernen in der Schule
Sie gibt dem Benutzer einen Eindruck davon, was in dem Bild zu finden ist und was sie erwarten können. Beschreibungen wie diese sind auch für alle Benutzer zugänglich, was dazu beitragen kann, Inhalte besser zu verstehen und grundlegende Vorstellungen zu vermitteln.
Beispiel 4: Keine Umbenennung
Ein schlechter Alt-Tag ist ein alternativer Text, der zu allgemein, vage oder ungenau ist, um den Inhalt des Bildes genau zu beschreiben. Manchmal wird auch ein ganz fehlender Alt-Tag als schlechter Alt-Tag betrachtet. Typisch sind:
„Bild 1“ oder „IMG39029490303„
Beispiel 5: Einzelne Wörter wie Melone
Einzelne Wörter wie beispielsweise „Wassermelone“ geben dem Bild ebenfalls keinen Kontext. Für einen solchen Alternativtext brauchst du keine Zeit zu verschwenden! Füge lieber ein ausführlicheres Alt in den HTML-Code ein. Schauen wir uns einmal dieses Bild an:
Diese Abbildung könnten wir besser mit „Zeichnung einer saftigen und roten Wassermelone mit Kernen“ beschreiben.
Tipps zur Bildoptimierung für Fortgeschrittene: Über Alt-Texte hinaus
Bilder sind eine wichtige Möglichkeit, um den visuellen Aspekt Ihrer Website zu verbessern. Ein gut platzierter und optimierter Bildinhalt kann den Nutzer dazu ermutigen, länger auf Ihrer Website zu verweilen und sich länger mit dem Inhalt auseinanderzusetzen. Nicht nur der Alt-Text und das Img-SRC) sind dabei wichtig. Deshalb verraten wir dir ein paar weitere Tricks!
1. Defekte interne und externe Bilder löschen:
Eines der wichtigsten Dinge, die du tun solltest, um deine Website zu optimieren, ist es, defekte Bilder (mit beispielsweise fehlerhafter Img-SRC) zu löschen.
Defekte interne und externe Bilder können dazu führen, dass deine Website langsam lädt und dazu führen, dass Nutzer deine Website verlassen.
Stelle daher sicher, dass alle Bilder auf deiner Website in Ordnung sind und dass es keine toten Links zu Bildern gibt.
2. Bulk-Alt-Tags in WordPress:
Eine der effektivsten Möglichkeiten, um deine Bilder für Suchmaschinen zu optimieren, besteht darin, Alt-Texte hinzuzufügen. Du kannst Alt-Tags für mehrere Bilder in WordPress auf einmal hinzufügen, indem du die Bulk-Alt-Tags-Funktion verwendest. Diese Funktion spart Ihnen Zeit und ermöglicht es dir, mehrere Bilder auf einmal zu optimieren.
3. Geringe Bildgröße:
Die Größe deiner Bilder spielt eine wichtige Rolle für die Geschwindigkeit der Website. Je größer die Bilder sind, desto länger dauert es, bis sie geladen sind. Stelle sicher, dass die Bilder auf deiner Website in der richtigen Größe und Auflösung vorliegen. Du kannst auch Bildkompressions-Tools verwenden, um die Größe der Bilder zu reduzieren, ohne die Qualität zu beeinträchtigen.
4. Optimierung von Bildtiteln:
Ein weiterer wichtiger Aspekt der Bildoptimierung ist die Verwendung von aussagekräftigen Bildtiteln. Durch die Verwendung von Bildtiteln kannst du den Nutzern und Suchmaschinen mitteilen, worum es auf dem Bild geht. Dies kann dazu beitragen, die Zugriffe auf der Website zu erhöhen und die Rankings in den Suchergebnissen zu verbessern.
5. Verwendung der ‚lazy loading‘-Technik:
Lazy Loading bezieht sich auf die Technik, bei der Bilder erst geladen werden, wenn sie im Sichtfeld des Benutzers auf der Website angezeigt werden. Das bedeutet, dass nur die Bilder geladen werden, die tatsächlich angezeigt werden, und nicht alle Bilder auf der Seite. Diese Technik ist eine großartige Möglichkeit, um die Ladezeit Ihrer Website zu reduzieren und die User Experience zu verbessern.
Brauchst du Hilfe bei der SEO-Optimierung?
Wenn es um SEO-Optimierung geht, kann viel auf dem Spiel stehen. Die Sichtbarkeit und das Ranking deiner Website hängen von perfekt optimierten Inhalten ab – deshalb solltest du dich auf die Textagentur Contenist verlassen. Wir sorgen dafür, dass deine Inhalte ansprechend und auf moderne SEO-Standards zugeschnitten sind, damit deine Website im Wettbewerb länger sichtbar bleibt.
Bei der Textagentur Contenist werden alle Texte von erfahrenen Autoren mit besten Sprachkenntnissen geschrieben. Wir bieten fachliche Unterstützung in verschiedenen Bereichen und sind damit die perfekte Lösung, wenn du schnell und unkompliziert Fachwissen benötigst.
Du kannst dich darauf verlassen, dass wir auch bei knappen Fristen gleichbleibende Qualität liefern. Kontaktiere uns noch heute auf der Website oder unter der E-Mail-Adresse contenist.com, um maßgeschneiderte Texte zu kaufen.