Was ist ein Alt-Text für Website-Bilder?

Einführung

Die Gestaltung hervorragender Bilder innerhalb der Inhalte Ihrer Website ist für eine erfolgreiche Online-Präsenz von entscheidender Bedeutung. Es reicht jedoch nicht aus, qualitativ hochwertige Bilder zu haben, um sicherzustellen, dass Ihre Seite den erwarteten Traffic, die erwarteten Verkäufe und Leads erzielt. Mit der Neugestaltung der Benutzeroberfläche der Bildersuche durch Google müssen Sie Ihre Fotos optimieren, um die besten SEO-Ergebnisse zu erzielen. Daher werden Suchmaschinen sie leicht verstehen, was die Sichtbarkeit Ihrer Website für Ihre Zielgruppe erhöht. Es wäre hilfreich, wenn Sie Alt-Text auf Ihren Bildern verwenden würden, um bessere Ergebnisse auf SERPs zu erzielen.

Dieser Artikel soll Ihnen eine detaillierte Erklärung geben, was Alt-Text ist und wie Sie ihn in Ihre SEO-Strategie einfügen. Wenn Sie sich auch fragen, wann ein Bild keinen Alt-Text haben sollte, lesen Sie weiter, um alle wesentlichen Erkenntnisse zu gewinnen.

FAKT : Bei 22,6 % der Suchanfragen bei Google werden Bilder zurückgegeben. Darüber hinaus wünschen sich 62 % der Verbraucher der Generation Z und der Millennials mehr als jede andere neue Technologie die visuelle Suche.

Was ist Alt-Text für Bilder?

Alt-Text, auch bekannt als Alt-Attribute oder Alt-Beschreibungen, ist ein kurzes HTML-Element mit etwa 100 Zeichen, das zur Beschreibung der Bilder Ihrer Webseite zugewiesen wird. Es ist für häufige Besucher nicht immer sichtbar, aber es hilft Suchmaschinen-Crawlern, die Funktion und das Aussehen Ihrer Fotos zu verstehen. Darüber hinaus erhalten Ihre Bilder eine bessere Indexierung, die die Sichtbarkeit Ihrer Website verbessert.

Darüber hinaus hilft Bild-Alt-Text-HTML auch dabei, Ihren sehbehinderten Benutzern einen besseren Webzugriff zu bieten. Falls eine Bilddatei nicht auf Ihre Seite geladen werden kann, wird stattdessen die alternative Beschreibung angezeigt, um den Besuchern ein vollständiges Bild Ihres Inhalts zu vermitteln. So würde das in der Praxis aussehen:

Best Practices für Alt-Text

Wenn Sie Alt-Text für Ihre Bilder schreiben, müssen Sie sich an einige Best Practices halten, wie unten beschrieben.

Verwenden Sie Schlüsselwörter in Ihren alternativen Beschreibungen

Wann immer Sie alternative Beschreibungen für Ihre Bilder verwenden, nutzen Sie die Gelegenheit, Schlüsselwörter in Ihren Inhalten anzugeben. Es erleichtert die Kommunikation mit Suchmaschinen über die Relevanz Ihrer Seite für eine bestimmte Suchanfrage.

Wenn es Ihnen schwer fällt, die hochrelevanten und profitablen Keywords zu bestimmen, die Sie verwenden sollten, kann der Alt-Text-Generator eine große Hilfe sein. Es hilft Ihnen, die richtigen Begriffe zu kennen, die Ihre alternativen Beschreibungen für Ihre Bilder optimieren würden. Beachten Sie jedoch, dass Sie vermeiden sollten, Ihre Alt-Attribute mit allen generierten Schlüsselwörtern zu füllen. Dies führt zu einem schlecht gestalteten Alternativtext, der von Google bestraft werden kann. In der Abbildung unten werden Sie beispielsweise feststellen, dass das gute Alt-Text-Beispiel das Bild leicht erklärt. Das untere Beispiel geht jedoch nicht sehr weit, um zu erklären, worum es auf dem Foto geht.:

Halten Sie Ihren Alt-Text kurz

Es hat sich bewährt, einen beschreibenden Alternativtext zu verwenden, aber Sie sollten es vermeiden, einen ganzen Absatz zu schreiben, um ein Bild zu beschreiben. Beachten Sie, dass die meisten Screenreader bis zu 125 Zeichen des Alt-Attributs erfassen und so sicherstellen, dass Sie sich an einen kurzen und prägnanten Text halten.

