Prevent Chrome from Translating a Page

By  on  

A while back I shared my favorite Google Chrome extension:  Google Art Project.  I've enjoyed seeing beautiful art when I open a new tab -- it's brought genuine happiness to my day, however small that happiness may be.  About a week ago, however, the art presented had a non-English name and so the Chrome "translate" bar dropped down every time I opened a new tab.  And since the artwork rotates daily, Chrome was super slow that day. It made me ask:  is there a way to prevent the translate bar from displaying? The answer is yes!

The answer comes in the form of a <meta> tag:

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

I wish the Google Art Project developers would implement this tag so I could get a new tab opened without delay when the artwork has a non-English title.  It is also handy that developers can prevent the toolbar from displaying on their sites -- not that I can think of why.  Anyways, thought I'd share this with you.

Recent Features

  • By
    Creating Scrolling Parallax Effects with CSS

    Introduction For quite a long time now websites with the so called "parallax" effect have been really popular. In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...

  • By
    Being a Dev Dad

    I get asked loads of questions every day but I'm always surprised that they're rarely questions about code or even tech -- many of the questions I get are more about non-dev stuff like what my office is like, what software I use, and oftentimes...

Incredible Demos

  • By
    jQuery Random Link Color Animations

    We all know that we can set a link's :hover color, but what if we want to add a bit more dynamism and flair? jQuery allows you to not only animate to a specified color, but also allows you to animate to a random color. The...

  • By
    Duplicate the jQuery Homepage Tooltips

    The jQuery homepage has a pretty suave tooltip-like effect as seen below: The amount of jQuery required to duplicate this effect is next to nothing;  in fact, there's more CSS than there is jQuery code!  Let's explore how we can duplicate jQuery's tooltip effect. The HTML The overall...

Discussion

  1. I also wish the Google Art Project Developers would implement this in their Google chrome to speed up things. Thanks for sharing.

  2. One of the things I nag browser makers on is documentation. I was curious to see if this was officially documented and it looks like it is:

    https://support.google.com/webmasters/answer/79812?hl=en

    There were some other interesting notes on that page too.

  3. Oumar FALL

    I whish this snippet be in HTML5 Boilerplate :)

  4. You can use a userscript that adds this meta.

  5. Google Chrome will also translate iframes on a page that contains content not in the browser default language.

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!