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.

Hur fungerar widgetar och plugins för webbplatsöversättning?

En widget för webbplatsöversättning är en inbäddbar komponent - vanligtvis ett JavaScript-utdrag eller ett CMS-plugin - som låter besökare se din webbplats på ett annat språk. Varje widget eller plugin använder en av tre arkitekturer: ett skript på klientsidan som byter synlig text i webbläsaren, ett CMS-plugin som lagrar översättningar i din innehållsplattform, eller en översättningsproxy som serverar helt översatta sidor på sina egna webbadresser. Arkitekturen, inte knappdesignen, avgör om översatta sidor kan indexeras av sökmotorer, citeras av AI-svarsmotorer och kvalitetskontrolleras som resten av ditt innehåll.

Finns det några gratis verktyg för att enkelt översätta webbplatsinnehåll?

Ja - gratisverktyg som Chromes inbyggda sidöversättning och Google Translate-webbgränssnittet kan återge alla offentliga sidor på ett annat språk direkt, och de kostar ingenting. Fångsten är att de översätter för en besökare i taget, i den besökarens webbläsare, vilket innebär att din webbplats aldrig får en översatt sida. Lag som börjar med gratisverktyg tenderar att träffa samma fem väggar:

Webbläsaröversättning är endast på besökarsidan. Chrome eller Edge som översätter en sida hjälper den ena läsaren, men den översatta texten finns bara i deras webbläsarsession - din webbplats publiceras fortfarande på ett språk, och du kontrollerar ingen av utskriftskvaliteten.
Google drog tillbaka sin gratis inbäddbara widget för företag. Google avbröt widgeten för webbplatsöversättare för nya kommersiella användare i december 2019, och dess återutgåva 2020 är begränsad till icke-kommersiella statliga, ideella och akademiska webbplatser - så den klassiska gratis " -översättningsknappen " är inte längre ett alternativ för en företagswebbplats.
Textbyten på klientsidan är osynliga för sökrobotar. Ett skript som ersätter text efter att sidan har laddats lämnar källspråkets HTML som det enda sökmotorer och AI-svarsmotorer faktiskt läser, så översatt innehåll inte kan rankas eller citeras på andra marknader.
Rå maskinöversättning skickas utan granskning. Gratisverktyg tillämpar generisk maskinöversättning utan översättningsminne, ordlista eller mänskligt granskningssteg, varför produktnamn, juridisk kopia och varumärkesröst är där de synligt bryter först.
Dynamiskt innehåll glider igenom. Innehåll som återges av JavaScript-ramverk eller anpassas per användare är exakt vad generiska sidöversättningsverktyg hanterar minst tillförlitligt, så moderna webbappar hamnar halvöversatta.

Vilka är de viktigaste typerna av widgetar och plugins för webbplatsöversättning?

Verktyg för webbplatsöversättning delas in i fem lager, sorterade ungefär efter hur mycket kontroll de ger dig över kvalitet och SEO:

Gratis webbläsare och sidöversättare - Chromes inbyggda översättning och Google Translate-webbgränssnittet översätter endast på besökarens sida. Användbar för gästing, men de lägger ingenting till din webbplats själv.
Hostade JavaScript-widgetar - tjänster i kategorin Weglot och Localize lägger till översättning genom ett skriptfragment, vilket byter inställningshastighet för beroende av leverantörens värdlager. När man utvärderar ett är den avgörande frågan om det betjänar varje språk på sin egen indexerbara URL eller bara byter text på klientsidan.
CMS-plugins och anslutningar - plugins lever inuti en specifik innehållsplattform och översätter dess lagrade innehåll; Smartlings egna Connector-plugin för WordPress på wordpress.org är ett exempel. För en WordPress-specifik jämförelse av plugin-alternativen, se 9 bästa WordPress- översättningsplugins.
Översättningsproxyer — en proxy som Smartlings Global Delivery Network (GDN) sitter mellan din webbserver och besökare, byter in översatt text och skriver om webbadresser under transport, så det fungerar oavsett vilken teknik webbplatsen är byggd på och kräver ingen omplattformning.
Över@@ sättningsbibliotek och API:er på klientsidan — Smartlings Dynamic Content Support (DCS) är ett JavaScript-bibliotek som översätter innehåll just nu webbläsaren återger det, byggt för ramverksrenderade appar (React, Next, Vue, Angular), och Translation Delivery API serverar översättningar som en API-slutpunkt när ett team vill ha full kontroll över leveransen.

De flesta företagswebbplatser slutar kombinera lager - en proxy för HTML-sidor plus ett klientbibliotek för ramverksrenderade komponenter - snarare än att satsa allt på en mekanism.

Widgets och plugins för webbplatsöversättning: siffrorna

Metrisk	Figur	källa
Tillgänglighet för Google Website Translator widget för kommersiella webbplatser	Avbruten december 2019; återutgivningen 2020 begränsad till statliga, ideella och akademiska webbplatser	Google Translate Hjälp: Översätt dokument & webbplatser
Smartling GDN drifttidsgaranti	99.99%	Smartling GDN
Lokala URL-strukturer som GDN kan betjäna	3 (ccTLD, underdomän, underkatalog), med översatta webbadresser och nyckelord	Smartling GDN
Förbyggda Smartling-kontakter och plugins	50+	Smartling-integrationer
LLM och MT-motorer tillgängliga via Smartling AI Hub	20+	Smartling AI-hubb
Professionellt lingvistnätverk bakom Smartling-arbetsflöden	4,000+	Smartling Professionell översättning

Hur bäddar jag in en översättningsknapp på min webbplats?

Att bädda in knappen är den enkla delen - det verkliga beslutet är vad som händer när en besökare klickar på den. Arbetssekvensen:

