Alt Text für Bilder - 2020 Beste SEO-Praktiken für Bilder

Hinzufügen von Alt-Text zu Ihren Bildern, wenn die erste Regel der Bild-SEO und es ist auch ein Schlüsselprinzip der Web-Zugänglichkeit.

Dies ist ein ausführlicher Artikel über das Attribut des alternativen Textes: von dem, was ein alternativer Text ist, bis hin zur perfekten Schreibweise.

Ich habe diesem Tutorial mehrere Beispiele für optimiertes alt for SEO mit Erklärungen hinzugefügt.

Fangen wir an!

Was ist ein alternativer Text (alt) ?

Was könnte der beste Alt-Text für dieses Foto sein ?
<img src="notre-dame-paris.jpeg" alt="Notre dame de Paris during day time before the burning" />

Ein alternativer Text ist ein html-Attribut, das immer zu Ihren Bildelementen () hinzugefügt werden sollte. Alt-Texte bieten eine textliche Alternative zu visuellen Inhalten in Webseiten.

Alt-Texte sind eine Textalternative für Bilder

Die Textalternative sollte das Aussehen und die Funktion des Bildes auf der Seite beschreiben. Beim Ausfüllen von Alternativtexten wird oft vergessen, die Funktion des Bildes anzugeben. Die Erwähnung der Funktion ist für SEO nicht wirklich wichtig, aber sie ist der Schlüssel für die Zugänglichkeit.

Alt-Attribute gelten für jedes Bildformat

Alt-Tags sollten unabhängig vom Bildformat angewendet werden: Das Attribut ist in der Tat mit JPEG, WebP, PNH, GIF usw. kompatibel.

Wenn das angezeigte Bild keine Funktion oder keinen redaktionellen Zweck hat, kann der Alt-Text leer gelassen werden.

<img src="useless-picture.jpeg" alt="" />

Alternativer Text, Alt-Text, Alt-Tag, Alt-Beschreibung und Alt-Attribut: DRITTER MANN: GANZ GLEICH!

Technisch gesehen sollte man den Begriff alt-Tag nicht für alternative Texte verwenden, da es sich nicht um ein Tag, sondern um ein mögliches Attribut von img-Elementen handelt. Aber wen kümmert das schon?

Alternativer Text, Alt-Text, Alt-Tag, Alt-Beschreibung, Alt-Attribut: sie sind Synonyme und bezeichnen eine Textalternative zu einem Bild.

Alt-Text und Titeltext (oder Titel-Tag) sind dennoch unterschiedlich.

Es ist wichtig für die Zugänglichkeit und SEO, auf Ihren Alternativtext zu achten, aber Sie können den Titeltext ignorieren.

Titeltexte sind nur dazu da, Ihren Bildern einen Titel zu geben. Suchmaschinen kümmern sich nicht um sie: Sie sind daher für die Suchmaschinenoptimierung nutzlos. Die Optimierung von Titel-Tags sollte daher Ihre letzte Priorität sein.

Das ist einer der Gründe, warum unser Image SEO-Optimierer für WordPress das Problem des Alt-Textes, aber nicht des Titeltextes anspricht.

In ihrem Artikel Using ALT attributes smartly erzählte uns Ríona MacNamara vom Google Webmaster Tool Team:

Googlebot sieht die Bilder nicht direkt, wir konzentrieren uns im Allgemeinen auf die Informationen, die im Attribut "alt" angegeben werden.

Wenn Sie mehr darüber wissen wollen, lade ich Sie ein, meinen Artikel über die Optimierung der Bildattribute für SEO zu lesen.

Warum sind Alt-Texte wichtig für SEO und Barrierefreiheit?

Die Verbindung zwischen ALT-Text, Suchmaschinen und organischem Verkehr

Mit der Erhöhung der künstlichen Intelligenz sind Google und Bing in der Lage, Ihre Bilder zu lesen. Sie tun es jedoch nicht, weil es für sie zu langsam und teuer wäre. Deshalb sind alternative Texte für SEO und Image-SEO so wichtig: Sie bieten Ihnen die Möglichkeit, Google in wenigen Stichworten mitzuteilen, worum es bei Ihrem Foto geht.

Ich schreibe diesen Satz in fast allen meinen Artikeln oder Leitfäden, aber in-Seite SEO ist fast nur über die Hilfe Suchmaschinen, um Ihre Inhalte zu verstehen.

Ein Bild mit einem schlechten Namen und ohne Alt-Text wird in den Suchergebnissen von Google Image schlecht platziert, aber nicht nur.

Alt-Texte in Seite SEO verbessern

Bilder ohne alternativen Text bilden eine Grauzone auf Ihrer Seite für Suchmaschinen. Wenn Sie Google helfen, das Geheimnis Ihrer Bilder zu entschlüsseln, verbessern Sie auch die globale Semantik Ihrer Website.

Alt-Tags sind grundlegend für die Zugänglichkeit und das Benutzererlebnis

Heutzutage ist der Zugang zum Internet fast ein Menschenrecht. Ihre Website sollte daher für jeden zugänglich sein. Auch für sehbehinderte oder blinde Menschen sind alternative Texte wichtig.

