Internationalisering van websites

Dankzij het internet – en de daaruit voortvloeiende globalisering – is iedereen op manieren met elkaar verbonden die voorheen ondenkbaar waren.

Zo is het voor veel bedrijven – met name in de e-commerce – de norm om klanten vrijwel overal ter wereld te bedienen.

Maar deze toegankelijkheid brengt ook een nieuwe uitdaging met zich mee: je zult harder moeten werken om je doelgroep te bereiken en hun aandacht te trekken. Vooral als hun moedertaal niet het Engels is.

Als je nieuwe geografische markten wilt aanboren, is internationalisering van je website essentieel om succes te boeken. Dit proces, ook wel i18n genoemd, zorgt ervoor dat je website is ingesteld om verschillende talen te ondersteunen en dat de algehele architectuur van je website hierop is afgestemd.

Dit zijn de basisprincipes van de internationalisering van websites:

Wat is de internationalisering van websites?

Internationalisering van websites is het proces waarbij je website wordt aangepast om meerdere talen, regio’s en culturele formaten te ondersteunen – zonder dat je deze telkens helemaal opnieuw hoeft op te bouwen. Ontwikkelaars noemen dit kortweg i18n, omdat er 18 letters zitten tussen de ‘i’ en de ‘n’.

Een internationale website wordt volledig vertaald naar de voorkeurstaal van uw doelgroep en aangepast aan culturele verschillen: naamgevingsconventies, datumnotaties, notaties voor getallen en nog veel meer.

Je moet ook weten hoe je meertalige content kunt vertalen, opslaan en publiceren. Je CMS vormt de spil van dat project, en i18n biedt je de flexibiliteit om je product en content voor elke markt te lokaliseren.

Waarom is internationalisering van uw website nodig?

Zonder internationalisering van uw website zullen uw buitenlandse doelgroepen niet begrijpen wat u hen te bieden hebt – vooral als ze de taal van uw website niet spreken.

Zelfs als ze de taal enigszins zouden beheersen, zal 40% van de consumenten geen zaken doen met een bedrijf als de website in een andere taal is opgesteld.

Als je je wilt richten op markten binnen hetzelfde gebied, waar men dezelfde moedertaal spreekt en waar gemeenschappelijke culturele verwijzingen en nuances gelden, is er geen reden om je website te internationaliseren. Als je echter van mening bent dat je bedrijf het potentieel heeft om doelgroepen over de hele wereld aan te spreken, zijn internationalisering – en lokalisering – van je website onmisbaar voor je succes.

Wat houdt internationalisering in?

Internationalisering bestaat uit verschillende onderdelen, die elk de basis leggen voor het volgende onderdeel. Belangrijke technische aandachtspunten zijn onder meer de URL-structuur, tekencodering, het externaliseren van tekst, flexibele lay-outs, ondersteuning voor RTL-talen en op de locale afgestemde opmaak. Laten we deze punten eens nader bekijken.

Sitemap

Voordat je ook maar één regel code schrijft of een plug-in installeert, moet je een aantal beslissingen nemen op het gebied van planning. Kies allereerst op welke talen en regio’s je je wilt richten. Stel vervolgens je URL-structuur vast (hierover later meer), controleer of je CMS meerdere talen ondersteunt en beslis of je gebruik gaat maken van AI-vertalingen, menselijke vertalers of beide.

Als je deze keuzes vanaf het begin goed maakt, zorgt je architectuur ervoor dat elke taalversie als een afzonderlijke pagina wordt behandeld – en niet als een duplicaat – wat erg belangrijk is voor zoekmachines.

URL-structuur

Door de juiste URL-structuur voor je website te kiezen, kun je je succesvol op een specifiek land richten en er tegelijkertijd voor zorgen dat Google je website in de zoekresultaten weergeeft.

Er zijn een aantal URL-structuren waaruit je kunt kiezen:

• Landcode-topleveldomein (ccTLD)
  
  • Voorbeeld: yourwebsite.mx, met een Mexicaans ccTLD

• Een subdomein, een submap of een subfolder
  
  • Voorbeeld van een subdomein: mx.jouwwebsite.com
  • Voorbeeld van een submap: yourwebsite.com/mx/