Es wäre am besten, direkt auf den Punkt zu kommen und die auffälligsten Merkmale im Bild hervorzuheben, wenn die Elemente zu viele sind. Die wesentlichen Aspekte sollten Suchmaschinen ausreichend Details liefern, und Benutzer werden das Foto mit dem Kontext Ihrer Seite in Verbindung bringen.

Zum Beispiel ist der folgende alternative Text zu lang, wenn er zwei Hunde beschreibt;

• Alt = grauer Hund links und schwarzer Hund mit langen Ohren rechts auf der Couch mit gelber Decke liegend

Eine ausgezeichnete alternative Beschreibung wäre wie folgt;

• Alt = grauer und schwarzer Hund, der auf der Couch liegt

Vermeiden Sie auch einige Beschreibungen, die zu kurz wären, so dass sie keine prägnante Bedeutung hervorbringen, wie z.

• Alt = zwei Hunde

Testen Sie Ihr SEO in 60 Sekunden!

Diib ist eines der besten SEO-Tools der Welt. Diib nutzt die Kraft von Big Data, um Ihnen dabei zu helfen, Ihren Traffic und Ihre Rankings schnell und einfach zu steigern. Wir lassen Sie sogar wissen, ob Sie es bereits verdient haben, bei bestimmten Schlüsselwörtern höher zu ranken.

• Einfach zu bedienendes automatisiertes SEO-Tool
• Keyword- und Backlink-Überwachung + Ideen
• Geschwindigkeit, Sicherheit, + Core Vitals-Tracking

• Schlägt intelligent Ideen zur Verbesserung der SEO vor
• Über 250.000.000 globale Mitglieder
• Eingebautes Benchmarking und Konkurrenzanalyse

Zum Beispiel „www.diib.com“

Melde dich kostenlos an

Wird von über 250.000 Unternehmen und Organisationen verwendet:

• 
• 
• 
• 

Synchronisiert mit

Sei genau

Wenn Sie einen Alt-Text erstellen, denken Sie daran, dass Sie das Bild Ihrer Webseite beschreiben sollten. Daher müssen Sie sicherstellen, dass es so bildspezifisch wie möglich ist. Ziel ist es, dass jeder Suchende das Bild auch ohne Ansehen sofort versteht. Fragen Sie sich beim Entwerfen Ihres Bild-Alt-Text-HTML, ob Sie die Relevanz der Beschreibung verstehen würden, ohne unbedingt das Bild zu sehen.

Wenn Sie beispielsweise beabsichtigen, ein Bild von Hunden herauszubringen, die in einem Park spielen, können Sie dies wie folgt tun:

• Alt = männliche und weibliche schwarze deutsche Schäferhunde, die im Park spielen

Die Beschreibung gibt eine klare und genaue Darstellung dessen, was das Bild darstellt.

Andererseits wäre es falsch, es wie folgt zu schreiben;

• Alt = Hunde, die auf Gras spielen

Vermeiden Sie es, Ihren Alt-Text nur für SEO zu schreiben

Es ist verständlich, beim Schreiben Ihrer alternativen Beschreibungen darauf abzuzielen, die Sichtbarkeit zu verbessern. Konzentrieren Sie sich jedoch nicht nur auf die Verbesserung der SEO, sondern behalten Sie auch Ihre Sucher im Auge. Denken Sie daran, dass Ihr Alt-Attribut für ein bestimmtes Bild und Seiteninhalte relevant bleiben sollte. Alt-Text wird speziell für Sehbehinderte verwendet.

Zitatbox: „Im Vereinigten Königreich leben schätzungsweise 2.140.000 Menschen mit Sehverlust (2021)“ (Site Loss Data Tool, RNIB 2021)

Wenn Sie also Ihren Alt-Text mit Schlüsselwörtern füllen, wird das Suchmaschinen-Ranking beeinträchtigt, anstatt Ihre SEO-Bemühungen zu verbessern. Vermeiden Sie außerdem die Verwendung ähnlicher Schlüsselwörter und Alt-Attribute für zahlreiche Bilder, da beide Szenarien Spam verursachen können.

