Bilder und Alt-Texte: 7 Tipps für Hotels und Destinationen
KI-generierte Illustration zum Thema passende Bilder und hilfreiche Alt-Texte.
Dieser Beitrag gehört zur Praxisreihe „KI-Sichtbarkeit im Tourismus – verständlich umsetzen“.
Auf deiner Frühstücksseite erklärst du das Brot von der Bäckerei im Ort. Für den Wandertipp beschreibt ihr die Bank mit dem schönsten Seeblick. Zeigen die Bilder auf diesen Seiten auch genau diese Dinge?
Ich würde bei der Bildauswahl mit derselben Frage beginnen wie beim Text: Was hilft unseren Gästen, sich etwas konkret vorzustellen? Danach kommen die kurzen Beschreibungen dazu. Alt-Texte machen Bildinformationen auch für Menschen zugänglich, die das Bild nicht sehen können.
Was sind Alt-Text und Bildunterschrift?
Der Alt-Text ist eine Textalternative zum Bild. Ein Vorleseprogramm kann sie ausgeben. Welche Information hinein gehört, hängt davon ab, welche Aufgabe das Bild auf der Seite hat. Die W3C-Entscheidungshilfe hilft bei der Auswahl.
Die Bildunterschrift ist hingegen für alle sichtbar. Sie kann zusätzlichen Kontext nennen, etwa den Namen des Aussichtspunktes. Der Dateiname bezeichnet die Bilddatei. Diese drei Angaben haben unterschiedliche Aufgaben.
1. Kläre, welche Frage das Bild beantworten soll
Beim Frühstück könnte es zeigen, wie der Raum aussieht oder welches Brot ihr anbietet. Bei der Wanderung könnte es den Aussichtspunkt erkennbar machen. Schreib vor der Auswahl einen Satz auf: „Dieses Bild hilft Gästen, …“
So merkst du auch, ob euch noch ein gezieltes Foto fehlt. Ein neues Foto von der beschriebenen Stelle kann für diese Seite hilfreicher sein als ein weiteres allgemeines Landschaftsbild.
2. Wähle das Motiv passend zum Thema
Auf der Seite über euren Frühstücksraum würde ich ein Foto dieses Raums verwenden. Beim konkreten Aussichtspunkt würde ich genau diesen Platz zeigen. Euer Team kennt die Details, die Gäste vorab interessieren.
Eine Illustration kann wiederum ein Thema erklären oder eine Idee veranschaulichen. Legt bei der Auswahl fest, ob das Bild einen tatsächlichen Ort zeigt oder das Thema bildlich aufbereitet. Davon hängen Beschriftung und Einsatz ab.
3. Beschreibe die wichtige Bildinformation
Bei einem informativen Foto soll die Textalternative die relevante Bildinformation kurz vermitteln. Die W3C-Hinweise zu informativen Bildern erklären, warum der Kontext dabei wichtig ist.
Für das Foto mit der Aussicht könnte ein Alt-Text lauten: „Bank oberhalb der Wiese mit Blick auf den See.“ Das sagt etwas über das Motiv. Der danebenstehende Text kann weiterhin den Weg dorthin erklären.
Lies die Bildbeschreibung ohne Foto. Versteht jemand dadurch, welche Information das Bild auf dieser Seite beiträgt? Du musst dafür nicht jedes Detail des Fotos aufzählen.
4. Unterscheide Information, Dekoration und Funktion
Ein rein dekoratives Bild ohne zusätzliche Information bekommt in der technischen Umsetzung eine leere Textalternative, also alt="". Es einfach ohne Alt-Attribut einzusetzen ist etwas anderes. Die W3C-Hinweise zu dekorativen Bildern erläutern diese Unterscheidung.
Wenn ein Bild allein als Link oder Schaltfläche dient, soll die Textalternative das Ziel oder die Aktion vermitteln. Eine allein anklickbare Wanderkarte könnte etwa „Wanderkarte herunterladen“ heißen. Die Hinweise zu funktionalen Bildern.
Bitte eure Website-Betreuung, dir zu zeigen, wie diese Fälle in eurem System eingestellt werden. Ein leeres Eingabefeld wird je nach System unterschiedlich behandelt.
5. Ergänze passenden Kontext neben dem Bild
Google berücksichtigt unter anderem Alt-Text und den Seiteninhalt, um das Bild einzuordnen. Beschreibende Dateinamen können kleine zusätzliche Hinweise liefern. Googles Empfehlungen zu Bildern.
Mein Vorschlag: Verwende einen verständlichen Dateinamen wie „fruehstuecksraum-hotel-morgenblick.jpg“. Die sichtbare Bildunterschrift kann dann den Ortsbezug ergänzen. Was du zum Motiv schreibst, sollte zu dem passen, was das Bild und die Seite vermitteln.
Fülle die Beschreibung nicht mit einer Reihe von Suchbegriffen. Google empfiehlt nützliche Alt-Texte und warnt vor solchen Wortlisten. Hinweise zu Alt-Texten.
6. Prüfe den Ausschnitt am Handy
Schau die fertige Seite auch auf einem kleinen Bildschirm an. Bleibt die Aussichtsbank sichtbar? Ist das entscheidende Detail im Frühstücksraum noch zu erkennen? Wird eine Beschriftung abgeschnitten?
Frag die Betreuung außerdem nach passenden Bildgrößen für verschiedene Bildschirme. Google empfiehlt, Bildqualität und Ladegeschwindigkeit gemeinsam zu beachten. Bildqualität und Ladezeit. Für dich zählt, ob Gäste das Motiv gut erkennen und die Seite angenehm nutzen können.
7. Nutze KI mit dem Bild und eurem Wissen als Grundlage
KI kann dir Entwürfe für eine Bildbeschreibung liefern. Gib ihr das konkrete Bild und sage dazu, auf welcher Seite es verwendet wird und welche Aufgabe es dort hat. Euer Orts- und Hauswissen ergänzt den Kontext.
Ein Arbeitsauftrag könnte lauten: „Dieses Foto steht auf unserer Seite über den Frühstücksraum. Formuliere eine kurze Textalternative für die relevante Bildinformation. Kennzeichne Details, die du im Bild nicht sicher erkennen kannst, als Rückfrage.“ Prüft den Vorschlag im Team.
Wenn ihr eine KI-generierte Illustration verwendet, macht ihren Charakter im passenden Kontext erkennbar, etwa mit einer sichtbaren Bildunterschrift. Google empfiehlt, LeserInnen sinnvollen Kontext zur Entstehung von Inhalten zu geben. Googles KI-Leitfaden.
Hotelbeispiel: Das Frühstück zeigen
Ein Foto zeigt den Frühstücksraum im Hotel Morgenblick: gedeckte Holztische am Fenster und eine Brotstation. Für die Seite über das Frühstück wählt ihr einen Ausschnitt, in dem beides erkennbar bleibt.
Alt-Text: „Gedeckte Holztische am Fenster und Brotstation im Frühstücksraum.“ Bildunterschrift: „Frühstück im Hotel Morgenblick. Das Brot holen wir morgens bei der Bäckerei im Ort.“
Die Herkunft des Brots kommt aus eurem Wissen und gehört als Zusatz in den sichtbaren Text. Das Foto zeigt den Raum; eure Beschriftung erklärt den Bezug zum Haus.
Destinationsbeispiel: Die Aussichtsbank erkennbar machen
Der Wandertipp für Bergtal führt zur Bank oberhalb der Wiese. Ein Foto zeigt diese Bank und den See dahinter. Auf dieser Seite hilft es Gästen, den empfohlenen Platz wiederzuerkennen.
Alt-Text: „Aussichtsbank oberhalb einer Wiese mit Seeblick.“ Bildunterschrift: „Die Aussichtsbank erreichst du über den Abstecher beim alten Brunnen. Den Weg zeigt dir unsere Beschreibung.“
Für eine komplexe Wegkarte reicht dagegen meist keine kurze Bildbeschreibung. Die wesentlichen Wegangaben gehören zusätzlich als lesbarer Text auf die Seite. Die W3C-Entscheidungshilfe zu komplexen Bildern.
Dein nächster Schritt
Wähle drei Bilder von euren wichtigsten Seiten. Druck den Bild-Check aus und halte Motiv, Aufgabe, Alt-Text und Bildunterschrift fest. So entsteht eine kleine, überschaubare Überarbeitung.
Wenn du eure Haus- und Regionsinformationen gemeinsam mit dem Team für die Website aufbereiten möchtest, schreib mir an info@kinet.ai.
Aktualisiert: 4. Oktober 2026. Grundlage sind die verlinkten Originalquellen; Beispiele und Arbeitsabläufe sind redaktionelle Ableitungen.
Kommentare