• Een generiek topleveldomein (gTLD) met taalparameters
  
  • Voorbeeld: example.com/?lang=en-ca (een website die is bedoeld voor Engelstaligen in Canada)

• Of door een heel andere domeinnaam te gebruiken
  
  • Voorbeeld: example.mx  

Voor de meeste websites zijn submappen (jouwwebsite.com/fr/) de betere keuze voor internationale SEO. Ze vallen onder je hoofddomein, waardoor ze de autoriteit daarvan overnemen en gemakkelijker te beheren zijn dan afzonderlijke subdomeinen of ccTLD’s. Subdomeinen (fr.uwwebsite.com) kunnen goed werken voor grotere websites die een duidelijkere scheiding tussen regio’s nodig hebben, maar ze worden door zoekmachines meer als onafhankelijke websites behandeld – wat betekent dat ze met minder overgenomen autoriteit beginnen.

Het wordt aanbevolen om uw gelokaliseerde pagina’s onder taalspecifieke submappen op hetzelfde domein te plaatsen. Zoekmachines zullen elke versie als afzonderlijk herkennen, waardoor problemen met dubbele inhoud worden voorkomen, terwijl u toch profiteert van de algehele sterkte van uw domein.

Lees meer over de invloed van URL-structuren in onze gids over internationale SEO.  

Hreflang-tags

Het is ook belangrijk om hreflang-tags aan je broncode toe te voegen. Ze zien er als volgt uit:

<link rel=”alternate” hreflang=”en-au” href=”http://www.example.com/en-au/” />

Dit zijn hreflang-tags die gericht zijn op Engelstaligen in Australië.

Hreflang-tags zijn HTML-attributen die zoekmachines gebruiken om de taal van een webpagina te herkennen en te begrijpen, en om te bepalen voor welk geografisch gebied deze bedoeld is.

Als je bijvoorbeeld in Canada ‘officiële website van Apple’ in Google intypt, zal het eerste resultaat dat de zoekmachine je voorstelt‘https://www.apple.com/ca/’zijn. Zo wordt ervoor gezorgd dat Google je Engelstalige publiek in Canada geen Spaanstalige webpagina toont die bedoeld is voor gebruikers in Colombia. Dit is allemaal te danken aan hreflang-tags.

Hierdoor kan Google de taal van de pagina en de regio waarvoor deze bedoeld is, beter herkennen. Door een functie voor taalomleiding toe te voegen, wordt bovendien de juiste taal aan de bezoeker van uw website getoond, waardoor deze een optimale gebruikerservaring krijgt.

Een flexibel contentmanagementsysteem

Als je een CMS voor je website gebruikt, heb je er een nodig dat gemakkelijk verschillende talen ondersteunt. De meeste populaire technologieën, zoals WordPress, Squarespace, Shopify en Webflow voldoen aan deze eis. Elk systeem biedt zijn eigen manier om talen aan je site toe te voegen.

Dit wordt echter nog eenvoudiger als je gebruikmaakt van Weglotgebruikt, dat met alle websitetechnologieën werkt. Het integreert naadloos met het thema van je websitebouwer (en andere functies van je site, zoals e-commerceplugins) en vertaalt tegelijkertijd al je content direct.

Dat betekent dat je je huidige sjablonen zonder problemen kunt gebruiken voor de verschillende taalversies van je website, waardoor je een consistentere gebruikerservaring kunt bieden.

Tekencodering

Tekstcodering is het systeem dat uw website aangeeft hoe tekst moet worden opgeslagen en weergegeven. UTF-8 is de standaard voor internationale websites – deze codering ondersteunt vrijwel elke taal en elk tekenset ter wereld, van het Latijnse alfabet tot Arabisch, Chinees en nog veel meer.

Without UTF-8, characters in certain languages can render as garbled symbols or question marks. Setting UTF-8 at the server, database, and HTML level (via a <meta charset="UTF-8"> tag) keeps everything consistent across all your language versions.

Tekstinhoud extern weergeven

