Alt-Text: Warum es wichtig ist und Best Practices, die Ihre SEO verbessern können

Was ist Alt-Text?

Alt-Text ist die Kopie, die als Alternative zu einem Bild für diejenigen dient, die es nicht sehen können. Möglicherweise sehen Sie den Alt-Text eines Bildes, wenn es auf einer Seite nicht geladen werden kann. Für sehbehinderte Besucher, die Screenreader verwenden, bietet Alt-Text Kontext für die Bilder in Online-Inhalten.

Da Suchmaschinen visuelle Informationen nicht buchstäblich „sehen“ können, liefert der an Bilder angehängte Alt-Text wichtige Informationen darüber, was das Bild enthält und wie es in den Kontext des Rests der Seite passt.

Wenn Sie sich den Quellcode einer Webseite ansehen, sehen Sie Alt-Text, der wie folgt im HTML enthalten ist:

 <img src=“image.jpg” alt=“image description”>

Warum ist Alt-Text wichtig?

Aus funktionaler Sicht verbessern Alt-Tags die Zugänglichkeit für Personen, die keine Bilder auf Webseiten sehen können. Barrierefreiheit ist für Google wichtig, weil sie ein positives Nutzererlebnis für alle gewährleistet.

Aus SEO-Sicht ist Alt-Text wichtig, da Google ihn mit den Inhalten auf einer Seite verwendet, um zu verstehen, worum es in dem Bild geht. Wenn Sie ein Bild als Link verwenden, fungiert der Alt-Text als Ankertext, ein wichtiger Faktor für das Suchranking.

Alt-Text und SEO

Nachdem ich nun erläutert habe, warum Alt-Text sowohl für Menschen als auch für Suchmaschinen wichtig ist, wollen wir näher darauf eingehen, wie Sie Alt-Text als größeren Teil Ihrer SEO-Bildoptimierungsstrategie verwenden können.

Google legt großen Wert auf Alt-Text. Es verwendet nicht nur den Alt-Text eines Bildes, um zu bestimmen, was sich auf der Seite befindet, sondern auch, wie es sich auf den umgebenden Text bezieht.

In ihrem Artikel über Best Practices für Google-Bilder gehen sie so weit zu implizieren, dass das Hinzufügen von Bild-Alt-Text Ihre Conversion-Raten aus organischem Traffic verbessern kann.

„Durch das Hinzufügen von mehr Kontext zu Bildern können die Ergebnisse viel nützlicher werden, was zu qualitativ hochwertigem Traffic auf Ihrer Website führen kann.“

Google Search Central – Inhaltsspezifische Richtlinien

Best Practices für Alt-Text – 5 Dinge, die Sie sich merken sollten

Konzentrieren Sie sich beim Erstellen von Alt-Text darauf, nützliche, informative Inhalte zu erstellen, die Schlüsselwörter angemessen verwenden und zum Inhalt der Seite passen. Obwohl es in Ordnung ist, für die Suche optimierte Alt-Tags zu schreiben, vergessen Sie nicht, dass sie in erster Linie dazu gedacht sind, sehbehinderten Benutzern zu helfen.

Hier sind einige Richtlinien, die Ihnen helfen sollen, SEO-optimierten Alt-Text für Bilder zu erstellen, die für Benutzer und Suchmaschinen gleichermaßen hilfreich sind.

1. Sei genau

Mein bester Rat zum Schreiben von Alternativtext für Bilder ist, sich vorzustellen, wie Sie ihn jemandem am Telefon kurz beschreiben würden. Einige Wörter können ausreichen, oder Sie benötigen einen ganzen Satz. Die meisten Screenreader schneiden Alt-Text bei etwa 125 Zeichen ab, daher ist ein längerer Text für den Benutzer nicht hilfreich.

2. Vermeiden Sie es, ein Alt-Tag mit einer Einleitung zu beginnen

Da Sie innerhalb einer bestimmten Zeichenbegrenzung arbeiten, möchten Sie keinen wertvollen Platz (und Benutzerzeit) verschwenden und jedes Bild einführen, indem Sie es als solches kennzeichnen.

