Das Hinzufügen von Alt-Text zu Ihren Bildern ist die erste Regel der Bilder-SEO und zugleich ein zentrales Prinzip der Web-Barrierefreiheit.
Dies ist ein umfassender Leitfaden zum Alt-Text-Attribut: von Was ist ein Alt-Text bis hin zu wie Sie ihn perfekt formulieren, um bessere Rankings in der Google-Bildersuche und der Web-Suche zu erzielen.
In diesem Tutorial finden Sie zahlreiche Beispiele für optimierte Alt-Tags für SEO mit Erklärungen, eine Do’s-und-Don’ts-Tabelle, E-Commerce Alt-Text-Vorlagen sowie eine Bilder-SEO-Checkliste.
Außerdem gibt es einen eigenen Abschnitt über Alt-Text in WordPress und KI-basierte Alt-Text-Generatoren.
Legen wir los!

Ein Alt-Text ist ein HTML-Attribut, das immer zu Ihren Bild-Elementen (<img>) hinzugefügt werden sollte. Alt-Texte stellen eine textuelle Alternative zu visuellen Inhalten auf Webseiten dar.
Die textuelle Alternative sollte das Aussehen und die Funktion des Bildes auf der Seite beschreiben. Häufig wird vergessen, beim Ausfüllen der Alt-Texte auch die Funktion des Bildes zu berücksichtigen. Die Erwähnung der Funktion ist für SEO nicht so entscheidend, aber für die Barrierefreiheit von großer Bedeutung. Darauf komme ich später zurück, wenn wir uns die Alt-Text-Beispiele anschauen.
Alt-Tags sollten unabhängig vom Bildformat angewendet werden: Dieses Attribut ist kompatibel mit JPEG, WebP, PNG, GIF, AVIF und SVG.
Wenn das angezeigte Bild keine Funktion und keinen redaktionellen Zweck hat, kann der Alt-Text leer gelassen werden.
<img src="decorative-divider.jpeg" alt="" />
Technisch gesehen sollte man den Begriff „Alt-Tag“ nicht verwenden, da es sich nicht um ein Tag, sondern um ein mögliches Attribut von img-Elementen handelt. Aber seien wir ehrlich – es ist längst gängige Praxis.
Alternativtext, Alt-Text, Alt-Tag, Alt-Beschreibung, Alt-Attribut: Sie sind Synonyme und bezeichnen eine textuelle Alternative zu einem Bild.
Für Barrierefreiheit und SEO ist es wichtig, auf den Alt-Text zu achten – den Title-Text können Sie hingegen ignorieren.
Title-Texte dienen lediglich dazu, Ihren Bildern einen Titel zu geben. Suchmaschinen interessieren sich nicht dafür: Sie sind für die Suchmaschinenoptimierung nutzlos. Die Optimierung des Title-Tags sollte daher Ihre letzte Priorität sein.
Das ist einer der Gründe, warum unser Image SEO Optimizer für WordPress sich um Alt-Texte kümmert, aber nicht um Title-Texte.
In ihrem Artikel Using ALT attributes smartly teilte uns Riona MacNamara vom Google Webmaster Tool Team mit:
„Googlebot sieht die Bilder nicht direkt, wir konzentrieren uns im Allgemeinen auf die Informationen, die im „alt“-Attribut bereitgestellt werden.“
Wenn Sie mehr darüber erfahren möchten, empfehle ich Ihnen meinen Artikel über die Optimierung der Bild-Attribute für SEO. Dort finden Sie weitere Informationen zum Title-Text-Attribut.
Dank des Fortschritts bei Künstlicher Intelligenz können Google und Bing Ihre Bilder lesen. Allerdings tun sie das nicht immer, da es im großen Maßstab zu langsam und teuer wäre. Deshalb sind Alt-Texte so wichtig für SEO und Bilder-SEO: Sie bieten Ihnen die Möglichkeit, Google in wenigen Schlüsselwörtern mitzuteilen, worum es auf Ihren Fotos geht.
Ich schreibe es in fast allen meinen Artikeln: On-Page-SEO besteht größtenteils darin, Suchmaschinen beim Verständnis Ihrer Inhalte zu helfen.
Ein Bild mit einem schlechten Dateinamen und ohne Alt-Text wird in den Google-Bildersuche-Ergebnissen schlecht ranken – aber die Auswirkungen gehen darüber hinaus.
Bilder ohne Alt-Text stellen für Suchmaschinen eine Grauzone auf Ihrer Seite dar. Wenn Sie Google helfen, die Bedeutung Ihrer Bilder zu erschließen, verbessert dies auch die gesamte semantische Relevanz Ihrer Seite. Das Alt-Text-Attribut ist gewissermaßen der beste Freund der Google-Crawling-Robots.
Hilft Alt-Text bei SEO? Absolut. Google hat mehrfach bestätigt, dass Alt-Text einer der Schlüsselfaktoren ist, um den Bildinhalt zu verstehen. Er hilft Ihren Bildern, in Google Images zu ranken, und stärkt die thematische Relevanz der gesamten Seite für Ihre Ziel-Keywords.
Heutzutage ist der Zugang zum Internet nahezu ein Grundrecht. Ihre Website sollte für alle zugänglich sein – einschließlich sehbehinderter oder blinder Menschen. Deshalb sind Alt-Texte so wichtig.
Eine textuelle Alternative zu Ihren Fotos ermöglicht es Nutzern von Screenreadern oder Software wie JAWS und NVDA, Ihre Bilder buchstäblich zu „lesen“, auch wenn sie sie nicht sehen können.
Alt-Texte zu Ihren Bildern hinzuzufügen ist einfach das Richtige. Darüber hinaus handelt es sich um einen Markt mit Millionen von Menschen weltweit.
Außerdem verbietet Title III des Americans with Disabilities Act die Diskriminierung aufgrund von Behinderungen. Die Zahl der Gerichtsfälle zur Web-Barrierefreiheit nimmt stetig zu, und immer mehr Richter entscheiden, dass Online-Händler die ADA-Vorschriften einhalten müssen.
Zu Ihrer Information: Barrierefreiheit ist auch eines der Grundprinzipien von WordPress.
Alt-Text ist nicht nur gute Praxis – in vielen Rechtsgebieten ist er eine gesetzliche Anforderung. Ein Verständnis der Compliance-Landschaft hilft Ihnen, kostspielige Klagen zu vermeiden und gleichzeitig das Web für alle besser zu machen.
WCAG 2.1 Erfolgskriterium 1.1.1 (Nicht-Text-Inhalt) verlangt, dass alle nicht-textuellen Inhalte, die dem Nutzer präsentiert werden, eine Textalternative haben, die einem äquivalenten Zweck dient. Dies ist eine Level-A-Anforderung – die grundlegendste Stufe der Barrierefreiheits-Compliance.
In der Praxis bedeutet das:
alt="")Die Zahl der Klagen zur Web-Barrierefreiheit steigt jedes Jahr. 2019 verlor Domino’s Pizza einen wegweisenden Fall, als der Supreme Court ihre Berufung gegen einen blinden Kunden ablehnte, der auf deren Website keine Bestellung aufgeben konnte. Das Urteil bestätigte, dass der ADA auch für Websites gilt.
E-Commerce-Websites sind die häufigsten Ziele. Wenn Ihren Produktbildern Alt-Text fehlt, können Screenreader-Nutzer buchstäblich nicht erkennen, was Sie verkaufen. Das ist sowohl ein verlorener Verkauf als auch ein rechtliches Risiko.
Der European Accessibility Act (EAA), der 2025 vollständig in Kraft tritt, erweitert ähnliche Anforderungen auf die gesamte EU. Wenn Sie international tätig sind, ist Alt-Text-Compliance unverzichtbar.
Wenn ein Screenreader auf ein Bild trifft, liest er den Alt-Text laut vor. Ist kein Alt-Text vorhanden, lesen manche Reader stattdessen den Dateinamen vor – was dann in etwa so klingt: „IMG Unterstrich 2847 Punkt JPEG.“ Das ist eine schreckliche Nutzererfahrung.
Fehlt das Alt-Attribut komplett (nicht nur leer), versuchen manche Screenreader die Bild-URL vorzulesen, was noch schlimmer ist. Die Verwendung von alt="" bei dekorativen Bildern weist Screenreader an, das Bild vollständig zu überspringen – was das korrekte Verhalten ist.
Googles Fähigkeit, Bilder zu verstehen, hat sich dramatisch weiterentwickelt. Angesichts von Google Lens, das Milliarden von Anfragen verarbeitet, MUM (Multitask Unified Model), das Inhalte sprach- und formatübergreifend versteht, und AI Overviews, die Bildkontext in Suchergebnisse einbinden, fragen Sie sich vielleicht: Sind Alt-Tags 2026 noch relevant für SEO?
Die Antwort ist Ja – und hier ist der Grund.
Während Google mithilfe von Computer Vision Objekte in Fotos erkennen kann, liefert Alt-Text einen Kontext, den KI nicht zuverlässig ermitteln kann. Ein Foto einer Person am Schreibtisch könnte einen CEO, einen Kunden oder ein Stockfoto zeigen. Nur Ihr Alt-Text sagt Google, um wen es sich handelt und warum es für Ihren Seiteninhalt relevant ist.
Googles John Mueller hat wiederholt bestätigt, dass Alt-Text eines der stärksten Signale für die Bildersuche bleibt. 2023 erklärte er, dass Google Alt-Text nutzt, um sowohl das Bild selbst als auch die Seite, auf der es erscheint, zu verstehen.
Hier ist, was Alt-Text kann und Computer Vision nicht:
Fazit: Googles KI ergänzt Alt-Text, sie ersetzt ihn nicht. Guten Alt-Text zu schreiben bleibt 2026 eine der On-Page-SEO-Maßnahmen mit dem höchsten Return on Investment.
Nachdem das geklärt ist, kommen wir nun zum eigentlichen Thema: Wie formulieren Sie Alt-Texte perfekt?
Ich habe bereits erwähnt, dass Funktion und Kontext entscheidend sind. Jedes Mal, wenn ein Bild eine Funktion auf Ihrer Seite erfüllt, sollten Sie eine textuelle Alternative bereitstellen. Umgekehrt gilt: Wenn ein Bild rein dekorativ ist, kann der Alt-Text leer bleiben.
Üben wir das Ganze mit einigen Alt-Text-Beispielen!
Wenn ein Bild in irgendeiner Weise mit Ihrem redaktionellen Inhalt verbunden ist, müssen Sie eine textuelle Alternative bereitstellen. Dazu gehören Fotos in Ihren Blogartikeln, Produktdatenblättern usw.
Bei der Entscheidung, wie Sie passende Alt-Texte für Bilder verfassen, ist der Kontext entscheidend. Ein und derselbe Alt-Text für ein Bild kann je nach Kontext und Umgebung des Bildes völlig unterschiedlich ausfallen.
Gute Alt-Texte sind kurz, aber beschreibend, stellen den Inhalt dar, verbessern den Kontext und beschreiben bei Bedarf die Funktion des Bildes.
Vor langer Zeit, in einer wunderbaren Welt, die vom Internet Explorer 6 dominiert wurde, boten HTML und CSS den Frontend-Entwicklern nicht viele Möglichkeiten.

