LanguageSwitcher

LanguageSwitcher

Toont automatisch de beschikbare talen van de site als schakelaar.

Werkt automatisch op basis van de taalvarianten van de site. Verbergt zichzelf als er maar één taal is.

Toepassingen per site-type

Een webshop die internationaal verzendt, zet de LanguageSwitcher meestal rechtsboven in de header, naast een eventuele valutakeuze, zodat bezoekers uit verschillende landen direct de juiste taalversie vinden. Een portfolio-site met een internationaal publiek, bijvoorbeeld een fotograaf die ook in het buitenland werkt, plaatst hem vaak in de footer omdat taalkeuze daar minder prioriteit heeft dan het portfolio zelf. Bij een zakelijke dienstverlener met vestigingen in meerdere landen hoort de schakelaar juist prominent in de header, naast het menu, omdat bezoekers snel naar hun eigen taal willen kunnen wisselen.

Een veelgemaakte fout is de schakelaar toevoegen vóórdat er daadwerkelijk meerdere taalvarianten zijn ingesteld: het block verbergt zichzelf dan automatisch, wat verwarrend kan zijn als je verwacht dat hij zichtbaar is. Controleer bij meertaligheid of alle relevante pagina's een vertaalde variant hebben — een schakelaar die naar een niet-vertaalde pagina linkt, is verwarrender dan geen schakelaar.

Dit block combineert vaak met MobileMenu: op mobiel is er beperkte ruimte in de header, dus de taalschakelaar verhuist dan meestal naar binnen in het uitschuifmenu in plaats van ernaast te blijven staan.

Voor toegankelijkheid is het belangrijk dat elke taaloptie in de eigen taal wordt getoond, bijvoorbeeld 'Deutsch' in plaats van 'Duits' wanneer je die taal aanbiedt — zo herkennen bezoekers hun eigen taal ook als ze de rest van de site niet begrijpen. Omdat het block automatisch meeschaalt met het aantal talen, hoef je hier zelf niets voor te bouwen.

Plaats dit block in de header of footer van een meertalige site, zodat bezoekers moeiteloos tussen taalversies wisselen. Denk aan een webshop die in het Nederlands, Engels en Duits actief is, of een zakelijke site met een internationale doelgroep.

Omdat de links automatisch worden opgebouwd uit de bestaande taalvarianten van de site, hoef je nooit handmatig een taalmenu te onderhouden: voeg je een taal toe of verwijder je er een, dan past de schakelaar zich vanzelf aan.

lang.jsx
<LanguageSwitcher />