Die Bereitstellung einer textlichen Alternative zu Ihren Fotos ermöglicht es Menschen, die Bildschirmleseprogramme oder Software wie JAWS und NVDA verwenden, Ihre Bilder buchstäblich zu lesen, auch wenn sie sie nicht sehen können.

Das Hinzufügen von alternativen Texten zu Ihren Bildern ist das Richtige. Außerdem ist es ein Markt mit Millionen von Menschen auf der ganzen Welt.

 Auch Titel III des Gesetzes für Amerikaner mit Behinderungen verbietet die Diskriminierung aufgrund von Behinderung. Es gibt eine wachsende Zahl von Rechtsfällen bezüglich der Zugänglichkeit von Websites und immer mehr Richter erklären, dass Online-Händler die ADA-Verordnung einhalten müssen.

Wie schreibt man perfekt alternative Texte?

Aber konzentrieren wir uns jetzt auf das, wofür Sie wahrscheinlich gekommen sind: Wie schreibt man perfekt alternative Texte?

Ich sagte vorhin, dass die Funktion und der Kontext entscheidend sind. Jedes Mal, wenn ein Bild eine Funktion auf Ihrer Seite abspielt, sollte eine textliche Alternative angeboten werden. Umgekehrt kann bei einem rein dekorativen Bild der Alternativtext leer gelassen werden.

Lasst uns üben!

Beste SEO-Praktiken für alternative Texte im Jahr 2020

Bilder teilweise oder verlinkt mit Ihrem redaktionellen Inhalt

Wenn ein Bild irgendwie mit Ihrem redaktionellen Inhalt verknüpft ist, müssen Sie eine textliche Alternative anbieten. Dazu gehören auch die Fotos, die Sie in Ihren Blog-Artikeln, Ihren Produktblättern usw. verwenden können.

Bei der Entscheidung, wie man geeignete Alternativtexte für Bilder schreibt, ist der Kontext alles. Ein Alt für ein Bild kann je nach dem Kontext und der Umgebung des Bildes selbst sehr unterschiedlich sein.

Gute Alternativtexte sind kurz, aber anschaulich, stellen den Inhalt dar, erweitern den Kontext und geben ggf. die Funktion des Bildes vor. Lass uns üben!

Optimierte Alt-Texte für SEO-Beispiele
Kathedrale Notre Dame de Paris von Wolken umgeben

Perfektes Alt für SEO: Kathedrale Notre Dame de Paris von Wolken
umgeben Dezenter Alt für SEO: Notre Dame de Paris
Bad alt für SEO: Kathedrale

Erwachsenes Rotes Känguru in der australischen Wüste

Perfektes Alt für SEO: Ausgewachsenes Rotes Känguru in der australischen Wüste
Anständiger Alt für SEO: Rotes Känguru
Schlechter Alt für SEO: Känguru

Weiße Rosenblume in einem Garten

Perfektes Alt für SEO: Weiße Rosenblüte in einem natürlichen Garten
Dezenter Alt für SEO: Weiße Rose
Bad alt für SEO: Blume

Perfektes Alt für SEO: Tesla-Auto mit Strom auf einem Parkplatz
Decent Alt für SEO: Tesla auf einem Parkplatz
Bad alt für SEO: Auto

Funktionelle Bilder

Vor langer Zeit, in einer wunderbaren Welt, die vom Internet Explorer 6 dominiert wird, boten HTML und CSS den Frontend-Entwicklern nicht viele Möglichkeiten.

Dieses Menü besteht aus Funktionsbildern

Frontend-Entwickler gab es nicht einmal, weil die einzige Möglichkeit, etwas ästhetisch zu gestalten, darin bestand, ein Bild in ein Tischelement zu setzen. Kein Grenz-Radius, kein Schatten-Kasten, etc.

Eine der Folgen war, dass die Leute Bilder für ihr Menü verwendeten. In solchen Situationen ist es notwendig, einen alternativen Text zum Bild bereitzustellen.

In unserem Beispiel sollte jeder Menüeintrag einen Alt-Text haben: "Brachiosaurus" für das erste Glied, "Gallimimus" für das zweite usw.

Es ist nicht notwendig, "Link to" hinzuzufügen, da das Bild als innerhalb eines Links identifiziert wird.

Dank gesundem Menschenverstand, Google, Mozilla Firefox und dem w3c.org verschwinden die funktionalen Bilder langsam.

Dekorative Bilder

Wie erkennt man, ob ein Bild dekorativ ist oder nicht? Sie müssen eine doppelte Frage beantworten.

  1. Ist das Bild irgendwie mit dem Inhalt, von dem ich spreche, verbunden?
  2. Bietet dieses Bild wichtige Funktionen, wie z.B. die Navigation?
ein Beispiel für ein dekoratives Bild

In dieser Situation sind die Sterne in der Nähe des WordPress Logos hauptsächlich dekorativ.

Tatsächlich sind sie nicht direkt mit dem verbunden, worüber wir sprechen, und sie sind überhaupt nicht funktionsfähig, da sie keinen externen Link zu unseren erstaunlichen WordPress-Bewertungen bieten.

Unser SEO-Tool wird Ihren Traffic steigern

Warum haben Sie die Suchmaschinenoptimierung von Bildern so lange vernachlässigt ?

Kostenlos ausprobieren