Medienübersetzung: So übersetzen Sie Bilder, Videos und PDFs auf Ihrer Website

Fassen Sie diesen Beitrag zusammen mit: 9 Minuten Lesezeit

ChatGPT Ratlosigkeit Grok Google AI

Sie übersetzen die Bilder auf einer Website in zwei Ebenen. Übersetzen Sie zunächst den Text, der zu jedem Bild gehört (alt-Text, Titelattribute, Bildunterschriften und den Dateinamen). Zweitens: Erstellen Sie für jedes Bild, in das Wörter oder kulturspezifische Inhalte integriert sind, eine lokalisierte Version und stellen Sie diese Datei nur auf der entsprechenden Sprachversion der Seite bereit. Für Videos und PDFs gilt die gleiche Regel: Übersetzen Sie, was sie beschreibt, und tauschen Sie die Datei selbst aus, wenn der Inhalt sprachgebunden ist.

Wichtige Erkenntnisse

• Alt-Text ist der Teil, den Google liest. Google nennt es “das wichtigste Attribut, wenn es darum geht, mehr Metadaten für ein Bild bereitzustellen” (Google Search Central), daher ist ein nicht übersetztes Alt-Attribut in jeder Sprache ein übersehenes Ranking-Signal.
• Nur Bilder mit Text, Preisen, lokalen Referenzen oder Personen- und Kulturhinweisen benötigen eine separate Datei. Dekorative Bilder und Produktfotos tun dies normalerweise nicht.
• Tauschen Sie Dateien pro Sprache per URL aus, anstatt Text mit CSS-Tricks zu überlagern. Jede Sprachseite sollte auf ihre eigene Bilddatei verweisen.
• Google empfiehlt, auch Dateinamen zu übersetzen, wenn Sie Bilder lokalisieren.
• Der schnellste Weg, den Großteil dieser Arbeit zu vermeiden, besteht darin, bei neuen Designs keinen Text mehr in Bilder einzufügen.

Warum Medienübersetzung wichtig ist

Besucher bemerken, wenn die Wörter übersetzt werden und die Bilder nicht. Eine französische Preisseite, die ein englisches “Jetzt kaufen” Banner zeigt, oder eine deutsche Landingpage mit einem Screenshot voller englischer Benutzeroberfläche, liest sich als halbfertig.

Die kommerziellen Argumente dafür, es richtig zu machen, ergeben sich aus der Art und Weise, wie Menschen einkaufen. In der Umfrage “Can't Read, Won't Buy” von CSA Research aus dem Jahr 2020 unter 8.709 Verbrauchern in 29 Ländern gaben 76 % der Online-Käufer an, dass sie lieber Produkte mit Informationen in ihrer Muttersprache kaufen, und 40 % sagten, dass sie niemals auf Websites in anderen Sprachen kaufen werden (CSA Research, Juli 2020). Eine Infografik, eine Größentabelle oder ein “So funktioniert es” Diagramm sind ebenfalls Produktinformationen.

Es gibt auch einen Suchgrund. Die Bildersuche und die Bilder in den regulären Ergebnissen werden mit den Wörtern um sie herum abgeglichen. Ein englischer Alternativtext auf einer spanischen Seite gibt Google eine englische Beschreibung für eine Seite, die für spanische Suchende bestimmt ist.

Was auf einer Website als “Medien” gilt

Schritt 1: Überprüfen Sie die Bilder, die tatsächlich Sprache enthalten

Beginnen Sie mit einem Crawl oder einem schnellen manuellen Pass Ihrer Top-Seiten in den Sprachen, die Sie bereits anbieten. Stellen Sie zu jedem Bild drei Fragen:

1. Ist in den Pixeln Text? Banner, als Bilder gezeichnete Schaltflächen, Diagramme mit Beschriftungen, Screenshots.
2. Gibt es einen lokalen Bezug? Preise in einer Währung, Telefonnummern, Adressen, Datumsformate, Maßeinheiten, saisonale Themen (ein verschneites “Feiertags-”Banner bedeutet in Australien Juli).
3. Hängt das Image von der Kultur ab? Handgesten, Kleidung, Essen, Farben mit starker lokaler Bedeutung oder Menschen, die nicht den Markt widerspiegeln, an den Sie sich wenden.

Wenn die Antwort alle drei Male “nein” lautet, müssen nur die Textattribute des Bildes übersetzt werden. Alles andere kommt auf eine Lokalisierungsliste, sortiert nach Verkehr.

Schritt 2: Übersetzen Sie die Wörter, die jedem Bild beigefügt sind

