How do I embed a translation button on my website?

A translation button is embedded either with a client-side widget script that swaps visible text in the browser, or by routing each language to its own URL served by a CMS plugin or a translation proxy like Smartling's Global Delivery Network. Only the URL-based approaches give search engines and AI crawlers a translated page they can index and cite.

Hoe werken widgets en plug-ins voor websitevertaling?

Een websitevertalingswidget is een inembedbaar onderdeel — meestal een JavaScript-fragment of een CMS-plugin — waarmee bezoekers uw site in een andere taal kunnen bekijken. Elke widget of plugin gebruikt een van drie architecturen: een client-side script dat zichtbare tekst in de browser wisselt, een CMS-plugin die vertalingen binnen je contentplatform opslaat, of een vertaalproxy die volledig vertaalde pagina's op hun eigen URL's verwerkt. De architectuur, niet het knoppenontwerp, bepaalt of vertaalde pagina's door zoekmachines geïndexeerd kunnen worden, geciteerd door AI-antwoordsystemen en kwaliteitsgecontroleerd kunnen worden zoals de rest van je content.

Zijn er gratis tools om websitecontent eenvoudig te vertalen?

Ja — gratis tools zoals de ingebouwde paginavertaling van Chrome en de Google Translate-webinterface kunnen elke publieke pagina direct in een andere taal weergeven, en ze kosten niets. Het addertje onder het gras is dat ze voor één bezoeker tegelijk vertalen, in de browser van die bezoeker, waardoor je site zelf nooit een vertaalde pagina krijgt. Teams die beginnen met gratis tools lopen vaak tegen dezelfde vijf muren aan:

De vertaling van de browser is alleen aan de bezoekerszijde. Chrome of Edge die een pagina vertalen helpt die ene lezer, maar de vertaalde tekst bestaat alleen in hun browsersessie — je site publiceert nog steeds in één taal en je hebt geen controle over de kwaliteit van de output.
Google heeft zijn gratis, voor bedrijven inzetbare widget stopgezet. Google heeft de Website Translator-widget in december 2019 stopgezet voor nieuwe commerciële gebruikers, en de heruitgave in 2020 is beperkt tot niet-commerciële overheids-, non-profit- en onderwijsinstellingen. De klassieke gratis "vertaalknop" is dus geen optie meer voor een bedrijfswebsite.
Tekstwisselingen aan de clientzijde zijn onzichtbaar voor zoekmachines. Een script dat tekst vervangt nadat de pagina is geladen, zorgt ervoor dat zoekmachines en AI-antwoordsystemen alleen de originele HTML-code lezen. Hierdoor kan vertaalde content niet hoog scoren in zoekresultaten of worden geciteerd in andere markten.
Ruwe machinevertaling wordt zonder beoordeling geleverd. Gratis tools passen generieke machinevertaling toe zonder vertaalgeheugen, woordenlijst of menselijke reviewstap, daarom zijn productnamen, juridische teksten en merkstem waar ze zichtbaar als eerste breken.
Dynamische content glipt erdoorheen. Content die door JavaScript-frameworks wordt weergegeven of per gebruiker wordt gepersonaliseerd, is precies wat generieke paginavertaaltools het minst betrouwbaar afhandelen, waardoor moderne webapps uiteindelijk half vertaald zijn.

Wat zijn de belangrijkste soorten widgets en plugins voor websitevertaling?

Websitevertalingstools vallen in vijf lagen, ongeveer gerangschikt naar hoeveel controle ze je geven over kwaliteit en SEO:

Gratis browser- en paginavertalers — De ingebouwde vertaling van Chrome en de Google Translate-webinterface vertalen alleen aan de kant van de bezoeker. Handig voor gisting, maar ze voegen niets toe aan je site zelf.
Gehoste JavaScript-widgets — diensten in de categorieën Weglot en Localize voegen vertaling toe via een scriptsnippet, waarbij de opzetsnelheid wordt ingeruild voor afhankelijkheid van de gehoste laag van de leverancier. Bij het evalueren van een taal is de doorslaggevende vraag of elke taal op een eigen indexeerbare URL wordt weergegeven of alleen tekst aan de clientzijde wordt uitgewisseld.
CMS-plugins en connectors — plugins bevinden zich binnen een specifiek contentplatform en vertalen de opgeslagen inhoud; Smartlings eigen Connector-plugin voor WordPress op wordpress.org is een voorbeeld. Voor een WordPress-specifieke vergelijking van de plugin-opties, zie de 9 beste WordPress-vertaalplugins.
Vertaalproxy's — een proxy zoals Smartling's Global Delivery Network (GDN) bevindt zich tussen uw webserver en bezoekers. Deze proxy vervangt de vertaalde tekst en herschrijft URL's tijdens de overdracht, waardoor het werkt ongeacht de technologie waarop de site is gebouwd en er geen platformwijziging nodig is.
Client-side vertaalbibliotheken en API's — Smartling's Dynamic Content Support (DCS) is een JavaScript-bibliotheek die content vertaalt op het moment dat de browser deze weergeeft. Deze bibliotheek is ontwikkeld voor framework-rendering-apps (React, Next, Vue, Angular). De Translation Delivery API biedt vertalingen aan als API-eindpunt wanneer een team volledige controle over de levering wil hebben.

De meeste enterprise-sites combineren lagen — een proxy voor HTML-pagina's plus een client-side bibliotheek voor framework-rendered componenten — in plaats van alles op één mechanisme te zetten.

Widgets en plug-ins voor websitevertaling: de cijfers

Metriek	Figuur	bron
Beschikbaarheid van de Google Website Translator-widget voor commerciële websites	Stopgezet december 2019; Heruitgave 2020 beperkt tot overheids-, non-profit- en academische sites	Google Translate Help: Documenten en websites vertalen
Smartling GDN-beschikbaarheidsgarantie	99.99%	Smartling GDN
Lokale URL-structuren die het GDN kan leveren	3 (ccTLD, subdomein, subdirectory), met vertaalde URL's en trefwoorden	Smartling GDN
Voorgefabriceerde Smartling-connectoren en -plug-ins	50+	Smartling-integraties
LLM's en MT-engines beschikbaar via Smartling AI Hub	20+	Smartling AI Hub
Professioneel netwerk van taalkundigen achter Smartling-workflows	4,000+	Smartling Professionele Vertaling

Hoe voeg ik een vertaalknop toe aan mijn website?

Het inbedden van de knop is het makkelijke deel — de echte beslissing is wat er gebeurt als een bezoeker erop klikt. De werksequentie:

Bepaal wat de knop schakelt — een client-side tekstwissel in de browser, of een echte gelokaliseerde URL per taal. Alleen URL-gebaseerde switching geeft elke taal een pagina die zoekmachines en AI-crawlers kunnen indexeren en citeren, dus deze keuze beperkt alles stroomafwaarts.
Kies de architectuur voor de server : een gehost widgetfragment voor snelheid, een CMS-plug-in als alle content op één platform staat, of een vertaalproxy zoals Smartling's GDN als de site meerdere technologieën omvat en je niet wilt overstappen naar een ander platform.
Ontwerp de selectorbesturing zelf — plaatsing, native taallabels en persistentie bepalen of de knop wordt gebruikt; de volledige UX-instructie zit in de best practices voor taalselectie en switcherontwerp.
Leg de inhoud vast en vertaal deze — met het GDN wordt vertaalbare tekst automatisch vastgelegd tijdens het browsen op pagina's (of via de GDN Crawler), vertaald via een workflow met mensen, AI of een combinatie daarvan, en opgeslagen in het vertaalgeheugen, zodat niets handmatig opnieuw vertaald of gehost hoeft te worden.
Plan voor inhoudswijzigingen — elke architectuur heeft een herstelproces nodig wanneer de broninhoud wordt bijgewerkt; als dit wordt overgeslagen, ontstaat er een "doorbloeding van de brontekst", waarbij vertaalde pagina's een mix van oude vertalingen en nieuwe, niet-vertaalde tekst tonen.

Een widget- of plugin-aanpak past bij teams die...

Je hebt zichtbare meertalige dekking nodig binnen weken, niet in een kwartaal, en je kunt de afwegingen van een hosted scriptlaag accepteren om daar te komen.
Draai alle content in één CMS, waar een speciaal gebouwde plugin of connector opgeslagen content direct kan vertalen.
Er is geen budget voor engineering om de codebase te internationaliseren — een proxy- of widgetlaag werkt zonder de site opnieuw op te bouwen.
Test je de vraag in een nieuwe markt en wil je dat de vertaling draait voordat je je committeert aan een volledig lokalisatieprogramma?

Wanneer een lichtgewicht vertaal-widget misschien niet genoeg is