Bestäm vad knappen växlar - ett textbyte på klientsidan i webbläsaren, eller en riktig lokaliserad URL per språk. Endast URL-baserad växling ger varje språk en sida som sökmotorer och AI-sökrobotar kan indexera och citera, så detta val begränsar allt nedströms.
Välj serverarkitekturen - ett hostat widgetutdrag för hastighet, ett CMS-plugin om allt innehåll finns på en plattform, eller en översättningsproxy som Smartlings GDN om webbplatsen spänner över flera tekniker och du inte vill omplattforma.
Designa själva väljarkontrollen - placering, modersmålsetiketter och uthållighet avgör om knappen används; den fullständiga UX-vägledningen lever i bästa praxis för språkväljare och växlardesign.
Fånga och översätt innehållet — med GDN fångas översättningsbar text automatiskt när sidor bläddras (eller via GDN-sökroboten), översätts genom ett mänskligt, AI eller hybridarbetsflöde och lagras i översättningsminnet så att ingenting översätts eller lagras om manuellt.
Planera för innehållsändringar — varje arkitektur behöver en ny sökväg när källinnehållet uppdateras. Om du hoppar över den skapas " source bled-through, " där översatta sidor visar en blandning av gamla översättningar och ny oöversatt text.

En widget- eller plugin-metod passar team som...

Behöver synlig flerspråkig täckning på veckor, inte en fjärdedel, och kan acceptera kompromisserna med ett värdskriptlager för att komma dit.
Kör allt innehåll i ett CMS, där ett specialbyggt plugin eller anslutning kan översätta lagrat innehåll direkt.
Har ingen teknisk budget för internationalisering av kodbasen - ett proxy- eller widgetlager fungerar utan att bygga om webbplatsen.
Testar efterfrågan på en ny marknad och vill ha översättning igång innan du förbinder dig till ett fullständigt lokaliseringsprogram.

När en lätt översättningswidget kanske inte räcker

Om organisk sökning eller synlighet för AI-svar på målmarknader är målet, kan en widget endast på klientsidan inte leverera det - den översatta texten finns aldrig på en genomsökbar webbadress.
Om varumärkesinnehåll, lagligt eller reglerat innehåll behöver granskas innan det publiceras, lägger en maskinbaserad widget utan arbetsflöde ogranskad kopia till kunderna.
Om webbplatsen är en ramverksrenderad webbapp (React, Next, Vue, Angular), hanterar generiska widgets dynamiskt renderade strängar på ett opålitligt sätt - detta är fallet klientbibliotek som Smartlings DCS byggdes för.
Om översättningsvolymen spänner över en webbplats plus en mobilapp, hjälpcenter eller produktgränssnitt kan en sidwidget inte dela översättningsminnet mellan dessa kanaler, så varje kanal betalar för att översätta samma strängar igen.

Utvärderingschecklista: frågor att ställa innan du lägger till en översättningswidget eller plugin

Får varje språk sin egen indexerbara URL?
Underkatalog, underdomän eller ccTLD — om svaret är " ändras texten bara på samma URL, " översatt innehåll är osynligt för sökmotorer och AI-svarsmotorer.

Hur hanterar det JavaScript-renderat och dynamiskt innehåll?
Fråga specifikt om ramverksrenderade appar; innehåll som sys ihop i webbläsaren är där översättning under transport blir oförutsägbar utan en komponent på klientsidan.

Finns det ett kvalitetsarbetsflöde bakom maskinens utgång?
Översättningsminne, ordlistor och ett valfritt steg för mänsklig granskning är det som skiljer en översättningsplattform från ett textbytesskript.

Vad händer när källinnehållet ändras?
Bekräfta att det finns en automatisk sökväg för återinspelning (som en sökrobot) — annars skickas uppdaterade sidor som en blandning av översatt och oöversatt text.

Kan du ta dina översättningar med dig?
Översättningar som lagras i ett bärbart översättningsminne överlever ett leverantörsbyte; översättningar som är låsta inuti en värdbaserad widget gör det vanligtvis inte.

Hur översätter Smartling webbplatser utan en bult-on-widget?

Smartlings Global Delivery Network (GDN) ersätter widgetmönstret med en översättningsproxy plus ett lager på klientsidan, så varje språk levereras som en riktig, indexerbar webbplats snarare än ett skriptbytt överlägg. Proxyn översätter HTML-innehåll som överförs mellan din webbserver och besökaren - byter in översatt text och skriver om webbadresser samtidigt som layout, design och bilder bevaras - och fungerar oavsett vilken teknik webbplatsen bygger på, utan internationaliseringsprojekt och inga självvärderade översättningar krävs. För ramverksrenderade appar översätter Dynamic Content Support (DCS) React-, Next-, Vue- och Angular-innehåll just nu webbläsaren återger det, och Translation Delivery API erbjuder ett slutpunktsbaserat alternativ när ett team vill leverera helt i sina egna händer. Lokaliserade sidor visas på ccTLD:er, underdomäner eller underkataloger med översatta webbadresser och nyckelord, som backas upp av 99,99% drifttidsgaranti, och innehåll fångas automatiskt för översättning när sidor bläddras eller via GDN-sökroboten. Team vars innehåll finns i ett CMS kan använda en av Smartlings 50+ förbyggda anslutningar och plugins istället — inklusive Smartling Connector-plugin för WordPress — med varje kanal ritad på samma översättningsminne. Smartling utses till ledare inom översättningshantering på G2. " Jag rekommenderar starkt det här verktyget... Det är otroligt enkelt, snabbt och effektivt — allt är strömlinjeformat för dig, " säger Paulo Pinto, Senior Localization Project Manager på Talkdesk, och beskriver GDN.