CODEWITHSUNDEEP
htmlgoogle-chrome
swij
swij

Reputation: 693

Disable Chrome translation bar on my website

I have a chat website that is highly dynamic and when visiting it with Google Chrome, the translation bar appears offering to translate the site. While the translation of dynamic content works better than I'd have expected, it doesn't work well enough for my purpose and doesn't even make much sense in a chat.

Is there some hint I can put into my site so that visitors with Chrome would not see the translation bar?

Upvotes: 69

Views: 39448

Answers (5)

Amassuo
Amassuo

Reputation: 74

Use the new global attribute. translate.

in my case i used it straight into html

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

but you can set it on a specific element. example

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

MDN ref

Upvotes: 2

Bertrand Marron
Bertrand Marron

Reputation: 22210

Insert this to the head section of your web page.

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

Source: Meta tag that Google understand - Search Console Help

Upvotes: 140

Aaron Sherman
Aaron Sherman

Reputation: 3877

If you want to block a section (ie: for the original question just the chat window) you can use

  class=notranslate

From: http://support.google.com/translate/?hl=en#2641276. If you don't mind your web page being translated by Google Translate, except for a particular section (like an email address, for example), just add class=notranslate to any HTML element to prevent that element from being translated. For example:

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

Upvotes: 16

Francisco Costa
Francisco Costa

Reputation: 7133

If you add the following code

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

inside <head></head> it will disable the appearence of the translation bar, but will also disable translation at Google Translate.

For more info check http://support.google.com/translate/?hl=en#2641276.

Upvotes: 4

digitaldonkey
digitaldonkey

Reputation: 2465

The Meta Value should be "content", not "value"

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

Update: I understand that normal meta tags use content to assign the value, however this is a rare case where "value" is actually the correct syntax. i.e. is confirmed to remove the translate bar.

Upvotes: 28

Related Questions