Kunde: die jährliche internationale Konferenz „ProKrachmal“ – eine Branchenplattform für Spezialisten der Stärke- und Sirupindustrie, organisiert von der Vereinigung „SOYUZKRACHMAL“. Die Konferenz findet in Moskau statt und versammelt Teilnehmer aus Russland und dem Ausland. Im Jahr 2026 feiert die Konferenz ihr 10-jähriges Jubiläum.
Aufgabe: Die Website war ursprünglich nur auf Russisch. Für die Jubiläumskonferenz 2026 sollten ausländische Teilnehmer und Partner, hauptsächlich aus China, der Türkei und südostasiatischen Ländern, gewonnen werden. Eine mehrsprachige Website sollte gestartet werden, die allen internationalen Partnern zugänglich ist.
Sechs Sprachen in einem Start
Für die Konferenz wurden sechs Sprachen aktiviert: Russisch, Englisch, Chinesisch, Türkisch, Vietnamesisch und Thailändisch.
Der Sprachumschalter mit Flaggen erschien im Header der Website. Jede Sprachversion ist über eine separate URL zugänglich und wird von Suchmaschinen indexiert: Ein Benutzer aus Thailand kann die Website über Google Thailand finden.
Die Seiten für Sponsoren und Teilnehmer wurden in alle Sprachen übersetzt, einschließlich detaillierter Teilnahmebedingungen und des Kontaktformulars.
Doch im Fall dieser Website war eine einfache Anbindung nicht möglich – die Website wurde mit Zero Block ohne adaptive Positionierung (Flexbox) erstellt. Das bedeutete, dass sich die Position der Elemente bei Textänderungen nicht verschob.
Zudem gab es auf der Website mehrere Designelemente, die direkt von der Textlänge abhingen. So stießen wir auf das erste Problem...
Visuelle Anpassung der Überschriften bei unterschiedlichen Texten
Die Website wurde mit Tilda erstellt. Einer der wichtigsten Blöcke ist die Bannerüberschrift mit einer zweiteiligen Struktur: Die erste Zeile ist dunkel, die zweite farblich hervorgehoben. In der russischen Version sah der Block sauber aus.
Bei der Übersetzung in andere Sprachen passte der hervorgehobene Block nicht mehr zum Text: Der Text ragte über die Blockgrenzen hinaus und überschnitt sich mit benachbarten Elementen.
Warum? Tilda verwendet absolute Positionierung für einige Banner-Elemente. Die Breite des hervorgehobenen Blocks ist fest für den russischen Text eingestellt. In anderen Sprachen hat der Text eine andere Länge und passt nicht. Nach der CSS-Korrektur passte sich der Block der Textlänge an:
Dasselbe Problem trat umgekehrt im Chinesischen auf: Dort war der Text deutlich kürzer, und der Block sah leer aus. Deshalb haben wir dort die Ausrichtung korrigiert:
Jetzt wurde für jede Version der Website die ursprüngliche Designeridee beibehalten und die Besucher sahen in jeder Sprache das richtige Design.
Wortspiele mit Anweisungen (Prompts) für das neuronale Netz beibehalten
Die ursprüngliche Idee des Copywritings auf der Website: das Präfix „PRO“ für jeden Bereich zu verwenden. Ein solches Wortspiel mit dem Namen der Konferenz „ProStarch“:
Aber hier ist das Problem: Ursprünglich ist das neuronale Netzwerk nicht intelligent genug, um dies zu verstehen. Daher übersetzte es das Präfix wörtlich:
Um dies zu erhalten, haben wir der neuronalen Netzwerke einen Prompt (Anweisung) hinzugefügt, damit es dieses Wortspiel berücksichtigt. Interessanterweise zielte der Prompt nicht auf diesen spezifischen Block auf der Website ab – er gab eine allgemeine Anweisung für die gesamte Website. Wenn also irgendwo anders ein solches Wortspiel verwendet worden wäre, hätte das neuronale Netzwerk bereits davon „gewusst“.
Es genügte, den folgenden Text mit Erläuterungen und Beispielen anzugeben:
"PRO Analytik", "PRO Strategie", "PRO Technologien", "PRO Konsumenten" ist
ein Wortspiel mit dem Namen der Konferenz "ProStarch", und es bedeutet "Über"
die Sache.
Übersetzen Sie den "PRO"-Teil nicht.Branchenglossar für präzise Übersetzung
Diese Branche verwendet hochspezialisierte und spezifische Terminologie. Eine Standardübersetzung ohne Vorbereitung verwendet allgemeine Wörter, wo präzise Branchenbegriffe erforderlich sind.
Zusammen mit den Organisatoren haben wir ein detailliertes Glossar der Schlüsselbegriffe mit den richtigen englischen Äquivalenten erstellt. Das Glossar wurde auch Teil des systemischen Prompts für das neuronale Netzwerk, hier ist ein Fragment davon:
## Glossar der Branchenterminologie:
- ПроКрахмал => ProStarch
- ПроКрахмал: от сырья к биоэкономике => ProStarch: Von Rohstoffen zur
Bioökonomie
- Союзкрахмал => StarchUnion
- Ассоциация предприятий глубокой переработки зерна => Verband der
Unternehmen für die Wertschöpfung aus Getreideverarbeitung
- ГПЗ => Tiefe Getreideverarbeitung
- ЕАЭС => Eurasische Wirtschaftsunion (EAWU)
- ШОС => Shanghaier Organisation für Zusammenarbeit
- ГФС => Glukose-Fruktose-Sirup
...
Verschiedene Videoversionen für verschiedene Sprachen
Als Werbematerialien werden auf der Website Videos in drei Sprachen verwendet: Russisch, Englisch und Chinesisch. Es war notwendig, je nach Sprache der Website das richtige Video anzuzeigen.
Dies wurde mit Hilfe von CSS-Klassen realisiert: Jedem Videoblock wurde die Klasse video-ru, video-cn oder video-en zugewiesen. Durch Regeln zum Entfernen von Elementen nach Selektor entfernte Multify „überflüssige“ Videos direkt aus dem HTML-Code, bevor dieser an den Browser gesendet wurde. Zum Beispiel lautet die Regel für die englische Version wie folgt:
"remove": [
{
"selector": ".video-ru, .video-cn"
}
]Während für die russische Version die englischen und chinesischen Videoversionen entfernt werden:
"remove": [
{
"selector": ".video-en, .video-cn"
}
]Im Tilda-Editor wiederum wurden alle drei Videoversionen erstellt und übereinander gelegt.
Lokalisierung der Modifikation des Tageszählers
Auf der Startseite wird eine JavaScript-Modifikation mit einem Tageszähler bis zum Beginn der Konferenz verwendet. Ähnlich wie bei der Videoanzeige kann der Text auf der Seite ersetzt werden – einschließlich JavaScript-Codefragmente, was wir auch getan haben. Und hier ist übrigens der Code – diesmal war es eine ANNEXX-Modifikation:
So kann man „Tage“ ins Englische übersetzen:
"replace": [
[
"daysText1 = 'день' || 'день', daysText2 = 'дня' || 'дня', daysText5 = 'дней' || 'дней'",
"daysText1 = 'day' || 'days', daysText2 = 'days' || 'days', daysText5 = 'days' || 'days'"
],
],Und so ins Chinesische:
"replace": [
[
"daysText1 = 'день' || 'день', daysText2 = 'дня' || 'дня', daysText5 = 'дней' || 'дней'",
"daysText1 = '天', daysText2 = '天', daysText5 = '天'"
],
],Als Ergebnis wird auf jeder Version der Website der Zähler in der gewünschten Sprache angezeigt:
Responsives Design (Flexbox)
Es wurde bereits erwähnt, dass bei der absoluten Positionierung von Elementen in Tilda (was beim Layout mit Zero Block üblich ist) die Elemente buchstäblich „festgenagelt“ sind und daher jede Textänderung in ihnen dazu führen kann, dass sich der Text mit anderen Elementen überlappt.
Um dies zu vermeiden, kann der in jedem Browser integrierte Mechanismus – Flexbox – verwendet werden. Bei diesem Ansatz werden Elemente „flexibel“, d.h. sie passen sich automatisch dem Inhalt an.
In der Praxis haben wir für die Website der ProKrakhmal-Konferenz das Layout der meisten Elemente aktualisiert: Kapseln, Listen und Karten. Der Unterschied ist am deutlichsten beim Vergleich von Russisch und Chinesisch, da Chinesisch deutlich kürzer ist:
Dadurch wird der gesamte Inhalt der Website korrekt angezeigt, unabhängig davon, wie lang oder kurz der Text in den Elementen ist.
Rezension des Konferenzorganisators
Daria, Organisatorin der Konferenz „ProKrakhmal“:
Dieses Jahr feiert unsere internationale Konferenz ihr 10-jähriges Jubiläum. Aus diesem Anlass haben wir beschlossen, eine eigene Website zu starten, stießen aber auf das Problem der Übersetzung in verschiedene Fremdsprachen: Viele Übersetzer verwenden oft Standardwörter, aber wir brauchten aufgrund unseres engen Branchenschwerpunkts spezifische Begriffe. Es war auch schwierig, gleichzeitig in mehrere Sprachen zu übersetzen: Thailändisch, Chinesisch, Englisch, Türkisch und Vietnamesisch.
Wir haben uns an Multify gewandt und waren sehr zufrieden! Der Spezialist hat uns sofort gesagt, dass alles einmalig eingerichtet werden kann. Er erklärte die Feinheiten, nahm Korrekturen ruhig und geduldig entgegen.
Speziell für uns wurde ein Glossar für die korrekte Übersetzung einzelner Begriffe erstellt und das Website-Design an jede Sprache angepasst. Wir danken diesem Service und sind sicher, dass unsere Zusammenarbeit noch viele Jahre andauern wird!
Die chinesischen Partner der Konferenz schätzten das Ergebnis ebenfalls:
Ergebnis
Die Website prostarch.ru ist seit dem Start in sechs Sprachen verfügbar. Die Sprachversionen sind in der Suche verfügbar, der Umschalter funktioniert im Header, die Seiten für Sponsoren und Teilnehmer sind vollständig lokalisiert.
Die Besonderheit des Falls ist eine ungewöhnliche Sprachkombination (Thailändisch, Vietnamesisch, Türkisch) und mehrere technische Nuancen, die eine manuelle Überarbeitung des Layouts erforderten. Bei einer Standard-Website ohne absolute Positionierung wären die meisten davon nicht aufgetreten.