Bildtitel Vs. Alternativtext: Was ist besser?

Auch bei neuen Trends in der Suchmaschinenoptimierung gilt die Aussage, dass ein Bild mehr als eine Million Worte sagt. Ein einziges hochwertiges Bild kann dem Inhalt einer Website potenziell Leben einhauchen. Darüber hinaus ist ein gut geschriebener HTML-Bildtitel ein sicherer Weg, um die Benutzererfahrung zu verbessern.

Aber wenn Sie dachten, dass es bei Bildern nur darum geht, Inhalte und Bilder aufeinander abzustimmen, werden Sie überrascht sein. Mit Bildern können Sie nicht nur Webbesucher, sondern auch Suchmaschinen ansprechen. Aber um die volle Kraft eines Bildes zu entfesseln, müssen Sie ein wenig unter die Haube blicken und den HTML-Code verstehen, der Bilder auf Ihrer Website anzeigt.

Sobald Sie die Komponenten eines Image-Tags überprüft haben, können Sie mit der Optimierung der Komponenten fortfahren, die sich auf Ihre Suchmaschinen-Rankings auswirken. Normalerweise sind die Elemente, auf die abgezielt werden soll, der img src-Titel und der HTML-img alt-Titel. Kennen Sie die Rolle, die diese beiden auf Ihrer Website spielen? Die Antwort wird Gegenstand dieses Artikels sein.

Verstehen des Bildtitels und des Bild-Alt-Texts

Der einfachste Weg, den Unterschied zwischen einem Titel und alternativem Text zu erkennen, besteht darin, sich ein HTML-Bild-Tag anzusehen. Angenommen, Ihre Website ist ein Online-Shop, der Möbel verkauft. Ein Beispiel-Tag für ein Schaukelstuhlbild könnte folgendermaßen aussehen:

img src=“schaukelstuhl.jpg“ alt=“brauner Schaukelstuhl im Angebot“ title=“brauner Schaukelstuhl“

Im Webdesign erhalten die Elemente mit einem Gleichheitszeichen die Namensattribute. Beachten Sie, dass das obige Beispiel nur eine Illustration ist. In realen Anwendungen sind die Attribute viel mehr und können eine Klasse, eine ID, Höhe, Breite usw. enthalten.

Anhand des Tags ist es einfach, den Alt-Text und den Titel zu identifizieren. Sie werden vielleicht bemerken, dass das Alt-Attribut im Vergleich zum HTML-Titelbild-Tag informativer ist. Warum das so ist, zeigt ein Blick auf die Verwendung beider Attribute.

Wofür wird der Bildtitel verwendet?

Der Titel wird angezeigt, wenn ein Benutzer mit der Maus über ein Bild auf Ihrer Website fährt. Daher erscheint es erst nach dem Laden der Bilder. Wenn ein Benutzer den Titel sieht, hat er das Bild bereits angesehen. Als solches muss es nicht sehr beschreibend sein. Zum Beispiel:

Titel sind jedoch sehr wichtig, wenn es darum geht, die Benutzererfahrung zu verbessern. Ob Sie es glauben oder nicht, Besucher haben möglicherweise Schwierigkeiten zu verstehen, warum einige Bilder auf Ihrer Website in bestimmten Teilen Ihrer Website erscheinen. Ein Titel ist praktisch, um eine Antwort zu geben.

Einige Browser zeigen den Titel nicht an, nachdem Sie den Mauszeiger über ein Bild bewegt haben. Da Sie jedoch nie wissen, was Ihre Besucher verwenden werden, um auf Ihrer Website zu navigieren, sollten Sie besser ein Titelattribut in Ihr Bild-Tag aufnehmen.

Wofür wird der Alt-Text verwendet?

Der Alt-Text dient mehr als einem Zweck. Sie können es wie folgt aufschlüsseln:

