Comment désactiver Google Translate de HTML dans Chrome

99

Je viens de créer un site Internet pour un restaurant français. Le site Web est en anglais, mais je suppose qu'il y a suffisamment de français sur le site Web (images étiquetées des éléments de menu) pour inviter le visiteur à traduire le site Web s'il utilise Chrome.

Y a-t-il quelque chose que je peux ajouter au html pour empêcher Chrome de demander à traduire la page? Je suppose que ce serait quelque chose comme <html lang="en">mais cela ne fonctionne pas.

Des idées?

Merci

html google-chrome google-translate

— twinlakes
source

1

— Double

1

Vous devriez vous demander pourquoi? En faisant cela, vous empêchez quiconque de lire le site à moins que vous n'ayez fourni une traduction dans sa langue. Google Translate n'est pas parfait, mais rend les choses accessibles.

— Toni Leigh

1

@Toni Leigh parlant pour moi, j'ai vu Google Translate gâcher le comportement Javascript et DOM, ce qui entraîne diverses erreurs d'exécution difficiles à reproduire.

— Eric Grange

1

@ToniLeigh car il détecte la mauvaise langue source. Il veut fournir la langue source correcte. - Si cela lang="en"fonctionnait, cela ne "désactiverait" pas simplement Google Translate pour lui, mais le corrigerait pour les non anglophones qui pourraient en avoir besoin.

— BrainSlugs83

J'ai même traduit du contenu dans une base de données mongo à partir d'un formulaire déroulant manipulé, perturbant complètement mes données.

— Kurt Van den Branden

228

Nouvelle réponse

Ajoutez translate="no"à votre <html>tag, comme ceci:

<html translate="no">

Référence MDN

Ancienne réponse

(Cela devrait toujours fonctionner mais est moins souhaitable car il est spécifique à Google et il existe d'autres services de traduction.)

Ajoutez cette balise entre <head>et </head>:

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

Référence de la documentation

— Matthew Adams
source

18

Vous pouvez également exclure des éléments spécifiques de la traduction: class = "notranslate"

— Anselm

8

L' valueattribut doit être remplacé content="notranslate"par pour réussir la validation HTML5.

— Leo Galleguillos

URL mise à jour pour la documentation: support.google.com/webmasters/answer/79812

— Ahi Tuna

Bon conseil pour cacher la barre de traduction Google

— Morceau de code

4

L'ajout de cette balise meta a fonctionné pour nous. Nous avions déjà <html lang = "en"> dans la plupart de nos pages qui semblaient auparavant fonctionner mais plus maintenant.

— Chris le

14

Donc, pour la solution ultime que j'ai faite;

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

Cela a fonctionné pour moi.

— İbrahim Sakacı
source

Je devais juste ajouter la première ligne '<html lang = "en" class = "notranslate" translate = "no">'

— Tobo

A travaillé comme un charme .. Gareautrain!

— Onur Şahindur

6

La balise meta dans le <head>n'a pas fonctionné pour moi, mais

class="notranslate"

ajouté à un parent div(ou même <body>) a fonctionné et permet un contrôle plus précis du contenu que vous ne souhaitez pas traduire.

— Edelans
source

0

Permet d'ajouter ceci dans votre <head> </head>

content="notranslate" pour un meta name="google"

devrait fonctionner dans votre cas.

— rk toujours
source

0

Pour info, si vous voulez quelque chose qui fonctionnera pour tout le contenu de votre site (y compris ce qui n'est pas HTML), vous pouvez définir l'en- Content-Languagetête de votre réponse ( source ) dans la langue appropriée (dans mon cas en-US).

Cela présente l'avantage de "désactiver" l'offre de traduction de la page pour vous (car il connaîtra correctement la langue source), mais pour les autres lecteurs non natifs, ils auront toujours la possibilité de traduire votre site dans leur propre langue, et cela fonctionnera correctement.

(Aussi pour mon cas d'utilisation, où Chrome proposait de traduire du JSON bien formaté du latin à l'anglais, BS disparaît.)

— BrainSlugs83
source

0

Pour toujours travailler dans n'importe quel traducteur, copiez et collez le code ci-dessus:

<html lang="en" class="notranslate" translate="no">    <!-- All translators -->
    <head><meta name="google" content="notranslate" /> <!-- Just for google -->
</head>                                                <!-- Close head      -->

— Tiago Rangel de Sousa
source