Lassen Sie keine Formularschaltflächen aus

Falls Sie ein Formular auf Ihrer Website haben, das ein Bild als „Senden“-Schaltfläche verwendet, wäre es am besten, ihm einen Alt-Text zu geben. Der Bild-Button sollte eine alternative Beschreibung haben, die seine Funktion beschreibt, wie z. B. „Jetzt bewerben“, „Suchen“, „Anmelden“ und viele mehr.

Fügen Sie keine zusätzlichen Spezifikationen hinzu

Denken Sie daran, dass Benutzer und Suchmaschinen davon ausgehen, dass sich der Alt-Text auf ein Bild auf Ihrer Website bezieht. Daher ist es nicht erforderlich, weitere Angaben in Ihren Alt-Attributen wie „Bild von“, „Bild von“ und mehr hinzuzufügen.

Denken Sie daran, longdesc zu verwenden

Möglicherweise haben Sie einige komplexere Bilder auf Ihrer Website, sodass Sie längere Beschreibungen benötigen. Vergessen Sie in einem solchen Fall nicht, longdesc = 'explore using the longdesc' zu verwenden. Hier ist ein gutes Beispiel dafür, wie das technisch aussehen würde:

Vermeiden Sie die Verwendung von Bildern als Text

Vermeiden Sie für eine SEO-freundliche Webentwicklung die Verwendung von Fotos anstelle von Wörtern, da Suchmaschinen den Text in den Bildern nicht lesen. Wenn Sie jedoch müssen, stellen Sie sicher, dass Sie erklären, was Ihr Bild in Ihrem alt-Attribut sagt.

So funktioniert Alt-Text

Denken Sie daran, dass Suchmaschinen Bilder nicht so sehen können wie wir. Daher wäre es hilfreich, wenn Sie Google etwas Unterstützung anbieten würden, um sicherzustellen, dass es versteht, worum es in den Fotos geht. Dies ist einer der Gründe, warum es wichtig ist, dass Sie Ihre Bilder benennen, damit sie auf Alt-Text zugreifen können, und Dateinamen, damit Crawler die Bilder auf Ihrer Seite „sehen“ können.

So fügen Sie Alt-Text zu Bildern hinzu

Ein Großteil der CMS, die Sie zum Entwerfen und Vornehmen von Alt-Text-Änderungen verwenden können, ist unkompliziert. Mit nur einem Klick auf ein Foto im Textkörper des Beitrags erhalten Sie ein Rich-Text-Modul oder eine Bildoptimierung zur Gestaltung des Alt-Attributs.

Es variiert auch je nach Webdesign auf Ihrer Seite. In den meisten Fällen bieten Ihnen die meisten Websites einen Abschnitt, in dem Sie Ihre alternative Beschreibung eingeben, wenn ein Foto hochgeladen wird. Darüber hinaus haben Sie die Möglichkeit, zusätzliche Änderungen am hochgeladenen Bild vorzunehmen. Es wird dann auf Ihrer Seite in einem Bildtext-HTML-Format codiert.

Wenn Sie die „Untersuchungsfunktion“ eines Browsers verwenden, sehen Sie den HTML-Code. Wenn Sie beispielsweise Chrome verwenden, klicken Sie auf ein Foto auf der Webseite und tippen Sie auf die Prüffunktionen des Dropdown-Menüs. Daraufhin erscheint ein Fenster mit dem HTML-Tag der Website, das „alt = gefolgt von der alt-Beschreibung“ anzeigt.

Hier ist eine Illustration, wie man Alt-Text auf verschiedenen Plattformen hinzufügt;

· WordPress

Bei der Verwendung von WordPress ist der Prozess unkompliziert. Gehen Sie zum Editorfenster und tippen Sie auf ein Bild. Sie sehen ein Feld in den Bildeinstellungen für Ihren „Alt-Text (alternativer Text)“, um Ihre Alternativ-Beschreibung zu erstellen oder Änderungen vorzunehmen.

Alternativ können Sie zur Medienbibliothek gehen und auf ein bevorzugtes Bild klicken. Sie sehen die Optionen, in denen Sie Ihren Alt-Text entweder bearbeiten oder gestalten können.

(Bildnachweis: wpbeginner)

· Wix

