Wenn Du Dir die Zeit nimmst, die perfekten Fotos zu machen, die besten Filter zu wählen und die einprägsamsten Bildunterschriften zu schreiben, kann es schnell passieren, dass Du eine wichtige Sache übersiehst. Die Sache, von der ich spreche, arbeitet im Hintergrund und hat sowohl Auswirkungen auf die SEO als auch auf die Barrierefreiheit Deiner Beiträge.
Wovon spreche ich? Vom Alt-Text natürlich.
Alt-Texte finden nicht nur in Blogbeiträgen Gebrauch, sie sollten überall dort genutzt werden, wo Bilder zum Einsatz kommen.
In diesem Artikel erfährst Du, was ein Alt-Text ist und warum er wichtig ist. Außerdem gebe ich Dir sieben Tipps zum Schreiben effektiver Alt-Text für die sozialen Medien und ihren Einsatz auf Instagram, Facebook und Twitter.
Was ist ein Alt-Text, und warum ist er wichtig?
Alt-Text (kurz für Alternativtext) ist Text, der in HTML-Code eingebettet ist, um ein Bild auf einer Webseite zu beschreiben. Wenn das Bild angezeigt wird, ist der Alternativtext nicht sichtbar. Ein Bildschirmlesegerät kann jedoch auf den Alternativtext zugreifen, zudem wird er angezeigt, falls das Bild nicht geladen werden kann.
Der Alt-Text kommt in zwei Bereichen zum Einsatz. In der Suchmaschinenoptimierung (SEO) und um Barrierefreiheit zu garantieren.
In der SEO dient der Alt-Text als zusätzliches Textelement, das von Suchmaschinen gelesen werden kann. Dies kann sich positiv auf das Ranking der Seite in den Suchmaschinen auswirken. Im Bereich der Barrierefreiheit ermöglicht der Alt-Text, dass Screenreader die Beschreibung des Bildes vorlesen können, damit alle Nutzer Zugriff auf alle Informationen der Webseite haben, was die Benutzererfahrung verbessert.
Bevor wir fortfahren, möchte ich jedoch einige häufig auftretende Missverständnisse klären. Man kann Bildelementen mehrere Attribute hinzufügen, darunter Alternativtext, Titeltext und Bildunterschriften.
Der Alt-Text wirkt sich, wie oben beschrieben, auf die SEO und Barrierefreiheit aus. Der Titeltext ist nicht erforderlich und weniger vorteilhaft als der Alternativtext. Der Titeltext wird angezeigt, wenn ein Benutzer mit der Maus über ein Bild fährt, daher ist er für die Barrierefreiheit nicht besonders hilfreich.
Bildunterschriften sind für alle Benutzer und Screenreader sichtbar. Sie sind nicht notwendig, können dem Bild aber weiteren Kontext hinzufügen.
7 Tipps zum Schreiben von Alternativtexten für Instagram, Facebook und Twitter
Das Hinzufügen von Alt-Texten zu Deinen Bildern in den sozialen Medien ist wichtig für SEO und um Barrierefreiheit zu garantieren. Um Wirkung zu erzielen, muss man jedoch wissen, wie man Alternativtexte sinnvoll formuliert. Die folgenden sieben Tipps helfen Dir bei der Erstellung funktionaler und beschreibender Alternativtexte.
1. Liefere eine klare Beschreibung des Fotos
Ob aus Gründen der SEO oder Barrierefreiheit: Je klarer Du das Bild beschreiben kannst, desto besser. Was meine ich mit klar?
Nehmen wir das Foto unten als Beispiel.
Hier sind mögliche Alternativtexte, sortiert nach sinnvoller Beschreibung und Klarheit:
Akzeptabel: Katze
Gut: Graue Katze
Besser: Graue Katze leckt Pfote
Das letzte Beispiel vermittelt dem Nutzer ein klares Bild, das die anderen Beispiele nicht vermitteln. Das Foto wird klar beschrieben, sodass sich sogar blinde Benutzer vorstellen können, was zu sehen ist, um den Kontext zu verstehen.
2. Halte Dich knapp
Beschreibend bedeutet nicht, dass man viele Wörter benutzen sollte. Dies könnte tatsächlich dazu führen, dass die wichtigsten Details der Beschreibungen verloren gehen. Benutzer könnten eine schlechte Erfahrung haben, insbesondere diejenigen, die einen Screenreader benutzen. Das liegt daran, dass Screenreader den Alt-Text möglicherweise nach 125 Zeichen abschneiden.
Eine einfache Möglichkeit, die Zeichen zu reduzieren, besteht darin, Wörter wie „sehr“, „wirklich“ und „nur“ zu vermeiden. Wenn Prägnanz nicht Deine Stärke ist, berücksichtige bei der Formulierung Deines Alternativtextes die folgende Grundformel:
Adjektiv + Substantiv + Verb + Adverb
Hier ist ein Beispiel:
Alt-Text: Ein bunter Heißluftballon fliegt über eine Graslandschaft
Obwohl die Formel nicht narrensicher ist, bietet sie Anfängern doch eine gute Grundlage. Du kannst die Formel gerne anpassen, wenn es sinnvoll ist, oder auf eine Wortart verzichten. Die Formel liefert jedoch einen qualitativ hochwertigen Alternativtext für SEO und Barrierefreiheit.
3. Du musst nicht jedes kleinste Detail beschreiben
Im Sinne einer Prägnanz solltest Du auch wissen, wo man die Grenze ziehen muss. Du musst das Foto klar beschreiben, kannst aber nicht auf jedes Detail eingehen. Überlege Dir beim Verfassen des Alternativtextes vorher, was das Bild aussagt und welche Aspekte des Fotos für den Kontext wichtig sind.
Nehmen wir das vorherige Bild noch mal als Beispiel. Das Foto zeigt eine Bisonherde. Wenn es im Beitrag um Bisons ginge, könnte der Alt-Text „Ein bunter Heißluftballon fliegt über eine Bisonherde“ lauten. Es ist aber nicht nötig oder ratsam, sowohl die Graslandschaft als auch die Herde zu erwähnen, da beide Informationen keinen zusätzlichen Kontext liefern.
4. Nicht redaktionell bearbeiten
Dein Alt-Text ist kein Blogbeitrag. Er muss möglichst objektiv sein und nur beschreiben, was auf dem Bild zu sehen ist.
Was bedeutet das?
- Mache keine Annahmen zu Gefühlen oder Emotionen
- Mache keine Annahmen zum Alter, Geschlecht oder der ethnischen Zugehörigkeit der dargestellten Personen
- Stelle kein Urteil über das Thema oder den Kontext des Bildes an
- Erzähle keine Geschichte
Betrachte den Alternativtext als eine Art Datenübertragung. Du solltest nur das aufnehmen, was relevant und mit bloßem Auge erkennbar ist. Dadurch wird sichergestellt, dass alle Betrachter auf dem gleichen Stand sind, unabhängig davon, ob sie das Bild sehen oder nicht.
5. Verwende relevante Keywords
Für die SEO bietet der Alt-Text eine weitere Möglichkeit, relevante Keywords zu verwenden. Es kann sich um das Haupt-Keyword, ergänzende oder verwandte Schlüsselwörter handeln.
Auch wenn die Einbindung von Keywords von Vorteil ist, solltest Du die Verwendung überflüssiger Keywords vermeiden. Der Alt-Text ist kein Ort für Keyword-Listen. Wenn es im Artikel beispielsweise darum geht, wie man eine Katze trainiert, und das Bild eine Katze zeigt, die einen Trick ausführt, wären die folgenden Alt-Texte jeweils schlecht und gut gewählt:
Schlecht: Katze Katzentraining Katzentricks Befehle
Gut: Eine dressierte Katze springt durch einen Hula-Hoop-Reifen
Falls Du Dir nicht sicher bist, ob Dein Alternativtext überflüssige Keywords enthält, solltest Du ihn Dir laut vorlesen. So lässt sich normalerweise hören, ob der Text gestellt klingt oder natürlich fließt.
6. Vermeide die Formulierung „Bild von“
Überflüssige Formulierungen wie „Bild von“ oder „Foto von“ sollten vermieden werden. Sie sind unnötig und fügen dem Alt-Text lediglich mehr Zeichen hinzu, schließlich weiß der Benutzer, dass es sich um ein Bild handelt.
7. Verwende den Text, der auf dem Bild zu sehen ist
Viele Fotos in den sozialen Medien enthalten Textüberlagerungen. Nutze diese zusammen mit der entsprechenden Bildbeschreibung im Alternativtext.
Es kann schwierig sein, in diesem Fall die Zeichenbegrenzung einzuhalten. Wenn Du Dich zwischen dem Einen und dem Anderen entscheiden musst, solltest Du Dir überlegen, ob der überlagerte Text bereits im Inhalt enthalten ist. Wenn dies der Fall ist, kannst Du Dich auf die Beschreibung des Fotos konzentrieren. Wenn nicht, sollte der Text auf dem Bild Vorrang haben, weil er wahrscheinlich einen größeren Mehrwert bietet.
So fügt man Fotos auf Instagram Alt-Text hinzu
So bearbeitet man den Alternativtext eines Instagram-Beitrages:
- Beginne damit, ein vorhandenes Foto auf Instagram hochzuladen. Bearbeite das Foto und klicke dann auf „Weiter“.
- Klicke auf „Bedienhilfe“ und schreibe dann den Alternativtext in das Feld.
- Klicke auf „Teilen“, um den Beitrag zu posten.
So änderst Du den Alt-Text eines Fotos, das Du bereits gepostet hast:
- Klicke über Deinem Foto auf die drei waagerechten Punkte.
- Klicke auf „Bearbeiten“.
- Klicke auf „Bedienhilfe“ und schreibe dann den Alternativtext in das Feld.
- Klicke auf „Fertig“, um Deine Änderungen zu speichern.
So fügt man Fotos auf Facebook Alt-Text hinzu
Facebook fügt hochgeladenen Bildern automatisch Alternativtext hinzu. So bearbeitest Du den Alternativtext eines Fotos auf Facebook:
- Klicke oben in Deinem Feed auf „Foto/Video“.
- Wähle das Foto aus, das Du hinzufügen möchtest.
- Fahre mit der Maus über das Foto und klicke auf „Bearbeiten“.
- Klicke im Menü auf der linken Seite auf „Alternativtext“.
- Der automatisch erstellte Text wird links von Deinem Foto angezeigt. Klicke auf „Erstellten Alternativtext überschreiben“, um ihn zu bearbeiten.
- Gib Deinen Alternativtext in das Feld ein.
- Zum Speichern Deines Alternativtextes klickst Du unten rechts auf „Speichern“.
So änderst Du den Alt-Text eines Fotos, das Du bereits gepostet hast:
- Klicke auf das Foto, um es zu öffnen.
- Klicke oben rechts auf die drei waagerechten Punkte und wähle „Alternativtext ändern“ aus.
- Klicke auf „Erstellten Alternativtext überschreiben“, oder ändere den vorhandenen Text im Textfeld. Außerdem kannst Du auf „Löschen“ klicken, um von Deinem bearbeiteten Alternativtext wieder zu dem automatisch erstellten zu wechseln.
- Klicke auf „Speichern“.
So fügt man Fotos auf Twitter Alt-Text hinzu
So machst Du Deine Bilder allen Nutzern auf Twitter zugänglich:
- Klicke auf den Button „Tweet verfassen“.
- Hänge Deine Fotos an.
- Klicke auf „Beschreibung hinzufügen“, um einen beschreibenden Text einzufügen.
- Ändere die Beschreibung des Bildes. (Die maximale Länge beträgt 1000 Zeichen.)
Die Schritte auf twitter.com sind ähnlich.
Häufig gestellte Fragen zu Alt-Texten für Instagram, Facebook und Twitter
Kann man den Alternativtext sehen, den ich meinen Fotos hinzufüge?
Sogar Nutzer, die keinen Screenreader verwenden, können den Alternativtext finden. Du solltest davon ausgehen, dass jeder den Alternativtext sehen kann, wenn Du ihn Deinen Fotos auf Instagram, Facebook und Twitter hinzufügst.
Wie prüfe ich den Alt-Text von Bildern?
Verwende am besten eine Screenreader-App fürs Handy. Es gibt auch Browser mit integrierten Screenreadern, z. B. MoxBraille und ReadText. Auf diese Weise kannst Du sehen, wie andere Marken Alternativtext verwenden.
Gibt es Bilder, die keinen Alternativtext enthalten sollten?
Dekorative Bilder oder Elemente wie stilisierten Zeilenumbrüche müssen keinen herkömmlichen Alt-Text haben, Du solltest ihnen jedoch einen Nullable-Typ hinzufügen, damit Screenreader sie überspringen. Es ist aber unwahrscheinlich, dass Du diese Elemente in den sozialen Medien nutzt.
Sollten Videos und GIFs auch Alternativtexte enthalten?
Du kannst Videos keinen Alternativtext hinzufügen, obwohl sie andere Optionen für die Barrierefreiheit bieten, z. B. Untertitel. Ob Du GIFs einen Alternativtext hinzufügen kannst, hängt von der Plattform ab. Zum Zeitpunkt des Verfassens dieses Artikels unterstützte Twitter Alternativtext für GIFs, Instagram und Facebook hingegen nicht.
Fazit
Es gibt viele Möglichkeiten, Deine Fotos für die Nutzung in den sozialen Medien zu optimieren. Alt-Texte werden dabei jedoch oft übersehen.
Die Verwendung von Alternativtext bietet zwei Vorteile:
- Alt-Text bietet den Suchmaschinen zusätzlichen Kontext, was Dein Ranking verbessern kann.
- Alt-Text macht Deinen Inhalt auch Benutzern zugänglich, die einen Screenreader benötigen.
Die sieben oben genannten Tipps sollten Dir helfen, beschreibende, prägnante Alternativtexte für Deine Beiträge auf Instagram, Facebook und Twitter zu erstellen. Jetzt hast Du keine Ausrede mehr, auf Alt-Texte zu verzichten.
Wusstest Du, dass Fotos, die in den sozialen Medien veröffentlicht werden, Alt-Texte haben können?
