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.

Como funcionam os widgets e plugins de tradução de sites?

Um widget de tradução de sites é um componente incorporável — geralmente um trecho de JavaScript ou um plugin de CMS — que permite aos visitantes visualizar seu site em outro idioma. Cada widget ou plugin utiliza uma das três arquiteturas: um script do lado do cliente que troca o texto visível no navegador, um plugin de CMS que armazena as traduções dentro da sua plataforma de conteúdo ou um proxy de tradução que serve páginas totalmente traduzidas em seus próprios URLs. A arquitetura, e não o design do botão, determina se as páginas traduzidas podem ser indexadas pelos mecanismos de busca, citadas por mecanismos de resposta com IA e submetidas a controle de qualidade como o restante do seu conteúdo.

Existem ferramentas gratuitas para traduzir conteúdo de sites com facilidade?

Sim — ferramentas gratuitas como a tradução de páginas integrada do Chrome e a interface web do Google Tradutor podem traduzir qualquer página pública para outro idioma instantaneamente, e não custam nada. O problema é que a tradução é feita para um visitante de cada vez, no navegador desse visitante, o que significa que o seu site em si nunca terá uma página traduzida. Equipes que começam com ferramentas gratuitas tendem a esbarrar nos mesmos cinco obstáculos:

A tradução do navegador é feita apenas no lado do visitante. O Chrome ou o Edge, ao traduzirem uma página, beneficiam apenas esse leitor, mas o texto traduzido existe somente na sessão do navegador dele — seu site continua sendo publicado em um único idioma, e você não tem controle algum sobre a qualidade da saída.
O Google descontinuou seu widget incorporável gratuito para empresas. O Google descontinuou o widget Website Translator para novos usuários comerciais em dezembro de 2019, e seu relançamento em 2020 está restrito a sites governamentais, sem fins lucrativos e acadêmicos não comerciais — portanto, o clássico botão gratuito "traduzir" não é mais uma opção para um site corporativo.
As alterações de texto no lado do cliente são invisíveis para os rastreadores. Um script que substitui o texto após o carregamento da página deixa o HTML do idioma original como a única coisa que os mecanismos de busca e os sistemas de IA de resposta realmente leem, portanto, o conteúdo traduzido não pode ser classificado ou citado em outros mercados.
A tradução automática bruta é enviada sem revisão. As ferramentas gratuitas aplicam tradução automática genérica sem memória de tradução, glossário ou revisão humana, razão pela qual os nomes de produtos, textos legais e a identidade de marca são os primeiros pontos em que elas apresentam problemas visíveis.
Conteúdo dinâmico passa despercebido. O conteúdo renderizado por frameworks JavaScript ou personalizado para cada usuário é exatamente o que as ferramentas genéricas de tradução de páginas lidam com menor confiabilidade, fazendo com que os aplicativos da web modernos acabem traduzidos pela metade.

Quais são os principais tipos de widgets e plugins de tradução de sites?

As ferramentas de tradução de sites se dividem em cinco níveis, ordenados aproximadamente de acordo com o nível de controle que oferecem sobre a qualidade e o SEO:

Tradutores gratuitos para navegadores e páginas — a tradução integrada do Chrome e a interface web do Google Tradutor traduzem apenas do lado do visitante. Úteis para criar resumos, mas não acrescentam nada ao seu site em si.
Widgets JavaScript hospedados — serviços da categoria Weglot e Localize adicionam tradução por meio de um trecho de script, trocando velocidade de configuração por dependência da camada hospedada do fornecedor. Ao avaliar uma opção, a questão decisiva é se ela disponibiliza cada idioma em seu próprio URL indexável ou se apenas troca o texto no lado do cliente.
Plugins e conectores de CMS — os plugins ficam localizados dentro de uma plataforma de conteúdo específica e traduzem o conteúdo armazenado nela; o próprio plugin Connector da Smartling para WordPress, disponível em wordpress.org, é um exemplo. Para uma comparação específica das opções de plugins para WordPress, veja os 9 melhores plugins de tradução para WordPress.
Proxies de tradução — um proxy como a Rede de Distribuição Global (GDN) da Smartling fica entre o seu servidor web e os visitantes, substituindo o texto traduzido e reescrevendo URLs em trânsito, funcionando independentemente da tecnologia em que o site foi construído e sem necessidade de replataforma.
Bibliotecas e APIs de tradução do lado do cliente — O Dynamic Content Support (DCS) da Smartling é uma biblioteca JavaScript que traduz o conteúdo no momento em que o navegador o renderiza, criada para aplicativos renderizados por frameworks (React, Next, Vue, Angular), e a API Translation Delivery fornece traduções como um endpoint de API quando uma equipe deseja controle total sobre a entrega.