Wix hat auch seine Bemühungen verstärkt, die Plattform SEO-freundlicher zu machen. Sie können jetzt alternative Beschreibungen zu Fotos in ihrem Geschäft hinzufügen und alle erforderlichen Änderungen vornehmen.

Gehen Sie zum Bearbeitungsfenster und klicken Sie auf das Bild, dem Sie den Alt-Text hinzufügen möchten. In den Einstellungen sehen Sie eine Option für „Was ist auf dem Bild?“. Fügen Sie in diesem Bereich Ihre alternative Beschreibung hinzu. Hier ist diese Seite:

(Bildnachweis: wix.com)

· Magento

Magento ist eine weitere Plattform, die ein unkompliziertes Verfahren zum Hinzufügen des Alt-Attributs bietet.

Tippen Sie auf den Katalogabschnitt, um das bevorzugte Produkt auszuwählen, dem Sie den Alt-Text hinzufügen möchten. Scrollen Sie dann zur Kategorie Videos und Bilder und klicken Sie auf ein bestimmtes Foto, um die alternative Beschreibung hinzuzufügen oder zu bearbeiten. Hier ist der Alt-Text-Bildschirm von Magento:

(Bildnachweis: Magento)

· Shopify

Mit Shopify können Sie das Alt-Attribut sowohl zu den Produkt- als auch zu den Themenbildern hinzufügen.

Wenn Sie die alternative Beschreibung auf Produktfotos optimieren möchten, gehen Sie zum Abschnitt „Produkte“ und klicken Sie dann auf die Artikelliste, die Sie bearbeiten möchten. Tippen Sie auf der Elementdetailseite auf das Medienelement und suchen Sie nach der Medienvorschauseite. Fügen Sie als Nächstes Ihren Alt-Text hinzu. Zum Beispiel:

(Bildnachweis: zunehmend)

Wenn Sie Ihren Themenbildern das Alt-Attribut hinzufügen, gehen Sie zum Abschnitt „Online-Shop“ und suchen Sie nach „Themen“. Tippen Sie dann auf, um das Thema Ihres Shops anzupassen. Auf der linken Seite sehen Sie den Menübereich, in dem Sie Bildblöcke und einzelne Fotos anklicken. Sie sehen dann ein Textfeld, in dem Sie Ihre alternative Beschreibung bearbeiten oder hinzufügen können.

Warum ist Alt-Text für eine gute SEO unerlässlich?

Nachdem Sie nun gelernt haben, wie man Alt-Text zu Bildern hinzufügt, fragen Sie sich vielleicht, warum Sie sie auf Ihrer Website verwenden müssen und wem sie nützen. Die drei Hauptgruppen, die die ersten Nutznießer von Alt-Attributen sind, sind:

• Suchmaschinen – Wenn Sie die Alt-Beschreibung verwenden, hilft dies den Suchmaschinen, das Thema in einem bestimmten Bild zu interpretieren. Daher kann Google schnell bestimmen, wann Ihr Foto in relevante Suchergebnisse aufgenommen werden soll, wodurch Alt-Text-Bilder eine höhere Wahrscheinlichkeit haben, gefunden zu werden.
• Sehbehinderte Besucher – Die Verwendung von alternativen Beschreibungen bietet sehbehinderten Besuchern einen Ersatz für Bilder. Daher können Benutzer Programme verwenden, die Text laut vorlesen, um zu verstehen, was die Fotos zu Ihren Inhalten hinzufügen.

Wenn solche Personen beispielsweise eine Website durchsuchen, die Navigationsbilder verwendet, wird es schwierig, verschiedene Kategorien herauszufinden. Wenn die Fotos jedoch Alt-Attribute enthalten, können sie durch die gesamte Website manövrieren.

• Vermarkter – Wenn Sie alternative Beschreibungen für Ihre Bilder verwenden, hat Ihre Seite bessere Chancen, höhere Platzierungen in den Suchergebnissen zu erhalten. Infolgedessen erhält Ihre Website dank der Optimierung mehr Verkehr bei Google.

Es hilft Ihnen, Ihre Markenbekanntheit zu steigern, insbesondere wenn Ihre Bilder Ihren Firmennamen enthalten. Je weiter oben Ihre Seite in den Suchergebnissen erscheint, desto mehr Leute werden sich durch die Bildergebnisse klicken, um Ihre Website zu besuchen.