Frontend-Entwickler gab es noch gar nicht, denn die einzige Möglichkeit, etwas ästhetisch zu gestalten, bestand darin, ein Bild in ein Table-Element zu setzen. Kein border-radius, kein box-shadow usw.
Eine der Konsequenzen war, dass Bilder für Menüs verwendet wurden. In solchen Situationen ist es notwendig, dem Bild einen Alt-Text zu geben.
In unserem Beispiel sollte jeder Menüpunkt einen Alt-Text haben: „Brachiosaurus“ für den ersten Link, „Gallimimus“ für den zweiten usw.
Es ist nicht nötig, „Link zu“ hinzuzufügen, da das Bild als innerhalb eines Links befindlich erkannt wird.
Dank gesundem Menschenverstand, Google, Mozilla Firefox und dem W3C verschwinden funktionale Bilder langsam.
Wie erkennen Sie, ob ein Bild dekorativ ist oder nicht? Beantworten Sie dazu zwei Fragen:

In diesem Fall sind die Sterne neben dem WordPress-Logo hauptsächlich dekorativ.
Tatsächlich stehen sie nicht in direktem Zusammenhang mit dem besprochenen Thema und sind überhaupt nicht funktional, da sie keinen externen Link zu unseren hervorragenden WordPress-Bewertungen darstellen.
Wenn beide Antworten „Nein“ lauten, ist das Bild dekorativ. Verwenden Sie alt="" (ein leeres Alt-Attribut). Lassen Sie das Alt-Attribut nicht komplett weg – das ist ungültiges HTML und verwirrt Screenreader.
Häufige dekorative Bilder sind: Hintergrundmuster, visuelle Trennlinien, Hero-Bilder, die den Überschriftentext wiederholen, und Stockfotos, die rein ästhetischen Zwecken dienen.