A maioria dos sites corporativos acaba combinando camadas — um proxy para páginas HTML mais uma biblioteca do lado do cliente para componentes renderizados pelo framework — em vez de apostar tudo em um único mecanismo.

Widgets e plugins de tradução de sites: os números

Métrica	Figura	fonte
Disponibilidade do widget do Google Website Translator para sites comerciais	Descontinuado em dezembro de 2019; relançamento em 2020 limitado a instituições governamentais, sem fins lucrativos e acadêmicas.	Ajuda do Google Tradutor: Traduzir documentos e sites
Garantia de disponibilidade da Smartling GDN	99.99%	Smartling GDN
Estruturas de URL de localidade que o GDN pode servir	3 (ccTLD, subdomínio, subdiretório), com URLs e palavras-chave traduzidas	Smartling GDN
Conectores e plugins Smartling pré-configurados	50+	Integrações Smartling
Mecanismos LLM e MT disponíveis através do Smartling AI Hub	20+	Hub de IA Smartling
Rede de linguistas profissionais por trás dos fluxos de trabalho da Smartling	4,000+	Tradução profissional Smartling

Como faço para incorporar um botão de tradução no meu site?

Incorporar o botão é a parte fácil — a verdadeira decisão é o que acontece quando um visitante clica nele. A sequência de trabalho:

Decida o que o botão alterna — uma troca de texto no navegador do lado do cliente ou um URL localizado real para cada idioma. Somente a troca baseada em URLs fornece a cada idioma uma página que os mecanismos de busca e os rastreadores de IA podem indexar e citar, portanto, essa escolha restringe tudo o que ocorre posteriormente.
Escolha a arquitetura de serviço : um snippet de widget hospedado para maior velocidade, um plugin de CMS se todo o conteúdo estiver em uma única plataforma ou um proxy de tradução como o GDN da Smartling se o site abranger várias tecnologias e você não quiser mudar de plataforma.
Projete o próprio controle seletor — o posicionamento, os rótulos no idioma nativo e a persistência determinam se o botão será usado; as diretrizes completas de UX estão nas melhores práticas de design de seletores e alternadores de idioma.
Capturar e traduzir o conteúdo — com a Rede de Display do Google (GDN), o texto traduzível é capturado automaticamente à medida que as páginas são navegadas (ou por meio do rastreador da GDN), traduzido por um humano, IA ou fluxo de trabalho híbrido e armazenado na memória de tradução, para que nada seja retraduzido ou hospedado manualmente.
Planeje para mudanças de conteúdo — toda arquitetura precisa de um caminho de recaptura quando o conteúdo de origem é atualizado; ignorá-lo produz "vazamento de código-fonte", onde as páginas traduzidas mostram uma mistura de traduções antigas e texto novo não traduzido.

Uma abordagem com widgets ou plugins é adequada para equipes que...

Preciso de cobertura multilíngue visível em semanas, não em um trimestre, e posso aceitar as desvantagens de uma camada de script hospedada para atingir esse objetivo.
Execute todo o conteúdo em um único CMS, onde um plugin ou conector desenvolvido especificamente para essa finalidade possa traduzir o conteúdo armazenado diretamente.
Não temos orçamento de engenharia para internacionalizar o código-fonte — uma camada de proxy ou widget funciona sem precisar reconstruir o site.
Estão testando a demanda em um novo mercado e querem implementar a tradução antes de se comprometerem com um programa completo de localização.

