Ein Alt-Text für SEO ist ein beschreibendes Textattribut, das einem HTML-Bild-Tag hinzugefügt wird und Suchmaschinen sowie Screenreadern Informationen über den visuellen Inhalt liefert. Google verwendet Alt-Texte zusammen mit Computer-Vision-Algorithmen und dem Kontext der umgebenden Seite, um Bilder korrekt zu kategorisieren. Durch die Implementierung klarer und prägnanter Beschreibungen helfen Sie Suchmaschinen dabei, Ihre Medieninhalte präzise zu indexieren, während Sie gleichzeitig sicherstellen, dass Ihre digitalen Inhalte für alle Nutzer zugänglich bleiben.
Warum ist ein Alt-Text für Bilder für Ihre Website unerlässlich?
Die Hauptfunktion von Alt-Texten ist die Barrierefreiheit. Nutzer, die auf Screenreader angewiesen sind, verlassen sich auf diese Textbeschreibungen, um zu verstehen, was ein Bild darstellt. Wenn ein Bild nicht geladen werden kann, erscheint der Alt-Text zudem als Platzhalter und bietet dem Besucher Kontext.
Aus Sicht der Suchmaschinen fungiert der Alt-Text als Brücke. Obwohl die Computer-Vision-Technologie Fortschritte gemacht hat, kann sie die spezifische Absicht oder das Thema eines komplexen Fotos oder Diagramms nicht immer interpretieren. Die Bereitstellung manueller, beschreibender Alt-Texte stellt sicher, dass Ihre Bilder zur allgemeinen Relevanz Ihrer Seite für spezifische Suchanfragen beitragen.
Was macht eine Alt-Text-Beschreibung effektiv?
Ein effektiver Alt-Text ist beschreibend, spezifisch und relevant für den Inhalt der Seite. Vermeiden Sie Keyword-Stuffing, da dies sowohl für Nutzer als auch für Suchmaschinen ein negatives Erlebnis schafft. Konzentrieren Sie sich stattdessen darauf, das Bild so zu beschreiben, als würden Sie es jemandem erklären, der es nicht sehen kann.
Eigenschaften hochwertiger Alt-Tags
- Seien Sie spezifisch: Beschreiben Sie das Motiv, die Handlung oder den Kontext, der im Bild zu sehen ist.
- Seien Sie prägnant: Halten Sie den Text unter 125 Zeichen, um die Kompatibilität mit den meisten Screenreadern zu gewährleisten.
- Seien Sie relevant: Verwenden Sie Begriffe, die sich auf den umgebenden Seitentext beziehen.
- Vermeiden Sie Füllwörter: Fügen Sie keine Phrasen wie ‘Bild von’ oder ‘Foto von’ ein, da dies für Screenreader-Nutzer redundant ist.
Wie schreibt man Alt-Texte für verschiedene Arten von Bildern?
Unterschiedliche Bilder erfordern unterschiedliche Ansätze. Ein Produktfoto in einem Shopify-Shop benötigt eine andere Beschreibung als ein dekoratives Hintergrundelement. Wenn Sie beispielsweise eine blaue Ledertasche verkaufen, sollte der Alt-Text den Produkttyp, die Farbe und das Material angeben. Wenn das Bild ein allgemeines Designelement ist, benötigt es möglicherweise gar keinen beschreibenden Text.
Umgang mit dekorativen vs. funktionalen Bildern
- Produktbilder: Fügen Sie die Marke, den Produktnamen und wichtige visuelle Merkmale hinzu.
- Informationelle Bilder: Fassen Sie die Daten oder den Hauptpunkt des Bildes zusammen.
- Dekorative Bilder: Verwenden Sie ein leeres Alt-Attribut (alt=””), um Screenreadern mitzuteilen, dass sie das Element überspringen sollen.
- Text in Bildern: Transkribieren Sie den Text exakt, wenn er einen funktionalen Zweck erfüllt.
Dürfen Sie Keywords in Ihren Bild-Alt-Texten verwenden?
Sie können relevante Keywords einfügen, aber sie müssen natürlich innerhalb der Beschreibung erscheinen. Wenn Ihre Seite über Mountainbiken handelt, ist ein Alt-Text wie ‘Mountainbiker fährt einen felsigen Pfad hinunter’ hervorragend. Er beschreibt die Szene präzise und integriert das Keyword auf natürliche Weise.
Vermeiden Sie es, Listen von Keywords in Ihre Alt-Tags zu schreiben. Wenn Sie ein Bild eines Laufschuhs haben, bezeichnen Sie es nicht als ‘Laufschuh, bester Laufschuh, billiger Schuh, Sportschuh’. Diese Praxis löst Spam-Filter aus und bietet den Nutzern keinen Mehrwert. Bleiben Sie bei einem klaren, für Menschen lesbaren Satz.
Wo implementieren Sie Alt-Texte in Ihrem CMS?
Die meisten Content-Management-Systeme machen das Hinzufügen von Alt-Texten einfach. In WordPress finden Sie das Feld ‘Alt-Text’ in der Mediathek oder im Block-Editor, wenn Sie ein Bild auswählen. In Shopify bearbeiten Sie dies normalerweise in den Medieneinstellungen der Produkt- oder Kollektionsseite.
Wenn Sie den rohen HTML-Code bearbeiten, ist die Syntax unkompliziert. Sie fügen das Alt-Attribut direkt in das Bild-Tag ein, wie zum Beispiel: 
. Stellen Sie immer sicher, dass Sie Ihre Anführungszeichen korrekt schließen.
Wie Sie Ihre Website auf fehlende Alt-Texte prüfen
Ein Website-Audit ist der beste Weg, um fehlende oder schlechte Alt-Tags zu finden. Sie können Tools wie Screaming Frog oder die integrierten Audit-Funktionen in Google Lighthouse verwenden. Diese Tools markieren Bilder, denen Alt-Attribute fehlen, sodass Sie die wichtigsten Seiten Ihrer Website priorisieren können.
In einem typischen Konto bietet die Korrektur der Alt-Texte für die Top 20 % Ihrer Traffic-starken Seiten den größten Effekt. Beginnen Sie mit Ihren Produktseiten, Service-Landingpages und Blogbeiträgen, die Originalfotos oder Diagramme enthalten. Machen Sie sich keine Sorgen darüber, Tausende von Alt-Bildern auf einmal zu reparieren; priorisieren Sie diejenigen, die in den Suchergebnissen erscheinen.
Wo Sie diese Woche anfangen sollten
Beginnen Sie damit, die zehn Bilder auf Ihrer Website zu identifizieren, die auf Ihren meistbesuchten Seiten erscheinen. Öffnen Sie diese Seiten und untersuchen Sie die Bilder mit den Entwicklertools Ihres Browsers oder Ihrem CMS-Medieneditor. Prüfen Sie, ob der Alt-Text vorhanden ist, und wenn ja, bewerten Sie, ob er beschreibend ist und kein Keyword-Stuffing enthält.
Sobald Sie diese zehn Bilder aktualisiert haben, gehen Sie zum nächsten Satz über. Indem Sie jede Woche nur dreißig Minuten für diese Aufgabe aufwenden, schaffen Sie eine Gewohnheit, die sowohl Ihre Barrierefreiheitsstandards als auch Ihre Suchleistung verbessert. Denken Sie daran, dass Alien Road sich auf den langfristigen Nutzen dieser kleinen, konsistenten Inhaltsaktualisierungen konzentriert.
Konsistenz bleibt der wichtigste Faktor bei SEO. Wenn Sie neue Bilder hochladen, machen Sie es zu einem festen Bestandteil Ihres Workflows, den Alt-Text zu schreiben, bevor Sie auf Veröffentlichen klicken. Dies verhindert einen Rückstau an nicht optimierten Bildern und stellt sicher, dass jedes neue Stück Inhalt, das Sie hinzufügen, von Tag eins an Ihre Barrierefreiheitsziele erfüllt.
Denken Sie daran, dass Alt-Text nur ein Teil Ihrer Bildoptimierungsstrategie ist. Stellen Sie sicher, dass Ihre Bilddateinamen beschreibend sind, wie ‘rote-ledertasche.jpg’ anstelle von ‘IMG_001.jpg’. Wenn Sie beschreibende Dateinamen mit präzisen Alt-Texten kombinieren, geben Sie Suchmaschinen die bestmöglichen Daten, um Ihren Inhalt zu verstehen.
Überwachen Sie schließlich die Leistung Ihrer Website über die Google Search Console, um zu sehen, ob sich Ihr Bildsuch-Traffic im Laufe der Zeit verschiebt. Während Ergebnisse nicht über Nacht eintreten, ist die Bereitstellung von klarem Kontext ein grundlegender Schritt beim Aufbau einer Website, die sowohl benutzerfreundlich als auch suchmaschinenbereit ist. Verfeinern Sie Ihren Ansatz kontinuierlich basierend auf den spezifischen Bedürfnissen Ihres Publikums.
Weiterlesen: SEO (Suchmaschinenoptimierung) · SEO