Tekst-externalisatie houdt in dat je de geschreven inhoud van je website scheidt van de onderliggende code. In plaats van tekststrings vast in je sjablonen te coderen, sla je ze op in bronbestanden – meestal in .json-, .xml- of .po-formaat – en roep je ze dynamisch op.

Deze aanpak maakt vertalen een stuk eenvoudiger. Vertalers werken rechtstreeks met de bronbestanden, zonder dat ze je codebase hoeven aan te raken, en ontwikkelaars kunnen taalbestanden verwisselen zonder dat ze iets opnieuw hoeven te ontwerpen. Het vormt de basis voor een schaalbare meertalige opzet.

Rekening houden met tekstuitbreiding en -inkorting

De visuele harmonie blijft niet behouden in verschillende talen, tenzij je dit specifiek instelt; dit maakt het tot een essentieel aspect van internationalisering.

Wanneer de vertaalde tekst visueel langer of korter is dan de brontekst, spreekt men van tekstuitbreiding en -inkorting.

Een website die hier niet voor is geoptimaliseerd, ziet er in verschillende talen onhandig en onoverzichtelijk uit, met vreemd ogende openingen tussen inhoudsblokken of tekst die overloopt naar de achtergrond.

Een meertalige website moet zijn ontwerp en lay-out aanpassen aan de taal waarin de website wordt weergegeven.

Zo wordt bijvoorbeeld de tekstgrootte voor talen als Japans, Chinees en Koreaans vergroot, zodat de tekens beter zichtbaar en gemakkelijker te lezen zijn.

Ontwerpen voor talen die van rechts naar links worden geschreven

Een ander aspect om in gedachten te houden is dat talen die van rechts naar links worden geschreven, zoals het Arabisch en het Farsi, anders worden opgemaakt. Je lay-out en gebruikersinterface zullen er onhandig en lomp uitzien als ze niet zijn geoptimaliseerd voor talen die in beide richtingen worden geschreven.

Sommige websites hebben de interface zelfs volledig omgedraaid om sprekers van RTL-talen een betere kijkervaring te bieden. Neem bijvoorbeeld Facebook.

Je webdesign spiegelen zou de eenvoudigste manier zijn om dit aan te pakken, en dat is iets wat Weglot voor je Weglot doen zodra je een paar CSS-regels hebt toegevoegd.

Een van de meer ontwikkelaarsvriendelijke manieren om met RTL-lay-outs om te gaan, is het gebruik van logische CSS-eigenschappen. In plaats van richtingswaarden zoals `margin-left` of `padding-right` te gebruiken, maak je gebruik van eigenschappen zoals `margin-inline-start` en `padding-inline-end`. Deze passen zich automatisch aan de tekstrichting van het document aan – zodat dezelfde CSS zowel voor links-naar-rechts (LTR) als voor RTL-talen werkt, zonder dat je voor elke taal aparte regels hoeft te schrijven.

Op de locale afgestemde opmaak

Vertalen heeft betrekking op woorden. Lokale opmaak heeft betrekking op al het andere – en dat is meer dan je misschien zou verwachten.

Datums en tijden: In de VS worden datums geschreven als MM/DD/JJJJ, terwijl in het grootste deel van Europa de notatie DD/MM/JJJJ wordt gebruikt en in Japan de notatie JJJJ/MM/DD. Een datum als 04/05/2025 betekent voor een Amerikaan 5 april en voor een Britse lezer 4 mei. Ook de tijdnotaties (12-uurs versus 24-uurs) verschillen per regio.

Valuta: Het gaat niet alleen om het symbool. Het euroteken (€) staat in sommige landen vóór het getal en in andere erachter. Ook de plaats van de komma en het scheidingsteken voor duizendtallen wisselt – 1.000,50 in de VS wordt in Duitsland geschreven als 1.000,50, terwijl de Japanse yen helemaal geen decimalen kent.

Cijfers: Let naast de prijzen ook op statistieken en maten. In de VS wordt bijvoorbeeld ‘25,5%’ als statistisch cijfer gebruikt, maar in Frankrijk zul je waarschijnlijk ‘23,5%’ tegenkomen. In de keuken verschillen de Engelse en Amerikaanse ‘cup’-maten van elkaar, dus in recepten moet hier onderscheid worden gemaakt.

