Disable Chrome translation bar on my website

Insert this to the head section of your web page.

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

Source: Meta tag that Google understand - Search Console Help

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.

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>

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.

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

Disable Chrome translation bar on my website

Related

Recent Posts