Een meertalige site draait niet alleen om het vertalen van de content naar verschillende talen, maar ook om het lokaliseren van het ontwerp en de lay-out van de website zodat deze aansluit bij de cultuur van de doeltaal.
Volgens het artikel van OneSky App spreekt 52% van de sites in de wereld Engels, maar slechts 25% van hen kan alle internetgebruikers bereiken. Daarom kan lokalisatie het bereik onder gebruikers vergroten.
In dit artikel bespreken we wat websitelokalisatie is en hoe je het ontwerp en de lay-out in verschillende stappen lokaliseert. Lees dit artikel tot het einde!
Waarom moeten websiteontwerp en -lay-out worden aangepast?
Voordat u begint met het lokaliseren van het ontwerp en de lay-out, moet u weten waarom het ontwerp moet worden aangepast aan de taal van het doelland.
Hieronder volgen enkele redenen waarom ontwerpen en lay-outs aangepast en gelokaliseerd zouden moeten worden.
- Respecteer culturele diversiteit: elke regio heeft een culturele diversiteit met voorkeuren voor kleuren en symbolen. Door het ontwerp aan te passen, respecteert en omarmt de website deze diversiteit, wat zorgt voor een ervaring die dichter bij de lokale waarden staat.
- Aanpassing aan specifieke talen en schriften: lokalisatie houdt in dat je je aanpast aan de specifieke talen en schriften die lokale gemeenschappen gebruiken. Door de lay-out en het ontwerp aan te passen, zorg je ervoor dat tekst en visuele content gemakkelijk te begrijpen zijn en voldoen aan de lokale taalnormen.
- Naleving van lokale technische vereisten: technische aspecten zoals datumnotatie en valuta moeten worden aangepast om te voldoen aan lokale normen. Dit verhoogt het gebruiksgemak en maakt de website functioneel relevanter.
- Zorgt voor continuïteit met het merk: gelokaliseerd design ondersteunt continuïteit met de merkidentiteit. Door visuele elementen of boodschappen op te nemen die meer aansluiten bij de lokale cultuur, behouden websites hun merkintegriteit terwijl ze zich aanpassen aan de lokale context.
- Verhoogde betrokkenheidsniveaus: ontwerpen die rekening houden met lokale voorkeuren kunnen de betrokkenheid verhogen. Dit creëert een nauwere relatie tussen de website en de gebruiker, wat de gebruikersretentie en tevredenheid verhoogt.
- Uitdagingen op het gebied van meertaligheid overwinnen: lettertypekeuzes, navigatie en andere ontwerpelementen kunnen helpen de uitdagingen van het aanbieden van meertalige content te overwinnen. Gelokaliseerd ontwerp reageert effectief op deze complexiteit.
- SEO-voordelen en wereldwijde concurrentiekracht: een gelokaliseerd ontwerp kan de SEO-prestaties op lokale markten verbeteren en de wereldwijde concurrentiekracht vergroten. Websites die zich goed aanpassen aan lokale voorkeuren, hebben meer kans om hoog te scoren in zoekmachines en meer bezoekers te trekken.
7 stappen om het ontwerp en de lay-out van een website te lokaliseren
Nu je weet waarom je het ontwerp en de lay-out van je website moet lokaliseren, bespreken we verschillende stappen die je moet nemen om je site te lokaliseren, waaronder de volgende.
Behoud de consistentie van het ontwerp
De eerste stap bij het lokaliseren van een website is ervoor te zorgen dat het ontwerp en de lay-out van de website consistent blijven, zelfs als deze in verschillende talen wordt weergegeven. Dit zorgt er niet alleen voor dat visuele elementen worden meegenomen, maar maakt het ook gemakkelijker voor gebruikers en zorgt het voor duidelijkheid in de navigatie.
Door de consistentie van het ontwerp te behouden, wordt de website het primaire kanaal voor het communiceren van onderscheidende elementen en merkidentiteit. Consistente kleuren, typografie en andere ontwerpelementen helpen bij het creëren van een sterk, gedenkwaardig merkbeeld.
Een voorbeeld van het implementeren van consistentie in webdesign is te zien in de afbeelding hieronder. De eerste afbeelding is wanneer u de Airbnb-site in het Engels bezoekt, terwijl de tweede afbeelding de site in het Koreaans toont.
Zoals hieronder te zien is, zijn de lay-out, navigatie, knoplocaties en pictogrammen nog steeds hetzelfde als voorheen.
Gebruik passende kleuren
Kleurkeuze is een stap in de lokalisatie van webdesign, omdat de interpretatie van kleuren in verschillende landen verschilt. Als je je bijvoorbeeld in delen van de Verenigde Staten bevindt, kun je geel zien als een heldere en vrolijke kleur.
In de Indiase cultuur wordt geel echter eerder als een symbool van geluk beschouwd dan alleen als een prettige kleur.
Toch moet nog blijken of de lokale kleur nog steeds overeenkomt met de kleur van de merkidentiteit. Meestal kunnen kleine wijzigingen in het kleurenpalet van een merk zeer opvallend zijn.
Maak het makkelijk om van taal te wisselen
De volgende stap is ervoor te zorgen dat de knop om de taal te behouden gemakkelijk te vinden en gemakkelijk te gebruiken is voor gebruikers.
Plaats de knop voor taalbehoud op een prominente locatie, zoals bovenaan of onderaan de pagina, en zorg voor een consistente plaatsing op alle vertaalpagina's van de site. Dit helpt gebruikers de optie om van taal te wisselen gemakkelijk te vinden.
Gebruik op de taalwisselaar pictogrammen of symbolen die taalbehoud visueel weergeven. Dit kan een vlag zijn, een wereldbolpictogram of de naam van de taal. De juiste iconografie kan krachtige visuele aanwijzingen geven.
In de volgende afbeelding is er bijvoorbeeld een taalschakelknop in de rechterbovenhoek die een vlagpictogram en de naam van het land gebruikt.
Wanneer de site in het Engels of Duits wordt bezocht, blijft de knop rechtsboven staan.
Het aanpassen van rechts-naar-links (RTL) taal
Het aanpassen van de taalindeling van rechts naar links is een onderdeel van het lokaliseren van het ontwerp. Voor degenen onder u die zich richten op gebruikers van talen zoals Arabisch, Hebreeuws, enz., moet de site de schrijfrichting van rechts naar links ondersteunen. Andere elementen zoals navigatie, knoppen en andere moeten worden omgekeerd.
Zoals in het onderstaande voorbeeld op de Facebook-site. In de afbeelding hieronder staan Facebook-websites voor het Engels en het Arabisch. Je kunt zien dat het schrijven van content in het Arabisch van rechts gebeurt; dit past bij de manier waarop Arabisch wordt geschreven.
Gebruik cultureel passende afbeeldingen
Gebruik afbeeldingen die passend en relevant zijn voor de lokale cultuur van elke doelmarkt. Dit helpt om het vertrouwen van lokale gebruikers op te bouwen.
Het volgende voorbeeld komt nog steeds van de Coca-Cola-website, die wel een volledige doeltaal biedt. Deze keer komt het uit Korea.
In deze lokalisatie gebruikt hij afbeeldingen die het land Korea tonen, namelijk een van de populaire meidengroepen uit Korea.
Pas datum-, valuta- en telefoonnummerformaten aan
Wanneer u bezig bent met het lokaliseren van het ontwerp en de lay-out van uw website, is het belangrijk om ervoor te zorgen dat datums en andere technische formaten overeenkomen met lokale voorkeuren. Dit beïnvloedt namelijk de visuele weergave van de website.
Het datumformaat in Indonesië is bijvoorbeeld DD/MM/YYYY, terwijl dat in Amerika MM/DD/YYYY is.
Niet alleen de datum, maar ook het valutaformaat moet worden aangepast aan de taal van het land dat op dat moment wordt gebruikt.
Een voorbeeld van de toepassing van technische lokalisatie zie je op de website van Airbnb, die verschillende valuta-opties biedt.
Zoals op de volgende pagina zijn er verschillen wanneer deze naar het Arabisch en Italiaans wordt vertaald. Niet alleen de inhoud wordt vertaald, maar er zijn ook valutaaanpassingen.
Vervolgens, wat niet minder belangrijk is, is het telefoonnummerformaat. Elk land heeft zeker zijn eigen telefoonnummerformaat. Om je website te lokaliseren, kun je voor elke bestaande taal een andere telefoonnummercode aanmaken.
In het onderstaande voorbeeld zijn er bijvoorbeeld verschillen in telefoonnummercodes wanneer deze naar het Engels en Duits worden vertaald.
Gebruik lettertypen die compatibel zijn met alle talen
Zorg er ten slotte voor dat je lettertypen gebruikt die compatibel zijn met alle talen die je kiest.
Als alle talen die u weergeeft het Latijnse alfabet gebruiken, zullen er waarschijnlijk geen problemen zijn. Wanneer u echter een taal met een Cyrillisch alfabet of een taal die van rechts naar links (RTL) werkt op uw site opneemt, ondersteunen niet alle lettertypen dat type alfabet.
Er zijn dus enkele aanpassingen nodig. Het begin is het toevoegen van ondersteuning voor RTL-talen in je CSS-code. Dit kan lettertypewijzigingen veroorzaken wanneer bezoekers overschakelen van een links-naar-rechts (LTR)-taal naar een rechts-naar-links (RTL)-taal.
Een goede aanbeveling is om een verzameling lettertypen te gebruiken, niet slechts één lettertype voor de hele website. Door lettertypesets te gebruiken, kunt u vervangingen doorvoeren als het eerste lettertype niet geschikt is voor een bepaalde taal.
Lokaliseer het ontwerp en de lay-out met Linguise
Na de stapsgewijze uitleg gaan we deze keer proberen het ontwerp en de lay-out te lokaliseren met Linguise.
Linguise is een vertaaldienst die content automatisch kan vertalen naar meer dan 85 talen waaruit je kunt kiezen. Daarnaast wordt Linguise ook ondersteund door vele functies die helpen bij website-localisatie. Dus hoe lokaliseer je het ontwerp en de lay-out van een website? Dit zijn de stappen.
Stap 1: Automatische detectie van inhoud
Linguise stuurt het lokalisatieproces aan door automatische inhoudsdetectie te bieden. In deze stap scant het platform je website en identificeert het tekst en elementen die vertaald moeten worden.
Dit geautomatiseerde proces bespaart tijd en zorgt voor een volledig overzicht van alle content die gelokaliseerd moet worden.
Stap 2: Maak een taalschakelaar aan
Een stap om het ontwerp en de lay-out te lokaliseren is om de knop voor het wisselen van taal gemakkelijk vindbaar en consistent te maken in alle taalvertalingen.
Linguise stelt je in staat de taalwisselaar aan te passen aan je behoeften. Om aan te passen, kun je naar het Linguise dashboard > Instellingen > Weergave taalvlaggen.
In de volgende weergave kun je de vorm van het pictogram aanpassen, zoals naast elkaar, pop-up of dropdown.
Vervolgens kun je ook de positie kiezen van de knop voor het wisselen van taal die op de website wordt weergegeven. Voor de volledige stappen kun je de taalwisselaar instellen vanuit het dashboard.
Stap 3: Gelokaliseerde inhoud bewerken met een live-editor
Als de inhoud automatisch is vertaald, kunt u de vertaling bewerken als iets niet passend is met behulp van de live editor -functie. Deze functie kan worden gebruikt om de inhoud in het ontwerp te lokaliseren.
We willen bijvoorbeeld de telefoonnummercode in het adresgedeelte wijzigen van de eerdere +01 naar +49, omdat we naar het Duits vertalen.
Selecteer dan Opslaan om de wijzigingen op te slaan. Met de live-editor kunnen gebruikers de site rechtstreeks lokaliseren door deze op de voorpagina van de website te selecteren.
Dit is het resultaat van de lokalisatie die in de live-editor is uitgevoerd, namelijk het wijzigen van de landtelefoonnummercode.
Stap 4: Sluit content uit met behulp van vertaalregels
Lokalisatie kan niet alleen via de live-editor door de vertaling direct te bewerken. Om lokalisatie te maximaliseren, kunt u gebruikmaken van de functie vertaalregels, namelijk het activeren van vertaling.
Met de functie translate translation kun je content lokaliseren die je niet wilt laten vertalen en deze ongewijzigd laten. Bijvoorbeeld het leveren van vertalingen per URL, per regel of per pagina.
Je vindt deze functie in het Linguise dashboard > Regels. Zoals in de volgende afbeelding, dit is een voorbeeld van het gebruik van Vertaalregels tekst om te vervangen.
Hier vervangen we de woorden “Mes podcasts” door “Ma musique”, wat elke keer dat het naar het Frans wordt vertaald, wordt toegepast.
Stap 5: Lokaliseer de website met behulp van een vertaler
Ten slotte kunt u uw website ook lokaliseren met behulp van een vertaler. Linguise stelt u in staat om vertalers in te stellen voor de site die u wilt lokaliseren.
Het toevoegen ervan is heel eenvoudig, ga naar het Linguise -dashboard > Leden > Een nieuw lid uitnodigen.
Met de functie voor het toevoegen van nieuwe leden kunt u uw website lokaliseren met een professionelere vertaler. Zo kunnen de lokalisatieresultaten beter aansluiten bij de culturele voorkeuren van elk doelland.
Conclusie
Dat is een uitleg over hoe je het ontwerp en de lay-out van een website kunt lokaliseren. In dit artikel zul je ook beter begrijpen wat het lokaliseren van een website is, het verschil met vertaling, en de voordelen van het lokaliseren van een website.
Nu u het belang van websitelokalisatie begrijpt, is het tijd om uw site te lokaliseren om een breder publiek te bereiken.
Met Linguisekunt u het ontwerp en de lay-out van een website lokaliseren met behulp van diverse uitstekende functies, zoals vertaalregels, een live-editor en zelfs de mogelijkheid om vertalers toe te voegen.
Registreer een Linguise -account gratis voor 1 maand, en lokaliseer de site door tot 600 duizend woorden te vertalen!