Beispielsweise ist es nicht erforderlich, Ihr Alt-Tag mit Sätzen wie diesen zu beginnen:

• Das ist ein Bild von A
• Dieses Bild zeigt
• Hier ist ein Screenshot von

3. Integrieren Sie Keywords, aber vermeiden Sie Keyword-Stuffing

Verwenden Sie ein Schlüsselwort in Ihrem Alt-Text, wenn es relevant ist. Das Einfügen von Schlüsselwörtern in Ihre Alt-Tags führt zu einer negativen Benutzererfahrung. Zum Beispiel, wenn meine Seite ein Tortendiagramm hat, das die häufigsten Arten von hervorgehobenen Snippets in einem Blog-Beitrag zeigt, der für „So erhalten Sie hervorgehobene Snippets“ optimiert ist. Ich könnte ein Alt-Tag schreiben, das besagt: „Kreisdiagramm gängiger Featured Snippets -Typen.“

Aber „Kreisdiagramm der gängigen Featured Snippets -Typen, damit Sie wissen, wie Sie Featured Snippets erhalten “ würde als Keyword-Füllung angesehen werden.

4. Inhalt nicht wiederholen

Da der Zweck von Alt-Text darin besteht, eine digitale Kopie visueller Informationen bereitzustellen, müssen Sie vorhandene Inhalte innerhalb eines Alt-Tags nicht wiederholen.

Wenn Sie beispielsweise eine Infografik haben, die die Schritte zum Wechseln eines Reifens veranschaulicht, und der Inhalt Ihres Beitrags diese Schritte auflistet und erklärt, besteht keine Notwendigkeit, dieselben Informationen in Ihrem Alt-Tag zu wiederholen.

Wenn Ihr Bild Text enthält, sollten Sie ihn in das Alt-Tag aufnehmen?

Es hängt davon ab, ob. Da weder Google noch ein Screenreader den Text in einem Bild entschlüsseln können, hängt es davon ab, ob Sie ihn in Ihr Alt-Tag einfügen, wie wichtig dieser Text für die Informationen auf der Seite ist.

Einige Beispiele könnten sein:

• der Titel eines Buchcovers.
• die Überschrift auf einer Infografik.
• entsprechende Markennamen

5. Verwenden Sie keine alternativen Beschreibungen für dekorative Grafiken

Gemäß den Richtlinien für barrierefreie Webinhalte (WCAG) ist ein Bild „dekorativ“, wenn es keine Funktion hat, die über sein Aussehen hinausgeht.

Fügen Sie keinen Alt-Text hinzu, wenn ein Bild rein dekorativ ist, wie eine grafische Trennlinie oder ein Hintergrundbild. Da das Bild keine wertvollen Informationen liefert, würde das Einfügen seiner Beschreibung in den Alt-Text das Leseerlebnis auf dem Bildschirm „überladen“.

Beispiele für guten und schlechten Alt-Text

Denken Sie daran, dass Ihr Alt-Text nicht lang sein muss. Machen Sie es einfach so detailliert und beschreibend, wie es zum Nutzen der Benutzer erforderlich ist. Basierend auf den Best Practices für Alt-Text, die ich oben skizziert habe, sind hier einige gute und weniger gute Beispiele für Alt-Text für Bilder.

Schlecht: Dies ist ein Bild von einem Mädchen.

Gut: Junges Mädchen, das mit einem digitalen Tablet zu Hause auf einem Bett sitzt.

Schlecht: Schneider

Gut: Professioneller Schneider mit Maßband beim Ändern einer Jacke in seiner Werkstatt.

Schlecht: Tortendiagramm.

Gut: Tortendiagramm häufiger Featured Snippets. 70 Prozent Absätze, 19,1 Prozent Listen, 6,3 Prozent Tabellen und 4,6 Prozent Videos.

Fügen Sie bei Grafiken und Diagrammen immer einen Link zur Datenquelle in den Textkörper ein. Wenn Sie dem Bild nur ein Zitat hinzufügen, können sehbehinderte Benutzer nicht auf weitere Daten zugreifen.

Diagramme und Grafiken erfordern manchmal eine lange Beschreibung.