• Der Alt-Text wird jedes Mal angezeigt, wenn ein Bild nicht geladen werden kann. Fast alle Browser erlauben alternative Beschreibungen, um leere Bilder darzustellen. Dies kann an einem falschen Bilddateinamen oder einer fehlerhaften URL liegen. Schlechte Internetverbindungen können auch das ordnungsgemäße Laden von Bildern verhindern. In einem solchen Fall erscheint der img alt Titel und erklärt dem Besucher alles über das Bild.
• Der Alt-Text wird auch angezeigt, wenn Benutzer Bilder deaktivieren. So sehr Bilder Webseiten verschönern, einige Benutzer bevorzugen Nur-Text-Versionen. So können sie durch Lesen des Alt-Textes etwas über Bilder erfahren.
• Auch blinde Nutzer profitieren von gut geschriebenen Bild-Alt-Titeln. Screenreader verwenden sie, um Besuchern, die es nicht sehen können, ein Bild zu beschreiben. Im Allgemeinen tragen Alt-Texte dazu bei, die Zugänglichkeit Ihrer Website zu verbessern. Die Bedeutung maximaler Barrierefreiheit ist so groß, dass sich das W3C für Alt-Texte einsetzt. Eine Zeile aus ihren Richtlinien lautet: „Wenn Sie das img-Element verwenden, geben Sie eine kurze Textalternative mit dem alt-Attribut an.“
• Schließlich verwenden Suchmaschinen Alt-Texte, um besser zu verstehen, worum es bei einem Bild geht. Somit sind Alt-Texte, genau wie andere Inhalte auf Ihrer Website, crawlbar. Das folgende Bild zeigt ein Beispiel für Alt-Text:

(Bildnachweis: MDN-Mozilla)

Was ist wichtiger: Bildtitel oder Alt-Text?

Es ist sicher, das Alt-Attribut als wichtiger zu bezeichnen, nachdem man sich die Listen der Verwendung von Titeln und Alt-Texten angesehen hat. Es wäre jedoch ein Fehler zu glauben, dass Titel nutzlos sind. In Wahrheit kann jeder Punkt abhängig von Ihren Zielen von Bedeutung sein.

Wenn Ihr Hauptanliegen die Verbesserung der Benutzererfahrung ist, dann sind Titel Ihr Hauptaugenmerk. Wie bereits erwähnt, können Sie mithilfe von Titeln zusätzliche Details zu einem Bild angeben. Sobald ein Benutzer den Mauszeiger darüber bewegt, sollte die Beschreibung erscheinen.

Aber warum achten Suchmaschinen nicht sehr auf Bildtitel?

Nun, die Antwort hat viel mit der Entwicklung von Suchmaschinen zu tun. Entwickler haben den größten Teil der Codebasis von Google bereits 1999 geschrieben. Im nächsten Jahr gab es auch bedeutende Ergänzungen. Sie haben jedoch nie unbeliebte und unentdeckte HTML-Elemente berücksichtigt. Da Webdesigner Titel nicht häufig verwendeten, gab es keinen Grund, sie vorzusehen. Aktualisierungen des Kerncodes machten das HTML-Titelbild-Tag nie so wichtig wie andere Attribute.

Wenn Sie an SEO denken, dann sollte Ihr Fokus auf dem Alt-Text liegen. Denken Sie daran, dass Google die Informationen innerhalb des alt-Attributs als regulären Webseiteninhalt behandelt. Somit wird es indiziert. Außerdem können Suchmaschinen ein Problem beim Crawlen eines Bildes haben. Alt-Texte stellen eine hervorragende Möglichkeit für sie dar, zu wissen, worum es bei einem Bild geht.

Darüber hinaus bringen Alt-Texte die Barrierefreiheit von Websites auf eine ganz neue Ebene. Trotz Techniken wie Lazy Loading ist es fast unmöglich sicherzustellen, dass alle Bilder auf Ihrer Website zu 100 % geladen werden. Ein Besucher kann Bilder deaktivieren oder eine Verbindung haben, die so langsam ist, dass Bilder nie geladen werden. Bewaffnet mit einem Alt-Text können Sie sicher sein, dass ein Benutzer weiß, worum es bei einem Bild geht, ob es geladen wird oder nicht.

Zusammenfassend lässt sich sagen, dass die Bedeutung von Alt-Text die Titelattribute bei weitem übertrifft. Ihre Verwendungsmöglichkeiten sind relativ zahlreich und ihr Einfluss auf das Ranking einer Website ist bemerkenswert. Obwohl es wichtig ist, sowohl den Titel als auch den Alt-Text zu optimieren, ist es gut, den Informationen des Alt-Attributs mehr Gewicht zu verleihen.

Optimierung des Alt-Textes für SEO

SEO bleibt eines der sichersten Mittel, um hochwertigen Traffic organisch zu generieren. Während es zahlreiche Möglichkeiten gibt, eine Website zu optimieren, ist die Perfektionierung des Alternativtextes ideal, um Ihre Website-Bilder für mehr Verkehr einzurichten. Glücklicherweise ist der Prozess unkompliziert. Einige der in Betracht zu ziehenden Praktiken sind:

Testen Sie die SEO und Leistung Ihrer Website in 60 Sekunden!