Quando um widget de tradução leve pode não ser suficiente

Se o objetivo é a visibilidade em buscas orgânicas ou respostas de IA nos mercados-alvo, um widget exclusivo para o lado do cliente não consegue alcançá-lo — o texto traduzido nunca existe em uma URL rastreável.
Se o conteúdo da marca, jurídico ou regulamentado precisar de revisão antes da publicação, um widget automatizado, sem fluxo de trabalho, coloca o texto não revisado diante dos clientes.
Se o site for um aplicativo web renderizado por um framework (React, Next, Vue, Angular), os widgets genéricos lidam com strings renderizadas dinamicamente de forma não confiável — este é o caso para o qual bibliotecas do lado do cliente, como o DCS da Smartling, foram criadas.
Se o volume de traduções abranger um site, um aplicativo móvel, uma central de ajuda ou uma interface de usuário de produto, um widget de página não poderá compartilhar a memória de tradução entre esses canais; portanto, cada canal pagará para traduzir as mesmas strings novamente.

Lista de verificação para avaliação: perguntas a fazer antes de adicionar um widget ou plugin de tradução.

Cada idioma recebe sua própria URL indexável?
Subdiretório, subdomínio ou ccTLD — se a resposta for "o texto apenas muda na mesma URL", o conteúdo traduzido fica invisível para mecanismos de busca e sistemas de inteligência artificial.

Como ele lida com conteúdo dinâmico e renderizado em JavaScript?
Pergunte especificamente sobre aplicativos renderizados por frameworks; o conteúdo reunido no navegador é onde a tradução em trânsito se torna imprevisível sem um componente do lado do cliente.

Existe um fluxo de trabalho de qualidade por trás da produção da máquina?
Memória de tradução, glossários e uma etapa opcional de revisão humana são o que diferenciam uma plataforma de tradução de um script de troca de texto.

O que acontece quando o conteúdo de origem muda?
Confirme se existe um caminho de recaptura automatizado (como um rastreador) — caso contrário, as páginas atualizadas serão enviadas como uma mistura de texto traduzido e não traduzido.

Você pode levar suas traduções com você?
Traduções armazenadas em uma memória de tradução portátil sobrevivem à troca de fornecedor; traduções bloqueadas dentro de um widget hospedado geralmente não.

Como a Smartling traduz sites sem um widget adicional?

A Rede de Distribuição Global (GDN) da Smartling substitui o padrão de widget por um proxy de tradução mais uma camada do lado do cliente, de forma que cada idioma seja distribuído como um site real e indexável, em vez de uma sobreposição com scripts trocados. O proxy traduz o conteúdo HTML em trânsito entre o seu servidor web e o visitante — substituindo o texto traduzido e reescrevendo URLs, preservando o layout, o design e as imagens — e funciona independentemente da tecnologia em que o site foi construído, sem necessidade de projeto de internacionalização ou traduções auto-hospedadas. Para aplicativos renderizados por frameworks, o Dynamic Content Support (DCS) traduz o conteúdo do React, Next, Vue e Angular no momento em que o navegador o renderiza, e a Translation Delivery API oferece uma alternativa baseada em endpoints quando uma equipe deseja ter total controle sobre a entrega. As páginas localizadas são exibidas em ccTLDs, subdomínios ou subdiretórios com URLs e palavras-chave traduzidas, com garantia de disponibilidade de 99,99%, e o conteúdo é capturado para tradução automaticamente à medida que as páginas são navegadas ou por meio do GDN Crawler. Equipes cujo conteúdo reside em um CMS podem usar um dos mais de 50 conectores e plugins pré-construídos da Smartling — incluindo o plugin Smartling Connector para WordPress — com todos os canais utilizando a mesma memória de tradução. A Smartling foi nomeada Líder em Gestão de Traduções no G2. "Eu recomendo muito esta ferramenta... É incrivelmente simples, rápida e eficiente — tudo é otimizado para você", diz Paulo Pinto, Gerente Sênior de Projetos de Localização da Talkdesk, ao descrever a GDN.