Es ist zwar wichtig, großartigen Alt-Text zu schreiben, aber es ist nur ein Teil einer größeren SEO-Bildoptimierungsstrategie. Lassen Sie uns auf einige der anderen Möglichkeiten eingehen, wie Sie sicherstellen können, dass die Bilder in Ihren Inhalten Ihrer allgemeinen SEO-Leistung helfen und nicht schaden.

5 Möglichkeiten, Ihre SEO-Bildoptimierung zu steigern  

1. Verwenden Sie Schlüsselwörter in Bildnamen

Es ist wichtig, wie Sie Ihre Bilddateien benennen! Wenn es darum geht, Bilder für SEO zu benennen, sollten Sie der gleichen Logik folgen, der Sie auch für Alt-Tags folgen. Die Namen Ihrer Bilddateien sollten relevant und aussagekräftig sein und ein Schlüsselwort enthalten.

Wenn Sie Bilder für SEO benennen, fügen Sie Ihr Schlüsselwort am Anfang Ihres Bilddateinamens ein und trennen Sie die Wörter durch Bindestriche (-). Für das oben eingefügte Kreisdiagrammbeispiel könnten einige mögliche Dateinamen beispielsweise lauten:

• Kreisdiagramm.png
  Dieser Dateiname ist nicht aussagekräftig genug und enthält kein Schlüsselwort.
• feature-snippets-types-pie-chart.png
  Dieser Dateiname wird mit einem Schlüsselwort eingeleitet und ist beschreibend. Google kann die Wörter im Dateinamen unterscheiden, da Bindestriche sie trennen.

2. Verwenden Sie das „richtige“ Format

Es gibt kein allgemein korrektes Format für Bilder, die Sie auf Ihrer Website verwenden. Welches Format Sie wählen, hängt von der Art des Bildes ab und davon, wie Sie es verwenden möchten.

Hier sind einige Richtlinien:

• JPEGs eignen sich am besten für größere Bilder, um die Klarheit zu erhalten. In diesem Fall bedeutet „größer“ die Dimension, nicht die Dateigröße, was eine andere Überlegung ist, auf die ich weiter unten eingehen werde.
• Mit PNGs können Sie die Hintergrundtransparenz beibehalten.
• Scalable Vector Graphics (SVG) ist ein relativ neues Bildformat, das 2001 eingeführt wurde und bei jeder Auflösung und Größe scharf und klar bleibt. SVGs können animiert werden und wie PNGs die Hintergrundtransparenz beibehalten.

3. Passen Sie Ihre Bilder in der richtigen Größe an

Zunächst einmal möchte ich den Unterschied zwischen Bildgröße und Dateigröße verdeutlichen. Die Größe eines Bildes bezieht sich auf seine Abmessungen – zum Beispiel 1024 x 680 Pixel. Die Größe einer Datei bezieht sich auf den Speicherplatz, der benötigt wird, um sie auf einem Server zu speichern – beispielsweise 5000 Kilobyte. Der erste bezieht sich darauf, wie viel Platz ein Bild auf einer Seite einnimmt, und der zweite bezieht sich darauf, wie lange das Laden dauern könnte.

Bilder mit hoher Auflösung und großen Abmessungen enthalten viele visuelle Informationen, was bedeutet, dass sie eine große Dateigröße haben und die Ladezeiten Ihrer Seite verlangsamen können.

Erinnere dich:

Stellen Sie sicher, dass Sie die Größe Ihrer Bilder ändern, bevor Sie sie hochladen. Das Skalieren des Bildes mit der Anzeigegrößenoption in einem CMS (wie WordPress) verbessert die Ladezeit der Seite nicht, da das Bild in voller Größe noch geladen werden muss, bevor die Anzeigegröße auf der Seite gerendert wird.

4. Verwenden Sie Bildunterschriften

Theoretisch könnten sich Bildunterschriften auf SEO auswirken, wenn sie Schlüsselwörter enthalten, aber ich würde davon abraten, sie speziell für die organische Suche zu optimieren. Während die Verwendung eines Schlüsselworts im Dateinamen und Alt-Text eines Bildes seine Auffindbarkeit bei der Suche direkt beeinflusst, erfüllen Bildunterschriften nicht die gleiche Funktion. Das Hinzufügen von Schlüsselwörtern zu Bildunterschriften könnte zu einer Überoptimierung führen und Ihren Rankings mehr schaden als nützen.