Gutes Website-Design ist entscheidend für das Besucherengagement und die Conversions, aber eine langsame Website oder Leistungsfehler können dazu führen, dass selbst die am besten gestaltete Website unterdurchschnittlich abschneidet. Diib ist eines der besten Website-Performance- und SEO-Monitoring-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. Wie in Entrepreneur!

• Einfach zu bedienendes automatisiertes SEO-Tool
• Keyword- und Backlink-Überwachung + Ideen
• Gewährleistet 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

Schreiben Sie für Menschen

Wenn es darum geht, alternative Texte zu schreiben, gilt die Faustregel: „Schreibe, als würdest du für einen Blinden schreiben.“ In Anbetracht der Fälle, in denen Alt-Text angezeigt wird, schadet es nicht, die Regel jederzeit zu beachten. Wie bereits erwähnt, werden die im Bild-Alt-Titel enthaltenen Informationen angezeigt, wenn Bilder nicht angezeigt werden können. Sie möchten also, dass alles über das versteckte Bild erzählt wird.

Schreiben Sie daher eine Erklärung, die ein Mensch lesen und verstehen kann. Noch wichtiger ist, einen beschreibenden Satz zu verfassen. Möglicherweise navigiert eine blinde Person auf Ihrer Website, und das, was Sie eingegeben haben, wäre das einzige, was Sie berücksichtigen könnten. Das folgende Bild zeigt ein gutes und ein schlechtes Beispiel für Alt-Text für dasselbe Bild:

(Bildnachweis: Webhosting-Hub)

Schreiben Sie für Suchmaschinen

Ein Alt-Text liefert nicht nur eine Bildbeschreibung für Nutzer, sondern auch für Suchmaschinen. Fügen Sie daher ein Schlüsselwort hinzu. Achten Sie wie bei anderen Inhalten darauf, dass sie ein Schlüsselwort enthalten, das sich auf den allgemeinen Fluss der Webseite reimt, auf der sich das Bild befindet.

Vermeiden Sie in diesem Zusammenhang schlechte SEO-Praktiken wie Keyword Stuffing. Suchmaschinen kennzeichnen Ihre Inhalte als Spam, was Ihr Ranking niedrig hält. Es ist besser, einen Alt-Text schlecht zu schreiben, als ihn mit Keywords zu füllen. Stellen Sie zur Kontrolle sicher, dass Sie das Schlüsselwort nicht in mehr als 70 % Ihrer Bilder verwenden.

Halt dich kurz

Der Alt-Text beschreibt ein Bild, und es mag verlockend sein, viele Wörter in die Anführungszeichen des Alt-Attributs zu setzen. Aber unterlassen Sie dies. Suchmaschinen werden Sie dafür nicht bestrafen, aber ihr Interesse gilt den ersten sechzehn Wörtern der alternativen Beschreibung. Ein 125 Zeichen langer Alt-Text sollte ein Bild angemessen beschreiben, ohne die Benutzererfahrung zu beeinträchtigen.

Wenn Sie jedoch der Meinung sind, dass ein Bild eine lange Beschreibung erfordert, ist es ratsam, das Attribut „longdesc“ zu verwenden. HTML4 und seine Nachfolger erlauben dieses Attribut im Bild-Tag.

Beispiele für Alt-Text

Wenn Sie gerade erst mit SEO beginnen, kann es etwas schwierig sein, den Unterschied zwischen einem gut und einem schlecht geschriebenen Alt-Text zu verstehen. Daher ist es praktisch, sich Beispiele anzusehen. Stellen Sie sich zur Veranschaulichung ein Bild eines roten, rasenden Autos auf Ihrer Website vor.

Ihr Bild-Tag kann in etwa so aussehen:

img src=“rasendes-auto.jpg“ alt=“rotes auto“ title=“auto“

In einem solchen Fall ist der Alt-Text nicht ideal. Es liefert nur sehr wenige Informationen über das Bild. Eine bessere Version kann wie folgt aussehen:

img src=“rasendes-auto.jpg“ alt=“rotes Auto, das auf einer Autobahn zu schnell fährt“ title=“Auto“

Wenn Sie den Namen der Autobahn kennen, kann es nicht schaden, ihn im Alt-Text zu erwähnen. Vermeiden Sie um jeden Preis, Ihre Keywords zu kompromittieren oder Keyword Stuffing. Wenn der Schlüsselsatz Ihrer Webseite beispielsweise „rotes Auto“ lautet, vermeiden Sie eine Beschreibung wie:

img src=“rasendes-auto.jpg“ alt=“Das ist ein rotes Auto. Das rote Auto bewegt sich sehr schnell und ist so ein schönes rotes Auto“ title=“Auto“