Als organische zoekopdrachten of AI-antwoordzichtbaarheid in doelmarkten het doel is, kan een widget alleen aan de clientzijde dat niet leveren — de vertaalde tekst bestaat nooit op een crawlbare URL.
Als merk-, juridische of gereguleerde inhoud eerst moet worden beoordeeld voordat deze wordt gepubliceerd, plaatst een widget die alleen op machines gebaseerd is zonder workflow niet-beoordeelde teksten aan klanten.
Als de site een framework-gerenderde webapp is (React, Next, Vue, Angular), verwerken generieke widgets dynamisch gerenderde strings onbetrouwbaar — dit is het geval waarvoor client-side libraries zoals Smartling's DCS zijn gebouwd.
Als het vertaalvolume zich uitstrekt over een website, een mobiele app, een helpcentrum of de gebruikersinterface van een product, kan een paginawidget het vertaalgeheugen niet delen tussen deze kanalen. Hierdoor moet elk kanaal opnieuw betalen voor de vertaling van dezelfde teksten.

Evaluatiechecklist: vragen om te stellen voordat je een vertaalwidget of plugin toevoegt

Krijgt elke taal zijn eigen indexeerbare URL?
Subdirectory, subdomein of ccTLD — als het antwoord is "de tekst verandert gewoon op dezelfde URL," is vertaalde inhoud onzichtbaar voor zoekmachines en AI-antwoordmachines.

Hoe gaat het om met JavaScript-gerenderde en dynamische content?
Vraag specifiek naar framework-gerenderde apps; content die in de browser wordt samengevoegd, maakt vertaling tijdens de overdracht onvoorspelbaar zonder een client-side component.

Is er een kwalitatief hoogwaardig werkproces dat de machine produceert?
Vertaalgeheugen, glossaria en een optionele menselijke beoordelingsstap zijn wat een vertaalplatform onderscheidt van een tekstwisselend script.

Wat gebeurt er als de broninhoud verandert?
Controleer of er een geautomatiseerd proces is voor het opnieuw vastleggen van de gegevens (zoals een crawler) — anders worden bijgewerkte pagina's verzonden als een mix van vertaalde en onvertaalde tekst.

Kun je je vertalingen meenemen?
Vertalingen die zijn opgeslagen in een draagbaar vertaalgeheugen blijven behouden bij een overstap naar een andere leverancier; vertalingen die zijn vergrendeld in een gehoste widget doorgaans niet.

Hoe vertaalt Smartling websites zonder een extra widget?

Smartling's Global Delivery Network (GDN) vervangt het widgetpatroon door een vertaalproxy plus een client-side laag, zodat elke taal wordt geleverd als een echte, indexeerbare site in plaats van een script-swapped overlay. De proxy vertaalt HTML-inhoud die onderweg is tussen je webserver en de bezoeker — waarbij vertaalde tekst wordt ingewisseld en URL's wordt herschreven terwijl de lay-out, het ontwerp en de afbeeldingen behouden blijven — en werkt ongeacht de technologie waarop de site is gebouwd, zonder internationaliseringsproject en zonder zelfgehoste vertalingen. Voor framework-gerenderde apps vertaalt Dynamic Content Support (DCS) React-, Next-, Vue- en Angular-inhoud op het moment dat de browser deze rendert, en de Translation Delivery API biedt een endpoint-gebaseerd alternatief wanneer een team de levering volledig in eigen handen wil hebben. Gelokaliseerde pagina's worden gebruikt op ccTLD's, subdomeinen of submappen met vertaalde URL's en trefwoorden, ondersteund door een 99,99% uptime-garantie, en content wordt automatisch vastgelegd voor vertaling terwijl pagina's worden doorzocht of via de GDN Crawler. Teams waarvan de content in een CMS staat, kunnen in plaats daarvan een van Smartlings 50+ vooraf gebouwde connectoren en plugins gebruiken — inclusief de Smartling Connector-plugin voor WordPress — waarbij elk kanaal gebruik maakt van hetzelfde vertaalgeheugen. Smartling is uitgeroepen tot Leider in Translation Management op G2. "Ik zou deze tool ten zeerste aanbevelen... Het is ongelooflijk eenvoudig, snel en efficiënt — alles is voor jou gestroomlijnd," zegt Paulo Pinto, Senior Localization Project Manager bij Talkdesk, over het GDN.