FAKTEN :

• Dan Morgan von WebSpection hat eines seiner Fotos in weniger als vier Tagen durch die Optimierung seines Bildes auf Platz 1 in Google Bilder für die „beste Person in Cardiff“ gebracht.
• Und Robbie Richards generierte 150.732 Besuche durch das Hinzufügen von Alt-Tags für Bilder, das Komprimieren von Bildern und ein paar andere SEO-Tricks.

– Suchmaschinenjournal

Hauptgründe, warum Alt-Text für Ihre Website von entscheidender Bedeutung ist

• Zur Verbesserung der Zugänglichkeit: Beachten Sie, dass die meisten Suchenden normalerweise sehbehindert sind; Daher verwenden sie Screenreader, während sie Online-Inhalte konsumieren. Alternativ-Beschreibungen sollen Besuchern, die sie nicht sehen können, verschiedene Bilder auf Ihrer Seite beschreiben. Wenn Sie keine Alt-Text-Attribute für Ihre Bilder verwenden, können Benutzer den Inhalt Ihrer Seite nicht verstehen. Screenreader überspringen solche Fotos oder lesen sogar lange und nicht hilfreiche Dateinamen.
• Zur Verbesserung der thematischen Relevanz: Damit Google den Inhalt Ihrer Seite verstehen kann, sieht es sich die verschiedenen verwendeten Begriffe an. Wenn Sie andererseits Bilder in Ihre Website einfügen, können Suchmaschinen deren Zweck nicht erkennen. Daher müssen Sie ein Alt-Attribut haben, da der Kontext in Bildern „weggesperrt“ sein kann.
• Um Ihnen zu helfen, in Google Bilder zu ranken: Die Verwendung von Alt-Text hilft Ihrer Seite auch, in der Google Bilder-Suchmaschine einen höheren Rang zu erreichen. Außerdem setzen die Leute es bei der Suche nach Fotos zunehmend anderen Plattformen wie Bing und YouTube voraus.
• Als Ankertexte für Bildlinks dienen: Auf vielen Websites verlinken Ankertexte eine Seite mit einer anderen. Suchmaschinen verwenden sie, um mehr über Ihre Website und deren Inhalt zu erfahren. Sie können auch Alt-Attribute verwenden, um denselben Zweck zu erfüllen.
• Wann sollte ein Bild keinen Alt-Text haben : Es empfiehlt sich sicherzustellen, dass Sie immer das Alt-Attribut in Ihre Bilder einfügen, um bessere Platzierungen in Suchmaschinen zu erzielen. Gleichzeitig fragen Sie sich vielleicht, wann ein Bild keinen Alt-Text haben soll.

In einigen Fällen müssen Sie Alt-Text nicht verwenden, insbesondere wenn das Bild keine wichtigen Details enthält oder zu dekorativen Zwecken verwendet wird.

Wenn Ihre Website beispielsweise Symbole verwendet, um verschiedene Inhaltsabschnitte zu trennen, sollen die Bilder Ihre Seite hübsch aussehen lassen. Daher ist es nicht erforderlich, Alt-Text hinzuzufügen, da dies Benutzer mit Screenreadern verärgern kann und Ihrer Seite keinen SEO-Wert verleiht.

Darüber hinaus benötigen Stock- und generische Bilder keine Alt-Text-Zugänglichkeit. Außerdem wäre das Einfügen für sehbehinderte Leser nicht sinnvoll.

Wir hoffen, dass Sie diesen Artikel hilfreich fanden.

Wenn Sie mehr Interessantes über den Zustand Ihrer Website erfahren möchten, persönliche Empfehlungen und Benachrichtigungen erhalten möchten, scannen Sie Ihre Website von Diib. Es dauert nur 60 Sekunden.

Geben Sie Ihre Website ein

Zum Beispiel „www.diib.com“

Melde dich kostenlos an

Ich habe festgestellt, dass Diib sehr hilfreich bei der Entmystifizierung von Google Analytics-Daten ist, die überwältigend sein können. Der Dienst durchforstet Ihre Daten und findet die Bereiche, in denen Sie sich verbessern können – selbst wenn Sie ein Experte wären, würde dies Zeit sparen. Für mich bedeutet es, dass die von Google Analytics gesammelten Daten verwertbar werden, damit ich mich verbessern kann, anstatt nur interessant zu sein.