Dies gilt für jedes Bild, auch für die, die Sie behalten:

• Schreiben Sie den Alt-Text in der Zielsprache. Übersetzen Sie eine Keyword-Liste nicht maschinell; Befolgen Sie die gleiche Regel, die Google für Englisch gibt, und schreiben Sie eine kurze, spezifische Beschreibung (Googeln).
• Übersetzen Sie Titelattribute und Bildunterschriften. Bildunterschriften sind sichtbarer Fließtext und sollten daher mit dem Rest der Seite übersetzt werden.
• Dateinamen übersetzen. Die Anleitung von Google ist direkt: “Wenn Sie Ihre Bilder lokalisieren, denken Sie daran, auch die Dateinamen zu übersetzen. Beachten Sie dabei die Richtlinien zur URL-Kodierung, wenn Sie nicht-lateinische Zeichen oder Sonderzeichen verwenden.” (Googeln). zapatillas-running-rojas.jpg sagt einem spanischsprachigen Index mehr als red-running-shoes.jpg.
• Wenn Produkt- oder Artikelmarkup auf ein Bild verweist, name „ description drumherum sollte auch in der Sprache der Seite sein.

Schritt 3: Erstellen Sie lokalisierte Versionen textlastiger Bilder

Für Bilder auf Ihrer Lokalisierungsliste:

1. Holen Sie sich die Quelldateien. Das Nachbilden eines Banners aus der mehrschichtigen Designdatei (Figma, Photoshop, Canva) ist weitaus schneller und sauberer als das Bearbeiten eines abgeflachten JPG.
2. Übersetzen Sie zuerst den Text und entwerfen Sie dann. Senden Sie die Zeichenfolgen an Ihren Übersetzer oder führen Sie sie durch Ihr Übersetzungstool, überprüfen Sie sie und platzieren Sie sie erst dann im Design. Erwarten Sie, dass der Text länger ist; Deutsche und französische Schlagzeilen benötigen regelmäßig mehr Platz als englische, also lassen Sie Platz oder verkleinern Sie den Typ.
3. Überprüfen Sie die Layouts von rechts nach links. Spiegeln Sie für Arabisch oder Hebräisch Richtungselemente (Pfeile, Fortschrittsschritte, die Lesereihenfolge eines Vorher-Nachher-Bildes).
4. Exportieren Sie beispielsweise mit einem klaren Benennungsmuster pricing-banner-de.webp, pricing-banner-fr.webp, und behalten Sie die gleichen Abmessungen wie das Original bei, damit das Layout nicht springt.
5. Führen Sie ein Register darüber, welche Bilder lokalisierte Versionen haben, sodass bei einer Änderung des englischen Banners auch die anderen Sprachen aktualisiert werden.

Machen Sie das Problem beim Redesign kleiner: Platzieren Sie Überschriften in Live-HTML-Text über einem Hintergrundbild, anstatt darin. Live-Text wird mit dem Rest der Seite übersetzt und benötigt keine zusätzlichen Dateien.

Schritt 4: Stellen Sie in jeder Sprachversion die richtige Datei bereit

Die lokalisierte Datei hilft nur, wenn jede Sprachseite darauf verweist. Wie Sie das machen, hängt vom Stapel ab:

• Laden Sie mit separaten Seiten pro Sprache (ein mehrsprachiges CMS-Setup) das lokalisierte Bild auf der Seite oder im Medienfeld jeder Sprache hoch.
• Verwenden Sie bei einer Übersetzungsschicht oder einem Plugin die Medienersatzfunktion, damit die src des Bildes ändert sich auf der übersetzten Seite, während die Originalseite die Originaldatei beibehält.
• Speichern Sie im benutzerdefinierten Code Bildreferenzen in Ihren lokalisierten Ressourcendateien, genauso wie Sie Zeichenfolgen speichern.

Welche Route Sie auch verwenden, überprüfen Sie das gerenderte HTML der übersetzten Seite und bestätigen Sie die <img src> und die alt Attribut haben sich beide geändert.

Videos und PDFs

Für Videos sind Untertitel die günstigste und am besten durchsuchbare Option; YouTube und die meisten Videoplayer akzeptieren eine Untertiteldatei pro Sprache. Für Marketingvideos mit viel Bildschirmtext oder Voice-Over ist ein separater lokalisierter Schnitt besser, und die übersetzte Seite sollte dann diese Version anstelle des Originals einbetten.

