Die Suchmaschinen-Ergebnisseiten (SERPs) von Google haben jetzt ungefähr so viele Bildergebnisse wie Textergebnisse. Bevor organische Textergebnisse verfügbar sind, zieht Google ein riesiges Paket anklickbarer Bilder oben auf die Hauptergebnisseite. Trotz deiner besten SEO-Bemühungen könnten die Fotos deiner Website eine Quelle für organischen Traffic sein, den du verlierst. Wie bekommst du ein Stück von diesem wertvollen Traffic?
Weißt du, was ein Alt-Text ist? Es ist das erste Konzept der Barrierefreiheit im Web, Alt-Texte für Bilder einzuschließen. Es ist auch eines der schwierigsten, es richtig in die Praxis umzusetzen. Im Internet gibt es mehrere Bilder mit unvollständigem, falschem oder schlechtem Alternativtext. Die Bestimmung eines geeigneten, gleichwertigen Bildtitel-Tags ist, wie so viele andere Aspekte der Barrierefreiheit im Internet, oft eine Frage der persönlichen Interpretation. Dieser Artikel vermittelt unser erfahrenes Verständnis der akzeptablen Verwendung von Bild-Alt-Text und Alt-Text-Beispielen.
Die Themen, zu denen viele Unternehmen und Verlage Inhalte erstellen, erfordern zunehmend Bilder als Begleittext. Wenn du über Fotografie schreibst, sind fotografische Beispiele deiner Perspektive für die Freude deiner Leser an deiner Arbeit unerlässlich. Screenshots von Software sind oft der beste Weg, um zu veranschaulichen, wie man sie benutzt, während man ihre Benutzung demonstriert.
Was ist Alt-Text und wie funktioniert er?
Was ist also ein Alt-Text? Sie werden auch als „Bild-Alt-Tags“ bezeichnet. „Alt-Tags“ sind eine Art HTML-Code, der das Erscheinungsbild und den Zweck eines Bilds auf einer Webseite beschreibt.
Wenn ein Bild auf einer Website nicht auf den Computer eines Benutzers geladen werden kann, ist Alt-Text die geschriebene Kopie, die an seiner Stelle erscheint. Diese alternativen Textbilder unterstützen Bildschirmlesesoftware bei der Beschreibung von Bildern für sehbehinderte Leser und ermöglichen es Suchmaschinen, deine Website effektiver zu crawlen und zu bewerten.
Unabhängig davon, ob du SEO für dein Unternehmen durchführst, die Optimierung des Bildes und des Alt-Texts deiner Website ist der Schlüssel, um deinen Besuchern eine bessere Benutzererfahrung zu bieten, unabhängig davon, wie sie dich gefunden haben.
Alt-Tags werden verwendet für:
• Das Hinzufügen von Alt-Tags zu Bildern ist in erster Linie ein Konzept für die Webzugänglichkeit. Ein Bild-Alt-Text wird sehbehinderten Benutzern vorgelesen, die Screenreader verwenden, um ihnen zu helfen, ein Bild auf der Seite zu verstehen.
• Wenn eine Bilddatei nicht geladen werden kann, wird an ihrer Stelle Alt-Text angezeigt.
• Alt-Tags bieten Suchmaschinen-Crawlern besseren Bildkontext/-beschreibungen und helfen ihnen so, ein Bild richtig zu indizieren.
3 Alt-Textbeispiele (gut & schlecht)
1. Was ist der Unterschied zwischen einem Schlüsselwort und einem Detail?
Bild von Strikingly
Schlechter Alt Text: „Strikingly Homepage Erstelle eine Website in wenigen Minuten, lege los, es ist kostenlos“
Was hat es mit dieser Alt-Text Zeile da oben auf sich? Es gibt viel zu viele Verweise auf Strikingly. Die Verwendung von Alt-Text, um Schlüsselwörter in unterbrochene Sätze zu packen, fügt dem Bild zu viel Flaum und nicht genug Bedeutung hinzu. Der Publisher wird diese Keywords wertschätzen, Google jedoch nicht.
In Wirklichkeit macht es der obige Text für Google schwierig zu verstehen, wie sich das Bild auf den Rest der Website oder den Artikel bezieht, auf dem es sich befindet, was es dem Bild unmöglich macht, für ähnliche Longtail-Keywords mit höherem Interesse zu ranken.
Guter Alt-Text: „Strikingly Website-Builder-Anmeldeseite“
2. Spezifität vs. Detail
Dieses Bild stammt von der Website in.musafir.com
Bad Alt Text: "Hund in Paris"
Während die obige Zeile des Alt-Textes logischerweise der ersten Regel des Alt-Textes folgt, nämlich beschreibend zu sein, tut sie dies falsch. Ja, das obige Bild zeigt Paris, Frankreich und einen Hund. Aber das ist auch ein Anblick von Eifellturm und einem Chihuahua-Hund. Wenn sich das Bild beispielsweise in einem Blogbeitrag über Reisen nach Frankreich befindet, benötigt Google diese Details, um es richtig zu indexieren.
Guter Alt-Text: "Chihuahua sitzt auf einem roten Stuhl am Eiffelturm, Paris, Frankreich"
3. Kontext vs. Spezifität
Die Bedeutung in den beiden obigen Bildern ist einfach, was uns helfen kann, guten Alternativtext zu schreiben: Das eine stammt von der Strikingly Website und das andere aus Paris, Frankreich. Aber was ist, wenn deinem Bild ein offizieller Kontext (wie ein Ortsname) zur Erklärung fehlt?
Hier kann das Thema des Artikels oder der Website, auf der du das Bild hochlädst, nützlich sein.
Beispiele für schlechten und guten Alternativtext, je nachdem, warum du ihn veröffentlichst
1. Für einen Artikel über die Verwendung von Buchhaltungssoftware.
Schlechter Alt-Text: „Man zeigt auf den Computerbildschirm einer Person“
Warum reicht die obige Zeile mit Alt-Text nicht für eine Webseite über Buchhaltungssoftware? Es ist fast so anschaulich und präzise wie der gute Alt-Text aus dem vorherigen Beispiel. Dieses Beispiel vertieft sich viel weiter in das Thema Business School und besagt, dass die Zielgruppe dieser Seite Studenten sind. Daher muss der Alt-Text für Bilder dies darstellen.
Guter Alt-Text: „Geschäftsmann verwendet Buchhaltungssoftware, um ein Buchhaltungsteam zu instruieren“
2. Für einen Artikel über das Studium.
Schlechter Alt-Text: „Mann zeigt auf den Computerbildschirm einer Person“
Der obige Alt-Text würde normalerweise ausreichen, aber da wir dieses Bild zusammen mit einem Artikel über Business School veröffentlichen möchten, verlieren wir einige Keyword-Optionen, die Google dabei helfen könnten, das Bild mit bestimmten Teilen des Artikels zu verknüpfen.
Guter Alt-Text: "Professor der Universität zeigt auf den Computerbildschirm eines Studenten"
Bedeutung von Alt-Text
1. Zugänglichkeit
Ein grundlegendes Prinzip des offenen Webdesigns ist Alt-Text. Seine wichtigste (und immer noch primäre) Funktion besteht darin, blinden Besuchern Fotos zu erklären. Dazu gehören Screenreader und Browser, die Bilder blockieren, sowie Benutzer, die behindert oder anderweitig nicht in der Lage sind, ein Bild visuell zu erkennen. Durch die Verwendung von einem Alt-Text mit deinen Fotos werden alle Benutzer, unabhängig von ihrem Sehvermögen, den Inhalt deiner Website zu schätzen wissen.
2. Bildsuchmaschinenoptimierung
Das Einfügen von Alt-Tags in deine Fotos kommt nicht nur Kunden zugute, sondern kann dir auch dabei helfen, sowohl explizite als auch implizite SEO-Vorteile zu erzielen. Zusammen mit den folgenden Best Practices für Bildtitel und Dateibenennung kann das Einschließen von Alt-Tags für Bilder bei der Bild-SEO hilfreich sein.
Obwohl sich die Bilderkennungstechnologie im Laufe der Zeit stark verbessert hat, können Such-Crawler die Bilder auf einer Website-Seite immer noch nicht so „sehen“, wie wir es können, daher ist es keine gute Idee, sich zum Verständnis nur auf sie zu verlassen. Es ist wahrscheinlich, dass sie, wenn sie es nicht verstehen oder falsch verstehen, entweder für unbeabsichtigte Keywords ranken oder ganz ausfallen.
Du kannst Bild-Alt-Text verwenden, um dein Ziel-Keyword einzufügen. Da die Verwendung von Schlüsselwörtern auf der Seite immer noch ein Rankingfaktor für Suchmaschinen ist, ist es in deinem besten Interesse, Alt-Text zu erstellen, der das Bild erklärt, während du, wenn möglich, auch ein Schlüsselwort oder eine Schlüsselwortphrase verwendest, auf die du abzielst.
Alt-Text optimieren: Best Practices und wie man gute Alt-Texte schreibt
Ein Alt-Text für Bilder muss beschreibend sein und dennoch symbolisch für die unterstützte Webseite stehen. Hast du das Wesentliche bisher verstanden? Hier sind ein paar wichtige Punkte, die du beim Schreiben eines erfolgreichen Bildtitel-Tags für SEO beachten solltest.
- Beschreibe das Bild ausführlich. Verwende das Thema und die Bedeutung des Bildes, um dich zu leiten. Sei so detailliert wie möglich, wenn du das Bild beschreibst. In erster Linie sollen Alt-Text Textbeschreibungen von Bildern für blinde oder sehbehinderte Benutzer bereitstellen. Wenn ein Bild keine Bedeutung oder Aussagekraft hat und nur zu Designzwecken da ist, sollte es eher im CSS als im HTML platziert werden.
- Halte deine Alt-Tags auf 125 Zeichen oder weniger. Wenn diese Erklärung für Sehbehinderte verbalisiert wird, hören Bildschirmlesewerkzeuge in der Regel in diesem Stadium auf, Alt-Texte vorzulesen, und schneiden langatmigen Alt-Text in unpassenden Momenten ab.
- Verwende Schlüsselwörter, aber sparsam. Verwende einfach das Ziel-Keyword deines Artikels in deinem Alt-Text, wenn dies einfach möglich ist. Wenn nicht, denke darüber nach, verwandte Keywords zu verwenden, die einfach die relevantesten Begriffe innerhalb eines Longtail-Keywords sind. Wenn das Hauptschlüsselwort deines Artikels beispielsweise „Wie benutzt man Planogramme“ lautet, kannst du in deinem Alt-Text „Planogramme benutzen“ einfügen.
- Stecke dein Schlüsselwort nicht in den Alt-Text jedes Bildes. Füge dein Schlüsselwort in mindestens einem deiner Fotos ein, wenn dein Blog-Beitrag eine Sequenz davon enthält. Wähle das Bild aus, von dem du glaubst, dass es dein Thema am besten repräsentiert, und mache es zu deinem Schlüsselwort. Halte dich in den umgebenden Medien an ästhetischere Details.
- Bilder sollten nicht als Text verwendet werden. Dies ist eher ein allgemeiner SEO-freundlicher Grundsatz der Webentwicklung als eine alttextspezifische Best Practice. Du solltest aufhören, Bilder anstelle von Wörtern zu verwenden, da Suchmaschinen keinen Text in Bildern lesen können. Verwende bei Bedarf deinen Alt-Text, um zu verdeutlichen, was dein Bild bedeutet.
Hinzufügen von Alt-Text zu deinem Website-Bild
Nachdem du nun verstanden hast, wie wichtig Alt-Text als SEO-Tool ist und wie man einen guten Alt-Text schreibt, lass uns weitermachen, wie du Alt-Text zu deinen Website-Bildern hinzufügen kannst.
Alt-Text zu einzelnen Bildern hinzufügen:
- Navigiere in deinem Web-Editor zu dem Bild, das du bearbeiten möchtest.
- Bewege die Maus über das Bild und wähle „Bearbeiten“.
- Um deinen alternativen Text hinzuzufügen, klicke auf „alternativen Text hinzufügen“.
- „Speichern“ sollte ausgewählt sein.
Bild von Strikingly
Die Verwendung von Bildern in deinen Artikeln inspiriert die Leute, sie zu lesen, und gut ausgewählte Bilder helfen dir auch dabei, in den Ergebnissen der Bildersuche einen guten Rang einzunehmen, indem sie deinen Beitrag unterstützen. Denke jedoch daran, deinen Fotos starke Alt-Attribute anzubieten: Alt-Text verbessert die Botschaft deiner Artikel in Suchmaschinen und erhöht die Benutzerfreundlichkeit deiner Website.
Erstelle deine Website!
Ein Alt-Text funktioniert am besten, wenn er gut geschrieben ist. Aber wo veröffentlichst du die Bilder, Artikel und Blogs, die du gerade erstellt hast? Die Antwort ist einfach. Erstelle eine Website!
Bild von Strikingly
Strikingly hat Hunderte von atemberaubenden und kostenlosen Website-Vorlagen zur Auswahl. Es stehen E-Commerce-Website-Vorlagen, Musik-Website-Vorlagen, Fotografie-Vorlagen und vieles mehr zur Auswahl.
Bild von Strikingly
Jetzt musst du nur noch diejenige auswählen, die den Anforderungen, dem Aussehen und dem Klang deines Unternehmens am besten entspricht. Dann melde dich in wenigen Minuten kostenlos an. Personalisiere schließlich deine Seiten, indem du deinen eigenen Inhalt und Stil integrierst.
Mache deinen Alt-Text wichtig.
Wie gehst du also vor, um einen Alt-Text für deine Blog-Beiträge und Webseiten zu erstellen? Erwäge, eine einfache Prüfung deines aktuellen Inhalts durchzuführen, um festzustellen, wo der Alt-Text zu zuvor nicht getaggten Bildern hinzugefügt werden kann. Behalte im Auge, wie sich dein organischer Traffic verändert, wenn du den Seiten neue Alt-Tags hinzufügst. Je mehr Fotos du veredelst, desto effektiver wird deine SEO-Strategie. Wende dich für weitere Einzelheiten noch heute an unseren Chat-Support!