Como desativar o google tradutor de html no cromo


99

Acabei de fazer um site para um restaurante francês. O site está em inglês, mas acho que há francês suficiente no site (imagens rotuladas de itens do menu) para solicitar ao visitante que traduza o site se estiver usando o Chrome.

Há algo que eu possa adicionar ao html para evitar que o Chrome solicite a tradução da página? Eu diria que seria algo parecido, <html lang="en">mas não funciona.

Alguma ideia?

obrigado



1
Você deve se perguntar por quê? Ao fazer isso, você impede que qualquer pessoa leia o site, a menos que tenha fornecido uma tradução em seu idioma. O Google Translate não é perfeito, mas torna tudo acessível.
Toni Leigh

1
@Toni Leigh falando por mim, eu vi o Google Translate bagunçar o comportamento do Javascript e do DOM, resultando em vários erros de execução difíceis de reproduzir.
Eric Grange

1
@ToniLeigh porque está detectando o idioma de origem errado. Ele deseja fornecer o idioma de origem correto. - Se lang="en"funcionasse, isso não apenas "desabilitaria" o Google Translate para ele, mas também corrigiria para os que não falam inglês e que possam precisar dele.
BrainSlugs83

Eu até havia traduzido conteúdo em um banco de dados mongo de um formulário suspenso manipulado, bagunçando meus dados completamente.
Kurt Van den Branden,

Respostas:


228

Nova Resposta

Adicione translate="no"à sua <html>tag, assim:

<html translate="no">

Referência MDN


Resposta Antiga

(Isso ainda deve funcionar, mas é menos desejável porque é específico do Google e existem outros serviços de tradução por aí.)

Adicione esta tag entre <head>e </head>:

<meta name="google" content="notranslate">

Referência de documentação


18
Você também pode excluir elementos específicos da tradução: class = "notranslate"
Anselm

8
O valueatributo deve ser alterado para a content="notranslate"fim de passar na validação de HTML5.
Leo Galleguillos

URL atualizado para documentação: support.google.com/webmasters/answer/79812
Ahi Tuna

Ótima dica para esconder a barra do Google Translate
Piece of Code

4
Adicionar esta meta tag funcionou para nós. Já tínhamos <html lang = "en"> na maioria de nossas páginas que pareciam funcionar, mas não funcionam mais.
Chris

14

Então, para a solução final eu fiz;

<html lang="en" class="notranslate" translate="no">
<head><meta name="google" content="notranslate" /> </head>

Isso funcionou para mim.


Eu só tive que adicionar a primeira linha '<html lang = "en" class = "notranslate" translate = "no">'
Tobo

Funcionou como um encanto .. Salva-vidas!
Onur Şahindur

6

A metatag no <head>não funcionou para mim, mas

class="notranslate"

adicionado a um pai div(ou mesmo <body>) funcionou e permite um controle mais preciso do conteúdo que você não deseja que seja traduzido.


0

Vamos adicionar isso ao seu <head> </head>

content="notranslate" para meta name="google"

deve funcionar no seu caso.


0

Para sua informação, se você quiser algo que funcione para todo o conteúdo do seu site (incluindo o que não é HTML), pode definir o Content-Languagecabeçalho da sua resposta ( fonte ) para o idioma apropriado (no meu caso, en-US).

Isso tem a vantagem de "desabilitar" a oferta de tradução da página para você (porque saberá o idioma de origem corretamente), mas para outros leitores não nativos, eles ainda terão a opção de traduzir seu site em seu próprio idioma e funcionará corretamente.

(Também para o meu caso de uso, em que o Chrome estava oferecendo a tradução de JSON bem formatado do latim para o inglês, esse BS foi embora.)


0

Para trabalhar sempre em qualquer tradutor, copie e cole o código acima:

<html lang="en" class="notranslate" translate="no">    <!-- All translators -->
    <head><meta name="google" content="notranslate" /> <!-- Just for google -->
</head>                                                <!-- Close head      -->
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.