Betrachten Sie Bildunterschriften stattdessen durch die Linse, um eine positive Benutzererfahrung zu schaffen. Wie Kopfzeilen, Listen mit Aufzählungszeichen, hervorgehobener Text und Fettdruck verbessern Bildunterschriften das Scannen auf einer Seite. Wir alle wissen, dass die Leute dazu neigen, die Inhalte, die sie online lesen, zu überfliegen. Das Anbieten von Wegweisern auf dem Weg hilft ihnen, die von Ihnen geteilten Informationen aufzunehmen.

Der Legende nach hat die Werbeikone David Ogilvy eine Untersuchung über das Einfügen von Bildern in Kopien in Auftrag gegeben. Eine der Binsenweisheiten*, die er teilte und die noch heute bei Vermarktern ankommt, lautet:

Wenn Sie keine Bildunterschriften für Ihre Bilder verwenden, verpassen Sie möglicherweise eine Gelegenheit, Leser anzusprechen.

*Ich nenne dies eine „Weisheit“, weil ich keinen Pfad zurück zur ursprünglichen Datenquelle zurückverfolgen konnte, also kann ich es nicht als Tatsache zitieren.

5. Alternativtext hinzufügen

Das Hinzufügen von Alt-Text zu Ihren Bildern ist wichtig für Barrierefreiheit und SEO. Nicht überzeugt? Vielleicht möchten Sie „Warum ist Alt-Text wichtig?“ lesen.

Was ist mit Bildtitel-Tags?

Ein Bildtitel ist ein weiteres Attribut, das Informationen über ein Bild liefern kann.

Das Titelattribut eines Bildes kann einen Tooltip für sehende Benutzer generieren, aber Screenreader überspringen diesen Text. Isolieren Sie daher keine wichtigen Informationen in Bildtiteln. Sehbehinderte Besucher haben keinen Zutritt.

Kostenlose Tools für die SEO-Bildoptimierung

Hier sind einige kostenlose Tools, die Ihnen den Einstieg in die Optimierung Ihrer Bilder für SEO erleichtern.

Bildoptimierungstools

Eine schnelle Google-Suche zeigt eine ganze Reihe kostenloser Bildoptimierungstools. Hier sind ein paar meiner Favoriten:

• JPEG-Optimierer
• Affinitätsfoto
• Pixlr
• Kraken (Massenkomprimierung)
• Optimizilla

WordPress-Plugins zur Bildoptimierung

• Yoast-SEO
• ShortPixel
• EWWW Bildoptimierer
• WP Schmus
• TinyPNG

Testen der Ladegeschwindigkeit

Es gibt nur ein Tool, das ich empfehle, um die Ladegeschwindigkeit Ihrer Seiten zu testen, nachdem Sie Ihre Bilder optimiert haben. Google PageSpeed ​​Insights analysiert die Ladegeschwindigkeit für mobile und Desktop-Geräte, gibt Ihnen eine Leistungsbewertung und identifiziert Verbesserungsmöglichkeiten. (Sie wissen nicht, warum die Seitengeschwindigkeit wichtig ist? Informieren Sie sich über die Google-Ranking-Faktoren und entdecken Sie die wichtigsten Dinge, um an die Spitze der Suchergebnisse zu gelangen.)

Holen Sie sich Hilfe bei der SEO-Bildoptimierung

Die Verwendung von Alt-Text und die Optimierung Ihrer Bilder für die Suche stellt eine SEO-Möglichkeit dar, die viele Ihrer Konkurrenten verpassen. Es gibt zwar viele Variablen zu berücksichtigen, wenn Sie sich aufmachen, die Leistungsfähigkeit der Bildsuche zu nutzen, aber Sie müssen es nicht alleine machen. Wenn Sie eine kostenlose SEO-Beratung vereinbaren, fragen Sie nach Möglichkeiten zur Bildoptimierung für Ihre Website.