Perfekter Alt-Text für SEO: Kathedrale Notre Dame de Paris umgeben von Wolken
Akzeptabler Alt-Text für SEO: Notre Dame de Paris
Schlechter Alt-Text für SEO: Kathedrale

Perfekter Alt-Text für SEO: Ausgewachsenes Rotes Riesenkänguru in der australischen Wüste
Akzeptabler Alt-Text für SEO: Rotes Känguru
Schlechter Alt-Text für SEO: Känguru

Perfekter Alt-Text für SEO: Weiße Rose in einem natürlichen Garten
Akzeptabler Alt-Text für SEO: Weiße Rose
Schlechter Alt-Text für SEO: Blume

Perfekter Alt-Text für SEO: Tesla Model 3 lädt an einer Elektro-Ladestation auf einem Parkplatz
Akzeptabler Alt-Text für SEO: Tesla auf einem Parkplatz
Schlechter Alt-Text für SEO: Auto
Hier finden Sie eine übersichtliche Referenz für was in den Alt-Text für SEO gehört und was Sie vermeiden sollten:
| Richtig ✓ | Falsch ✗ |
|---|---|
| Seien Sie beschreibend und spezifisch: „Golden-Retriever-Welpe spielt Apportieren im Park“ | Seien Sie vage: „Hund“ |
| Fügen Sie Ihr Ziel-Keyword natürlich ein, wenn es relevant ist | Keyword-Stuffing: „Hund Welpe Haustier Vierbeiner Golden Retriever Hund Foto“ |
| Halten Sie sich an maximal 125 Zeichen (Screenreader-freundlich) | Schreiben Sie einen ganzen Absatz als Alt-Text |
| Beschreiben Sie die Funktion des Bildes, wenn es ein Button oder Link ist | Beginnen Sie mit „Bild von“ oder „Foto von“ (Screenreader kündigen es bereits als Bild an) |
Verwenden Sie alt="" für rein dekorative Bilder |
Lassen Sie das Alt-Attribut komplett weg |
| Passen Sie den Alt-Text an den umgebenden Inhaltskontext an | Verwenden Sie denselben generischen Alt-Text für jedes Bild auf der Seite |
| Fügen Sie relevante Details hinzu: Farbe, Marke, Aktion, Ort | Beschreiben Sie Elemente, die im Bild nicht sichtbar sind |
| Schreiben Sie in natürlicher Sprache als vollständige Phrase | Verwenden Sie Dateinamen-Syntax: „IMG_2847_final_v2“ |
Produktbilder sind der Bereich, in dem Alt-Tags für SEO den direktesten Einfluss auf den Umsatz haben. Wenn jemand nach „roter Nike Air Max 90 Größe 42“ sucht, kann Ihr Produktbild in Google Images ranken – aber nur, wenn der Alt-Text diese Details enthält.
Für E-Commerce verwenden Sie dieses Muster:
[Marke] + [Produktname] + [Hauptmerkmal] + [Variante]
Beispiele:
Wenn Sie mehrere Bilder desselben Produkts haben, variieren Sie den Alt-Text für jede Ansicht:
Dieser Ansatz gibt jedem Bild die Chance, für verschiedene Long-Tail-Suchanfragen zu ranken, und liefert gleichzeitig aussagekräftige Beschreibungen für Screenreader-Nutzer, die Ihre Produktseite durchstöbern.
Selbst SEO-erfahrene Websites machen diese Fehler. Hier sind die häufigsten Alt-Text-Fehler, die sowohl Rankings als auch Barrierefreiheit beeinträchtigen:
alt="", da Screenreader möglicherweise den Dateipfad vorlesen.In diesem Abschnitt habe ich alles zusammengestellt, was Sie über Alt-Texte in WordPress wissen müssen. Fangen wir mit dem Offensichtlichsten an: Einen Alt-Text zu einem Bild in WordPress hinzufügen.
Sobald Sie ein Bild in WordPress hochladen, haben Sie Zugriff auf die Metadaten, die Ihnen folgendes Menü anzeigen (auf der rechten Seite Ihres Bildschirms):
Illustration – siehe Text für Details
Unter anderem können Sie hier den Titel, die Beschriftung und den Alt-Text Ihres Bildes ändern.
Sie können Alt-Texte auch direkt in der Mediathek hinzufügen.
Illustration – siehe Text für Details
Fügen Sie ein Bild hinzu und klicken Sie auf „Bearbeiten“, um auf die Bildeinstellungen in WordPress zuzugreifen.
Illustration – siehe Text für Details
Von hier aus können Sie den Alt-Text, die Beschriftung und die Beschreibung bearbeiten.
Beim Erstellen von Seiten in Elementor ist das Hinzufügen von Alt-Text sehr unkompliziert.
Wenn Sie einem Bild einen Alt-Text hinzufügen möchten, klicken Sie auf das Bild und es erscheint eine Bildbox im Elementor-Editor.
Bearbeiten Sie Alt-Texte direkt in Elementor. Keine zusätzlichen Plugins, keine Workflow-Unterbrechung – einfach bessere SEO für jedes Bild, das Sie hinzufügen.
Klicken Sie in der Bildbox auf das Bild und es wird in Ihrer Mediathek angezeigt.
Die Alt-Text-Option wird auf der rechten Seite des Fensters angezeigt.
Lassen Sie KI SEO-optimierte Alt-Texte direkt in Ihrem Elementor-Editor generieren. Sparen Sie Stunden bei jedem Seitenaufbau.
Von hier aus können Sie den Alt-Tag bearbeiten.
Früher unterstützte das Divi-Theme keine Alt-Tags aus der Mediathek.
Glücklicherweise hat sich das seit Version 4.4.4 geändert.
Das Hinzufügen von Alt-Text in Divi ist einfach: Gehen Sie zum Tab „Erweitert“, scrollen Sie nach unten und geben Sie den Text manuell in das Alt-Text-Feld ein.
Wenn Sie viele leere Alt-Texte haben, kann es Stunden dauern, sie mit SEO-freundlichen Inhalten zu füllen.
Glücklicherweise gibt es ein Plugin namens Image SEO Optimizer, das dies mit einem Klick mithilfe künstlicher Intelligenz erledigen kann. So verwenden Sie dieses Plugin.
Nach der Registrierung klicken Sie auf den Tab „Alt & name optimizer“. Wählen Sie dann die Einstellungen, die Ihren Bedürfnissen entsprechen.
Illustration – siehe Text für Details
Dann müssen Sie nur noch den Bulk-Optimizer starten. Das war’s.
Illustration – siehe Text für Details
Dieses Plugin ist kompatibel mit Yoast und SEOPress Ziel-Keywords.
Alt-Text manuell für Hunderte oder Tausende von Bildern zu schreiben ist nicht realistisch. Hier sind die besten Tools, um den Prozess zu automatisieren und zu beschleunigen:
| Tool | Ideal für | Funktionsweise |
|---|---|---|
| Image SEO Optimizer | WordPress-Websites (Massenoptimierung) | KI analysiert Bilder + Seitenkontext, um SEO-optimierte Alt-Texte zu generieren. Integration mit Yoast, RankMath, SEOPress. Verarbeitet Ihre gesamte Mediathek im Batch. |
| Ahrefs Site Audit | Fehlende Alt-Texte finden | Crawlt Ihre Website und markiert Bilder mit leeren oder fehlenden Alt-Attributen. Hervorragend für Audits, nicht für die Generierung. |
| ChatGPT / Claude | Einzelne Beschreibungen | Laden Sie ein Bild hoch und fragen Sie nach Alt-Text. Gut für einige wenige Bilder; nicht praktikabel für große Mengen. |
| Google Cloud Vision API | Entwickler-Teams | Gibt Bild-Labels und erkannte Objekte zurück. Erfordert eine individuelle Integration, um als Alt-Text geschrieben zu werden. |
| Shopify integrierte KI | Shopify-Shops | Generiert automatisch Alt-Text für Produktbilder. Die Qualität variiert – überprüfen Sie immer vor der Veröffentlichung. |
Unabhängig davon, welches Tool Sie wählen: Überprüfen Sie KI-generierte Alt-Texte immer vor der Veröffentlichung. KI kann beschreiben, was auf einem Bild zu sehen ist, aber den Kontext, warum dieses Bild auf Ihrer Seite ist, möglicherweise übersehen.
Alt-Text ist das Fundament, aber nicht der einzige Faktor bei der Bilder-SEO. Hier ist eine vollständige Checkliste, um Ihre Bild-Rankings zu maximieren:
red-nike-air-max-90.jpg statt IMG_2847.jpg. Trennen Sie Wörter mit Bindestrichen.srcset und sizes, damit Browser für jedes Gerät passend dimensionierte Bilder laden. WordPress erledigt dies automatisch für hochgeladene Bilder.loading="lazy" zu Bildern unterhalb des sichtbaren Bereichs hinzu. Dies verbessert die Seitengeschwindigkeit, da Bilder erst geladen werden, wenn sie in den sichtbaren Bereich gescrollt werden.ImageObject-Schema für wichtige Bilder. Für Produktseiten nehmen Sie Bild-URLs in Ihr Product-Schema-Markup auf.Für einen tiefen Einblick in Dateinamen, Title-Attribute und Figcaption lesen Sie unseren vollständigen Leitfaden zu Bilder-SEO-Attribute: Alt, Title, Dateiname und Figcaption.
Ein guter Alt-Tag ist beschreibend, spezifisch und unter 125 Zeichen lang. Er sollte genau beschreiben, was das Bild zeigt, und dabei natürlich relevante Keywords einbinden, sofern es passt. Schreiben Sie beispielsweise statt „Foto“ lieber „Golden Gate Bridge bei Sonnenuntergang mit Nebel, der vom Pazifischen Ozean hereinzieht.“ Guter Alt-Text dient sowohl Suchmaschinen als auch sehbehinderten Nutzern.
Ja, Alt-Tags gehören nach wie vor zu den wichtigsten On-Page-SEO-Elementen. Google hat durch John Mueller und andere Sprecher bestätigt, dass Alt-Text ein primäres Signal für das Verständnis von Bildinhalten ist. Während Googles KI Objekte in Fotos erkennen kann, liefert Alt-Text den semantischen Kontext und die Keyword-Relevanz, die Computer Vision nicht bieten kann. Jedes große SEO-Audit-Tool meldet fehlenden Alt-Text nach wie vor als kritisches Problem.
Beschreiben Sie das Bild genau in natürlicher Sprache und fügen Sie dann Ihr Ziel-Keyword ein, wenn es natürlich passt. Konzentrieren Sie sich darauf, was das Bild zeigt (Motiv, Aktion, Umgebung) und warum es für den Seiteninhalt relevant ist. Für Produktbilder geben Sie Marke, Produktnamen, Farbe und Hauptmerkmale an. Vermeiden Sie es, mit „Bild von“ oder „Foto von“ zu beginnen – Screenreader kündigen das bereits an. Halten Sie es prägnant: 5 bis 15 Wörter sind ideal.
Absolut. Alt-Text hilft bei SEO auf drei Arten: (1) Er hilft Ihren Bildern, in Google Images zu ranken, was Traffic bringt; (2) er stärkt die thematische Relevanz der Seite für Ihre Ziel-Keywords; und (3) er verbessert die Barrierefreiheit, was ein indirekter Ranking-Faktor ist, da Google nutzerfreundliche Websites bevorzugt. Seiten mit richtig optimiertem Alt-Text schneiden in den Bildsuchergebnissen durchweg besser ab als solche ohne.
Streben Sie 5 bis 15 Wörter an, also etwa 50 bis 125 Zeichen. Die meisten Screenreader schneiden Alt-Text bei etwa 125 Zeichen ab, sodass alles darüber hinaus möglicherweise nicht vorgelesen wird. Wenn ein Bild zu komplex ist, um es in 125 Zeichen zu beschreiben (wie eine Infografik oder ein Diagramm), verwenden Sie einen kurzen Alt-Text und geben Sie eine längere Beschreibung im umgebenden Seiteninhalt oder über ein longdesc-Attribut an.
Jedes Bild sollte ein Alt-Attribut haben, aber nicht jedes Bild braucht Alt-Text. Informative Bilder (Fotos, Diagramme, Screenshots, Produktbilder) benötigen beschreibenden Alt-Text. Dekorative Bilder (Hintergrundmuster, visuelle Trennelemente, ornamentale Icons) sollten ein leeres Alt-Attribut verwenden: alt="". Lassen Sie das Alt-Attribut niemals komplett weg – das ist ungültiges HTML und führt dazu, dass Screenreader den Dateipfad vorlesen.
Das Alt-Text-Attribut ist sowohl für SEO als auch für Barrierefreiheit äußerst wichtig: Sie sollten es unter keinen Umständen vernachlässigen.
Hier die wichtigsten Erkenntnisse zusammengefasst:
alt="" für dekorative Bilder, lassen Sie das Attribut niemals wegAlt-Texte perfekt zu formulieren kann knifflig und zeitaufwändig sein. Ich hoffe, die Erklärungen, Beispiele und Tabellen in diesem Leitfaden helfen Ihnen dabei, jedes Bild auf Ihrer Website zu optimieren.
Wenn Sie Hunderte oder Tausende von Alt-Texten optimieren müssen, werfen Sie unbedingt einen Blick auf den Image SEO Optimizer. Dieses WordPress-Plugin kann Ihnen Stunden an Arbeit ersparen!