63 votes

Désactiver la barre de traduction de Chrome sur mon site web

J'ai un site de chat très dynamique et lorsque je le visite avec Google Chrome, la barre de traduction apparaît pour proposer de traduire le site. Bien que la traduction du contenu dynamique fonctionne mieux que je ne l'aurais espéré, elle n'est pas suffisamment efficace pour mon usage et n'a même pas beaucoup de sens dans un chat.

Y a-t-il une astuce que je peux mettre dans mon site pour que les visiteurs avec Chrome ne voient pas la barre de traduction ?

0 votes

Par curiosité, si vous avez explicitement spécifier la langue ( <html lang="en"> ) de la page, est-ce que cela annule la tentative de détection automatique de la langue par Chrome ? Si Chrome pense alors que votre page balisée est autre chose que ce qu'elle est balisée, cela ressemble à un bogue.

128voto

Bertrand Marron Points 9284

Insérez ceci dans le head de votre page web.

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

Source : Une balise Meta que Google comprend - Centre d'aide Search Console

2 votes

La solution méta ne fonctionne que partiellement. Par partiellement, je veux dire que lorsque la page se charge pour la première fois, la barre de traduction ne s'affiche PAS, ce qui est ce que je veux. Mais si je clique sur "rafraîchir", la barre s'affiche. Est-ce intentionnel ?

0 votes

J'ai connu le même effet. on ne peut rien y faire :(

0 votes

Vous pouvez voir le comportement "shows toolbar on refresh" sur cette page, qui a la balise <meta> : jsbin.com/ehavan/3 Sinon, voici la même page sans la balise <meta> : jsbin.com/ehavan/2

26voto

digitaldonkey Points 1736

La valeur méta doit être " contenu ", et non " valeur "

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

Mise à jour : Je comprends que les balises méta normales utilisent le contenu pour attribuer la valeur, mais il s'agit d'un cas rare où "valeur" est en fait la syntaxe correcte, c'est-à-dire qu'elle est confirmée pour supprimer la barre de traduction.

0 votes

+1, ça devrait être du contenu support.google.com/webmasters/answer/79812?hl=fr

0 votes

Ça devrait être le cas d'après le document, oui. Mais seul "value" fonctionne pour moi (Chrome 28).

0 votes

Peu importe lequel vous utilisez : support.google.com/translate/?hl=fr#2641276

15voto

Aaron Sherman Points 526

Si vous voulez bloquer une section (c'est-à-dire, pour la question originale, juste la fenêtre de chat), vous pouvez utiliser

  class=notranslate

De : http://support.google.com/translate/?hl=en#2641276 . Si vous ne voulez pas que votre page Web soit traduite par Google Translate, sauf pour une section particulière (comme une adresse électronique, par exemple), il suffit d'ajouter class=notranslate à tout élément HTML pour empêcher la traduction de cet élément. Par exemple :

Email us at <span class="notranslate">sales at example dot com</span>

0 votes

Parfait, c'est souvent beaucoup plus utile que de désactiver complètement la traduction comme le suggèrent les autres réponses. De plus, vous pouvez toujours donner une classe à l'ensemble de la balise body.

0 votes

C'est la bonne réponse car elle laisse le reste du site accessible à toute personne qui ne lit pas la langue originale.

3voto

Francisco Costa Points 875

Si vous ajoutez le code suivant

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

à l'intérieur de <head></head> cela désactivera l'apparition de la barre de traduction, mais aussi désactiver la traduction à Google Translate .

Pour plus d'informations, consultez http://support.google.com/translate/?hl=en#2641276 .

1voto

Amassuo Points 31

Utilisez le nouvel attribut global. translate .

dans mon cas, je l'ai utilisé directement en html

<html lang="en" translate="no">

mais vous pouvez le définir sur un élément spécifique. exemple

<footer>
   <small>© 2020 <span translate="no">BrandName</span></small>
</footer>

Référence MDN

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X