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
    9 Mind-Blowing Canvas Demos

    The <canvas> element has been a revelation for the visual experts among our ranks.  Canvas provides the means for incredible and efficient animations with the added bonus of no Flash; these developers can flash their awesome JavaScript skills instead.  Here are nine unbelievable canvas demos that...

  • By
    Animated 3D Flipping Menu with CSS

    CSS animations aren't just for basic fades or sliding elements anymore -- CSS animations are capable of much more.  I've showed you how you can create an exploding logo (applied with JavaScript, but all animation is CSS), an animated Photo Stack, a sweet...

Incredible Demos

  • By
    New MooTools Plugin:  ElementFilter

    My new MooTools plugin, ElementFilter, provides a great way for you to allow users to search through the text of any mix of elements. Simply provide a text input box and ElementFilter does the rest of the work. The XHTML I've used a list for this example...

  • By
    Optimize Your Links For Print Using CSS — Show The URL

    When moving around from page to page in your trusty browser, you get the benefit of hovering over links and viewing the link's target URL in the status bar. When it comes to page printouts, however, this obviously isn't an option. Most website printouts...

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!