Übersetzungen zerstören oft das Design. Deutsche Wörter sind 30 % länger als englische; Arabisch kehrt das Layout von Rechts nach Links. Der MultiLipi Visual Editor bietet einen Echtzeit-WYSIWYG-Umgebung wo Sie Inhalte verfeinern, Stile anpassen und Layoutprobleme direkt auf einer Live-Darstellung Ihrer Website beheben können.
Diese Benutzeroberfläche kombiniert Neuronale Inhaltsvorschläge mit CSS/Schriftart-Steuerelemente, damit Sie die visuelle Identität Ihrer Marke auf jedem Gerät schützen können.
Die Layout-Herausforderung
Ein perfekt gestalteter englischer Button mit der Aufschrift „Buy Now“ kann überlaufen und Ihr Layout brechen, wenn er ins Deutsche als „Jetzt Kaufen“ oder ins Finnische als „Osta Nyt“ übersetzt wird. Der Visuelle Editor ermöglicht es Ihnen, diese Probleme zu erkennen und zu beheben, bevor Ihre Kunden sie sehen.
1. Starten der Benutzeroberfläche
Um mit der visuellen Überprüfung Ihrer lokalisierten Seiten zu beginnen:
Projektzugriff
Navigieren Sie zu Ihrem MultiLipi-Dashboard und wählen Sie Ihr aktives Projekt aus.
Zielseite laden
Gehe zu Übersetzungen > URLs. Dies zeigt eine Liste aller indizierten Pfade an (z. B. /pricing, /about).
Editor initialisieren
Klicken Sie auf Symbol für visuellen Editor (🖌️/🖥️) neben der spezifischen URL, die Sie inspizieren möchten.
📌 Hinweis: Der Editor lädt einen Live-Proxy Ihrer Website. Sie können Links wie ein echter Benutzer durchsuchen, um tief verlinkte Inhalte zu finden.
2. Kernfunktionen
A. Kontextbezogene Textbearbeitung
Bearbeiten Sie nicht in einer Tabelle; bearbeiten Sie dort, wo der Benutzer es sieht.
Direkte Manipulation
Klicken Sie auf eine beliebige Überschrift, einen Absatz oder eine Schaltfläche, um direkt auf der Seite zu tippen.
Neuronale Vorschläge
Während Sie Text auswählen, analysiert unsere KI-Engine das Element und bietet Intelligente Umschreibungen optimiert für den spezifischen Platz und Ton.
Ein-Klick-Ersetzen
Akzeptieren Sie sofort einen KI-Vorschlag oder fügen Sie einen vorab genehmigten Begriff aus Ihrem Glossar ein, ohne manuelles Tippen.
B. Medien- & SEO-Lokalisierung
Bilder tragen Kontext. Lokalisieren Sie sie, um die Relevanz zu erhöhen.
Bild-Alt-Texte
Klicken Sie auf ein beliebiges Bild, um dessen Alt Attribut. Die Übersetzung stellt sicher, dass Ihre Bilder bei lokalen Google-Bildersuchen ranken.
"Laufschuhe""Chaussures de sport"C. Design System Overrides (CSS & Schriftarten)
Unterschiedliche Sprachen erfordern unterschiedliche visuelle Behandlungen.
Benutzerdefiniertes CSS
Klicken "CSS bearbeiten" um Stile nur für die spezifische Sprache einzufügen, die Sie bearbeiten.
Anwendungsfall:
Reduzieren Sie die Schriftgröße eines Buttons auf Deutsch, um Textüberlauf zu vermeiden.
Typografie-Steuerung
Verwenden "Google Fonts hinzufügen" regionsspezifische Schriftarten zu laden.
💡 Profi-Tipp:
Laden Sie eine spezielle Schriftart wie Noto Sans JP für japanische Seiten, um sicherzustellen, dass Zeichen schön gerendert werden, anstatt eine generische Systemschriftart zu verwenden.
D. Responsive Überprüfung
Ihre Website muss auf jeder Bildschirmgröße funktionieren.
Geräteumschaltung
Verwenden Sie die obere Symbolleiste, um zwischen den einzelnen Elementen zu wechseln Desktop, Tablet, und Mobil Ansichten.
Layout-Prüfung
Stellen Sie sicher, dass längere Übersetzungen kritische CTA-Schaltflächen auf Mobilgeräten nicht "unter den Rand" schieben.
3. Bereitstellung
Sofortige Edge-Verbreitung
Wenn Sie mit der visuellen und sprachlichen Qualität zufrieden sind:
Klicken Veröffentlichen in der oberen rechten Ecke.
Die Änderungen werden sofort an unsere Global Delivery Network (GDN).
Ihre Live-Website-Updates sofort für alle Benutzer weltweit.
⚡ Keine Cache-Verzögerungen: Im Gegensatz zu herkömmlichen CMS-Workflows, bei denen Sie Stunden auf die CDN-Cache-Invalidierung warten könnten, sorgt die Edge-Infrastruktur von MultiLipi dafür, dass Änderungen innerhalb von Sekunden weltweit verbreitet werden.
Zusammenfassung: Warum visuelle Bearbeitung verwenden?
| Funktion | Vorteil |
|---|---|
| Echtzeit-Rendering | Sehen Sie genau, wie sich Übersetzungen auf Ihr Layout auswirken, bevor Sie veröffentlichen. |
| Design-Integrität | Beheben Sie "kaputte" Layouts, die durch Textexpansion verursacht werden (z. B. auf Deutsch oder Russisch). |
| Skript-Lesbarkeit | Importieren Sie benutzerdefinierte Schriftarten für nicht-lateinische Skripte (Arabisch, Chinesisch) für professionelle Typografie. |
| Media SEO | Lokalisieren Sie versteckte Attribute wie Alt-Tags für maximale Suchsichtbarkeit. |
🎨 Design ist global wichtig: Der Visuelle Editor stellt sicher, dass die visuelle Identität Ihrer Marke in allen über 120 Sprachen erhalten bleibt, und verhindert so den häufigen Fehler, dass übersetzte Websites im Vergleich zum Original „kaputt“ oder unprofessionell aussehen.