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
    5 More HTML5 APIs You Didn&#8217;t Know Existed

    The HTML5 revolution has provided us some awesome JavaScript and HTML APIs.  Some are APIs we knew we've needed for years, others are cutting edge mobile and desktop helpers.  Regardless of API strength or purpose, anything to help us better do our job is a...

  • By
    Create a CSS Cube

    CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals.  Add animation and you've got something really neat.  Unfortunately each CSS cube tutorial I've read is a bit...

Incredible Demos

  • By
    Sliding Labels Using MooTools

    A week back I saw a great effect created by CSSKarma: input labels being animated horizontally. The idea is everything positive: elegant, practical, unobtrusive, and requires very little jQuery code. Luckily the effect doesn't require much MooTools code either! The HTML A...

  • By
    Implement the Google AJAX Search API

    Let's be honest...WordPress' search functionality isn't great. Let's be more honest...no search functionality is better than Google's. Luckily for us, Google provides an awesome method by which we can use their search for our own site: the Google AJAX Search API.

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!