Nick Colebatch
RV-Cover-Versorgung

So finden und beheben Sie Probleme mit Alt-Text

Wenn Sie mit Alt-Text bessere Ergebnisse erzielen möchten, ist es hilfreich, wenn Sie eine Prüfung auf Seiten mit Traffic durchgeführt haben, um die erforderlichen Verbesserungen vorzunehmen. Hier ist das Verfahren, das Sie verwenden können, um die Prüfung durchzuführen;

Finden Sie die am häufigsten besuchten Seiten

Beginnen Sie zunächst mit einer gründlichen Überprüfung, um Ihre von Ihrem Publikum am häufigsten besuchten Seiten zu kennen. Sie können verschiedene Plattformen wie die Google Search Console, Google Analytics oder den Bericht in den „Top-Seiten“ im Ahrefs-Site-Explorer durchsuchen.

Überprüfe deine alternativen Beschreibungen

Wenn Sie Ihre Alt-Beschreibungen prüfen, können Sie die Chrome-Erweiterung Alt Text Tester verwenden. Beginnen Sie mit der Installation des kostenlosen Tools, laden Sie dann die Seite mit dem meisten Traffic und aktivieren Sie die Erweiterung. So sieht das aus:

Immer wenn Sie über ein Foto rollen, sehen Sie die alternative Beschreibung, die auf der Plattform angezeigt wird. Falls das Alt-Attribut fehlt, sollte eine Warnung als „Alt-Text fehlt“ angezeigt werden.

Gehen Sie für alle Alt-Texte in Ihren Inhalten mehrere davon in Ihren Bildern durch. Nach einigen Überprüfungen hilft Ihnen das Tool festzustellen, ob Ihre Bilder schlecht oder gut oder gar nicht optimiert sind.

Wiederholen Sie dies für weitere Seiten

Der letzte Prozess sollte darin bestehen, denselben Vorgang für die Seiten zu wiederholen, die den meisten Traffic generiert haben. Der Prozess sollte Ihnen ein Gefühl dafür geben, ob Ihre Alt-Beschreibungsoptimierung ausgezeichnet ist oder einige Verbesserungen benötigt.

Diib: Bereitstellung von Alt-Text-Statistiken und -Überwachung!

Als Website-Eigentümer ist das Hinzufügen von alternativen Beschreibungen unkompliziert, unabhängig von der von Ihnen verwendeten Webplattform. Denken Sie auch daran, dass nicht alle Bilder auf Ihrer Seite Alt-Text erfordern, da sie für Suchmaschinen oder Sehbehinderte keinen Sinn machen würden. Das Diib User Dashboard analysiert den gesamten Alt-Text auf Ihrer Website und Ihrem Facebook-Profil und gibt Ihnen umsetzbare Erkenntnisse zur Verbesserung. Hier sind einige der Funktionen, von denen wir wissen, dass Sie sie lieben werden:

• Benutzerdefinierte Benachrichtigungen, die Sie über den Zustand Ihrer Website und alle Änderungen an den Google-Algorithmen informieren, die sich auf Ihre Verkehrsmuster auswirken können.
• Ziele mit maßgeschneiderten Vorschlägen zur Verbesserung der Gesundheit Ihrer Website und des organischen Traffics.
• Einblicke nicht nur in Ihren eigenen Alt-Text-Zustand, sondern auch in den Ihrer wichtigsten Konkurrenten.
• Synchronisieren Sie Ihr Facebook-Profil, um Ihnen Einblicke in die Besonderheiten Ihrer Social-Media-Kampagne zu geben. Dinge wie individuelle Post-Performance, Demografie der Benutzer, beste Tageszeit zum Posten und Conversions.
• Bieten Sie eine monatliche gemeinsame Sitzung mit einem Diib-Wachstumsexperten an, der Ihnen bei der Feinabstimmung Ihrer SEO-Bemühungen helfen und Sie zu Wachstum und Erfolg von Shopify führen kann.

Rufen Sie noch heute unter 800-303-3510 an oder klicken Sie hier, um Ihren kostenlosen 60-Website-Scan zu erhalten und mehr über Ihre SEO-Stärken und -Schwächen zu erfahren.