Während sich die obige Beschreibung ausschließlich auf das Bild konzentriert, wird es durch Keyword-Stuffing verdorben. Suchmaschinen werden solche Spam-Phrasen missbilligen. Der zweite Satz liefert dem Benutzer keine nützlichen Informationen über das Bild. Dementsprechend ist es klug, sie auszuschließen.

So fügen Sie einen Alternativtext hinzu

Das Verfahren zum Einfügen eines Alt-Textes in das Bild-Tag hängt davon ab, was Sie zum Erstellen einer Website verwendet haben. Wenn Sie den Hardcode der Website geschrieben haben, ist es besser, das alternative Attribut manuell hinzuzufügen. Zum Beispiel:

Die heutige Webentwicklung beinhaltet jedoch kaum Hardcoding. Die Chancen stehen gut, dass Sie ein Content-Management-System (CMS) oder einen Website-Builder verwendet haben. Informieren Sie sich unbedingt, nach welchem ​​Verfahren Ihr Webdesign-Tool alle Texte hinzufügt. Üblicherweise umfasst die Methodik zwei oder drei Schritte.

Im weltweit beliebtesten CMS, WordPress, ist das Hinzufügen eines HTML-Img-Alt-Titels ein Spaziergang im Park. Nachdem Sie sich bei Ihrem Konto angemeldet haben, suchen Sie das betreffende Bild und klicken Sie auf die Schaltfläche „Bearbeiten“. Es erscheint ein Eingabefeld, das bereit ist, die Daten des alternativen Attributs zu empfangen.

Sie können Alt-Texte in die Medienbibliothek von WordPress aufnehmen. Nachdem Sie ein Bild ausgewählt haben, suchen Sie das alternative Beschreibungseingabefeld, das unter den Details des Bildanhangs angezeigt wird. Zum Beispiel:

(Bildnachweis: WPBeginner)

Wann das Alt-Attribut leer bleiben sollte

Angesichts der bedeutenden Rolle, die Alt-Attribute bei SEO spielen, fällt es Ihnen vielleicht schwer zu glauben, dass es manchmal eine gute Idee ist, sie leer zu lassen. Stellen Sie sich ein Bild vor, das nur zu Positionszwecken auf einer Website platziert wurde. Das Bild reimt sich weder auf den Inhalt noch wertet es diesen auf. Ein Webdesigner kann solche Bilder ausschließlich zum Dekorieren einer Seite verwenden.

Solche Nur-Design-Bilder können ein Null-Alternative-Attribut haben. Sie zu beschreiben wäre unklug, da sie den verfügbaren Inhalt nicht aufwerten. Screenreader überspringen die Bilder, was in Ordnung ist, da sie dem Benutzer nicht helfen, die Seite besser zu verstehen.

Es empfiehlt sich auch, den Alt-Text für Bilder auszuschließen, die Wörter enthalten. Alle Informationen sind auf dem Bild. Eine Beschreibung der Wörter wäre daher irrelevant.

Optimierung des Titels

Da der Titel das Suchranking nicht beeinflusst, gibt es nicht viel dagegen zu tun. In den meisten Fällen ist er kürzer und weniger aussagekräftig als der Alt-Text. Anstatt mehr Informationen über ein Bild zu geben, gibt ein Titel ihm einen Namen.

Das W3C befürwortet jedoch offen die Aufnahme eines Titels in ein Bild-Tag. Ihr HTML-Code ist möglicherweise W3C-ungültig, wenn Sie Ihre Bilder nicht betiteln.

Verfassen Sie beim Schreiben des Titels einen Text, der nicht nur kurz, sondern auch eingängig ist. Das heißt, Titel mit nur einem Wort sind ein No-No. Ein Satz, der ein Bild beschreibt und aus nicht mehr als zehn Wörtern besteht, sollte ausreichen. Zum Beispiel:

Im Gegensatz zum Alt-Tag, das Sie manchmal weglassen können, gibt es keine besonderen Vorkommnisse, die den Ausschluss von Bildtiteln rechtfertigen. Unbenannte Bilder dienen nur dazu, die Benutzererfahrung zu beeinträchtigen. Folglich ist es im besten Interesse jedes SEO-Spezialisten, kein leeres HTML-Titelbild-Tag zu rendern.

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 kann nicht genug von DIIB bekommen!! Bestes Werkzeug und ich bin so dankbar, dass ich es gefunden habe. Ich liebe es absolut!! Drücken Sie die Daumen, dass Sie Ihre Preise nicht erhöhen, weil dies so perfekt ist.

Katarina Gauge
Betriebsleiter bei ahoymatey.com.au