Eine PDF-Broschüre oder ein PDF-Handbuch ist ein separates Dokument. Übersetzen Sie es daher als Dokument und laden Sie die übersetzte Datei hoch. Der Link auf jeder Sprachversion der Seite sollte auf das PDF dieser Sprache verweisen. Wenn Sie viele Dokumente verarbeiten, spart ein Dokumentübersetzungsdienst, der das Layout beibehält, die manuelle Formatierung.

Wie ConveyThis mit Bildern, Videos und PDFs umgeht

Mit ConveyThis wird der Text rund um Ihre Medien automatisch verarbeitet: Wenn eine Seite übersetzt wird, alt, title „ placeholder Attribute werden zusammen mit dem sichtbaren Text übersetzt, sodass jedes Bild ohne zusätzlichen Aufwand eine Beschreibung in jeder Sprache erhält.

Für Dateien, die eine lokale Version benötigen, aktivieren Sie die Medienübersetzung einmal und tauschen dann Dateien pro Sprache aus:

1. Öffnen Sie in Ihrem ConveyThis-Dashboard Einstellungen → Weitere Optionen anzeigen und aktivieren Sie im Abschnitt „Allgemein“ die Medienoptionen, die Sie benötigen: Bilder, Videos und PDF.
2. Öffnen Sie die Seite in der visueller EditorWechseln Sie zur Zielsprache und klicken Sie auf das Stiftsymbol auf dem Bild (oder PDF), das Sie ersetzen möchten.
3. Geben Sie die URL der lokalisierten Datei ein, idealerweise mit den gleichen Abmessungen wie das Original, und speichern Sie.

Bildaustausch funktioniert für normale <img> Tags und für Hintergrundbilder, die inline auf einem Element festgelegt sind. Videoersatz deckt selbst gehostete <video> Quellen und eingebettete YouTube-Player, sodass die spanische Seite den spanischen Schnitt abspielen kann. Die Schritt-für-Schritt-Anleitungen mit Screenshots finden Sie im Hilfecenter: Bilder und Medien übersetzen „ Ändern Sie eine Mediendatei in einer übersetzten Version.

Da jede Sprache auf einer eigenen URL mit hreflang-Tags lebt, indiziert Google den übersetzten Alt-Text und die lokalisierten Dateien für diese Sprache. Alle anzeigen ConveyThis Funktionen, oder wie der visuelle Editor in eine Arbeitsablauf für die Übersetzungsprüfung.

Eine schnelle Checkliste für Medienübersetzungen

• Alt-Text, Titelattribute und Bildunterschriften, übersetzt in jede Sprachversion
• Lokalisierte Dateinamen für lokalisierte Bilder
• Textlastige Bilder, Screenshots und Banner, die pro Sprache neu erstellt werden, beginnend mit Ihren Seiten mit dem höchsten Traffic
• Preise, Einheiten, Daten und Telefonnummern in Bildern entsprechen dem Zielmarkt
• RTL-Versionen gespiegelt, bei denen die Richtung wichtig ist
• Videos mit Untertiteln oder Ersetzungen; PDFs übersetzt und pro Sprache verlinkt
• Ein Register lokalisierter Assets, sodass Updates jede Sprache erreichen

Um einen umfassenderen Überblick über die Anpassung der Inhalte an jeden Markt zu erhalten, einschließlich Ton, Beispielen und Angeboten, lesen Sie unseren Leitfaden zu Aufbau einer Content-Lokalisierungsstrategie.

Häufig gestellte Fragen

Liest Google Text in Bildern? Verlassen Sie sich beim Ranking nicht darauf. Die Bildanleitung von Google konzentriert sich auf Alt-Text, Dateinamen und den Text, der in der Nähe des Bildes platziert wird. Platzieren Sie daher die wichtigen Wörter an diesen Stellen und im HTML der Seite.

Soll ich Alt-Text für dekorative Bilder übersetzen? Dekorative Bilder sollten eine leere alt="" in jeder Sprache, es gibt also nichts zu übersetzen. Jedes aussagekräftige Bild benötigt eine übersetzte Beschreibung.

Kann maschinelle Übersetzung Bildtext verarbeiten? Es kann die Saiten übersetzen, aber jemand muss sie noch wieder in das Design einfügen und die Passform überprüfen. Überprüfen Sie kurze, sichtbare Zeichenfolgen wie Schaltflächen und Überschriften von Hand.

Nächster Schritt

Erstellen Sie ein ConveyThis-KontoÜbersetzen Sie Ihre Website und verwenden Sie dann den visuellen Editor, um die Bilder und PDFs auszutauschen, die eine lokale Version benötigen. Vergleichen Pläne wenn Sie weitere Sprachen hinzufügen.