Hiermee geef je je bezoekers duidelijk te kennen dat je je website speciaal voor hen hebt gebouwd – en niet alleen maar hebt vertaald.

JavaScript-bibliotheken voor i18n

Als je website op JavaScript draait, zijn er twee bibliotheken die veel worden gebruikt voor het beheer van internationalisering in webapps.

i18next is een van de populairste i18n-frameworks voor JavaScript. Het zorgt voor taaldetectie, het laden van vertalingen en het aanpassen van de weergave aan de locale, en kan worden geïntegreerd met frameworks zoals React, Vue en Angular.

FormatJS (dat de react-intl-bibliotheek bevat) richt zich op het op de locale afgestemde opmaken van datums, tijden, getallen en valuta’s, waarbij gebruik wordt gemaakt van de Unicode CLDR-standaard. Het is de eerste keuze voor teams die behoefte hebben aan een nauwkeurige, aan de specificaties conforme verwerking van locale-instellingen.

Beide bibliotheken werken goed samen: i18next voor vertaalbeheer en FormatJS voor opmaak.

Pagina’s uitsluiten van vertaling

Er zijn bepaalde pagina’s die je niet voor alle taalversies wilt laten vertalen. Sommige inhoud is namelijk bedoeld voor een specifieke doelgroep, dus het zou geen zin hebben om die voor andere gebruikers te vertalen.

Gelukkig Weglot het eenvoudig om bepaalde onderdelen van de vertaling uit te sluiten, en kun je van alles uitsluiten, van URL’s tot pagina’s en inhoudsblokken.

Klaar om je website te internationaliseren met Weglot?Probeer het vandaagnog gratis uit.

Internationalisering en lokalisatie van websites

Je hebt waarschijnlijk al eens van de term ‘websitelokalisatie’ gehoord toen je je verdiepte in het onderwerp internationalisering.

Websitelokalisatie is het proces waarbij uw meertalige website wordt aangepast om uw nieuwe buitenlandse doelgroep een relevante gebruikerservaring te bieden. Hierbij wordt rekening gehouden met taalkundige nuances en culturele verwijzingen om de website af te stemmen op de behoeften van uw doelmarkt.

Een gelokaliseerde website bestaat bijvoorbeeld uit inhoud met specifieke verwijzingen waarmee uw specifieke doelgroep zich kan identificeren.

Het is ook zo aangepast dat de naamgevingsregels en numerieke notaties – zoals tijd, datum, valuta en zelfs meeteenheden – overeenkomen met wat voor hen de norm is.

Wat is het verschil tussen internationalisering en lokalisering van websites?

Internationalisering (i18n), lokalisering (l10n) en globalisering (g11n) zijn verwante maar verschillende begrippen – en ze worden vaak door elkaar gehaald.

Globalisering (g11n) is de breedste van de drie. Het verwijst naar de algemene strategie om een bedrijf zo op te zetten en uit te breiden dat het in meerdere landen en culturen actief is.

Internationalisering (i18n) vormt de technische basis: het zorgen dat de architectuur van je website flexibel genoeg is om verschillende talen, regionale notaties en schriften correct weer te geven.

Lokalisatie (l10n) is de volgende stap: het aanpassen van die flexibele basis aan de specifieke taal, cultuur en verwachtingen van elke doelmarkt.

Het ene kan niet zonder het andere. Internationalisering zorgt voor de infrastructuur; lokalisatie zorgt ervoor dat het als een eigen product aanvoelt.

Hoe Weglot bij internationalisering

Internationalisering bestaat uit heel wat verschillende aspecten. Weglot zo ontworpen dat het de meeste daarvan voor u regelt.

Zodra Weglot is geïnstalleerd, Weglot AI-vertalingen – op basis van OpenAI en Gemini – om uw inhoud automatisch te herkennen en te vertalen. Uw op maat gemaakte AI-taalmodel leert van uw merkrichtlijnen, woordenlijst en eerdere bewerkingen, waardoor de vertalingen in de loop van de tijd steeds beter worden en vanaf dag één al helemaal bij uw merk passen.