Andere Bildüberlegungen

Bilder sind zweifellos mehr als Alt-Texte und Titel. Ersteres zu optimieren und letzteres zu perfektionieren ist nur ein Teil der Gleichung. Um den Einfluss von Bildern auf SEO voll auszuschöpfen, beachten Sie die folgenden Best Practices für Webbilder:

Halten Sie wichtige Textdaten von Bildern fern

Es ist besser, Worte zu schreiben, als sie auf ein Bild zu malen. Denken Sie daran, dass Suchmaschinen ein Bild nicht in der Tiefe durchsuchen und nicht auf Wörter in einem Bild zugreifen können. Vermeiden Sie mit Text gefüllte Bilder, es sei denn, HTML gibt Textdaten nicht wie gewünscht aus, z. B. beim Schreiben komplexer chemischer Gleichungen.

Es schadet jedoch nicht, Bilder zur Anzeige von Diagrammen zu verwenden. HTML kann die Funktionalität bereitstellen, aber Bilder sind eine bessere Lösung.

Achte auf den Kontext

Das angezeigte Bild sollte mit den Informationen, die ein Abschnitt bereitstellt, verschmelzen. Es wäre keine gute Idee, ein Autobild auf einer Seite zu platzieren, auf der es um Outdoor-Kleidung geht. Lassen Sie Ihre Bilder gleichzeitig so originell wie möglich sein. Suchmaschinen schätzen Originalbilder genauso wie authentische Inhalte.

Schreiben Sie einen guten Bilddateinamen

Dateinamen erscheinen im Titelattribut img src des Bild-Tags. Suchmaschinen verwenden es, um mehr über die Bilder auf Ihrer Website zu erfahren.

Standardmäßig haben Bilder alphanumerische Dateinamen, wie zum Beispiel:

A00002.jpg

Achten Sie darauf, die Namen so zu ändern, dass sie den Inhalt des Bildes widerspiegeln. Denken Sie dabei daran, Dateinamen, die länger als ein Wort sind, mit einem Bindestrich zu trennen. Ein Name wie rotes-auto-auf-autobahn.jpg wäre für Suchmaschinen schwer lesbar, wenn die Bindestriche fehlen. Ändern Sie jedoch nicht das Bildformat, dh Buchstaben nach dem Punkt. Browser können verwirrt werden, wenn sich ein Format von dem unterscheidet, das durch den Dateinamen angegeben wird.

Lassen Sie Ihre Bilder den SEO-Unterschied schaffen

Wenn es um SEO geht, gibt es kein Argument dafür, dass der Inhalt König ist. Aber Bilder sind ebenso ein Teil des Inhalts Ihrer Website wie Worte. Indem Sie die Kunst erlernen, den HTML-Bildtitel zu perfektionieren und den HTML-Bild-Alt-Titel zu optimieren, können Sie damit beginnen, Bilder zu verwenden, um das Ranking Ihrer Website zu verbessern.

Diib: Optimieren Sie noch heute Ihre Bildtitel!

Wenn Sie mit der Verwendung von Bildern für SEO nicht weiterkommen, denken Sie daran, sich die Hunderte von Tools anzusehen, die der Optimierung von Bildern gewidmet sind. Sie können auch einen SEO-Spezialisten beauftragen, der Ihnen bei Ihrer Website hilft, während Sie sich auf Ihr Geschäft konzentrieren. Aber bevor Sie so weit denken, nehmen Sie den ersten Schritt und fangen Sie an, Bilder zu verwenden, um den Traffic selbst zu erhöhen. Dann arbeiten Sie mit Diib Digital zusammen, um das Beste aus Ihren Bildtiteln herauszuholen. Unser Benutzer-Dashboard gibt Ihnen Warnungen und Ziele, die darauf ausgelegt sind, unter anderem Ihre Bildtitel zu optimieren.

Hier sind einige der Merkmale, die uns von der Masse abheben:

• Maßgeschneiderte Ziele zur Verbesserung der Website-Leistung
• Warnungen, die Sie über Ihre Domain Authority und andere technische SEO-Probleme informieren
• Defekte Seiten, auf denen Sie Backlinks haben (404-Checker)
• Keyword-, Backlink- und Indexierungs-Überwachungs- und Tracking-Tools
• Benutzererfahrung und mobile Geschwindigkeitsoptimierung
• Optimierung des Bildtitels
• Plattformspezifische Post-Performance

Klicken Sie hier für Ihren kostenlosen Scan oder rufen Sie einfach 800-303-3510 an, um mit einem unserer Wachstumsexperten zu sprechen.