Of je nu helemaal opnieuw begint of al een eind op weg bent met het internationaliseren van je website, Weglot je site binnen enkele minuten klaar voor meertaligheid.

De inhoud weergeven

Als je Weglot hebt geïnstalleerd, hoef je nooit meer dubbele pagina’s of websites aan te maken. Het vertaalt je pagina’s automatisch voor je en geeft ze vervolgens direct weer in taalspecifieke submappen of subdomeinen.

Vervolgens kun je je website zo instellen dat bezoekers worden doorgestuurd naar de website die overeenkomt met de taal van hun webbrowser.

Hiervoor hoeft u alleen maar de gebruikersomleiding in te schakelen. U hoeft niet telkens in de HTML of CSS van uw website te sleutelen wanneer u de inhoud van uw website bijwerkt – Weglot dit allemaal voor u.

Ja, zelfs als je website met JavaScript is gebouwd. Als je bezig bent met het opzetten van een meertalige website, of als je gewoon geen behoefte hebt aan meertalige SEO (zoals bij een privé-app), dan kun je gebruikmaken van de JavaScript-integratie Weglot.

Hoe werkt dit? Wanneer een bezoeker een pagina op uw website opvraagt, stuurt uw server de pagina in de oorspronkelijke taal naar de browser van de bezoeker. Daarbij wordt de Weglot aangeroepen via een script-tag.

Vervolgens detecteert de bibliotheek de taal van de gebruiker (op basis van de instellingen of de locatie van de gebruiker). De bibliotheek verzamelt de inhoud en stuurt deze vervolgens naar de vertaal-APIWeglot. Deze API stuurt de vertalingen terug, waarna de Weglot de oorspronkelijke inhoud vervangt door de vertaalde versie.

Websiteontwerp

Met WeglotVisual Editorkunt u eenvoudig een voorbeeld bekijken van de verschillende talen op uw website voordat u deze publiceert. Dit biedt u de mogelijkheid om uw teksten aan te passen en het algehele ontwerp van uw website te optimaliseren, zodat uw bezoekers de ultieme gebruikerservaring krijgen.

Je hebt zelfs volledige controle over het ontwerp van je taalschakelaar dankzij de intuïtieve bewerkingsopties in je Weglot , of je kunt CSS-aanpassingen doorvoeren als je een meer op maat gemaakte oplossing nodig hebt.

Meertalige SEO

SEO is iets wat je bij Weglot niet zelf hoeft in te stellen, aangezien het de best practices van Google voor meertalige SEO volgt. Het geeft je vertalingen weer in je broncode en voegt automatisch hreflang-tags toe. Op die manier zullen je nieuwe markten je content gemakkelijker vinden.

{{ebook-banner}}

Lokalisatie van websites

Weglot zorgt Weglot voor de lokalisatie. Wij bieden automatische inhoudsdetectie, volledige controle over de kwaliteit van uw vertalingen en een geautomatiseerde workflow die in realtime met uw website synchroniseert terwijl u inhoud toevoegt. Uw AI-taalmodel zorgt volledig automatisch voor de kwaliteit, en wanneer u zelf wilt ingrijpen – om een specifieke pagina of markt nauwkeurig af te stemmen – staan de Visual Editor, de woordenlijst en het vertaalgeheugen direct voor u klaar.

Met Weglot ben je klaar voor de wereld

Een goede internationalisering loont de moeite. Wanneer bezoekers op een versie van uw website terechtkomen die hun taal spreekt – en dan ook echt in hun taal, met de juiste datumnotaties, valuta’s en culturele verwijzingen – blijven ze langer op de site en is de conversieratio hoger.

Het goede nieuws is dat het geen maandenlang project hoeft te zijn. Met de AI-vertaling en het op maat gemaakte AI-taalmodel Weglotkunt u binnen enkele minuten een website hebben die klaar is voor meertalig gebruik. Meld u vandaag nog aan voor een gratis proefperiode van 14 dagen en ontdek het zelf.