<span class="mt-enclosure mt-enclosure-image" /><img alt="google翻訳をメタタグやClass属性でブロックする方法" src="http://web-marketing.zako.org/images/google-translate-block.png" width="514" height="204" style="" /></span>

<p>あまり用途は多くないように思いますが、Google翻訳で言語翻訳するのをブロックする方法が<a class="google" href="http://googlewebmastercentral.blogspot.com/2008/10/helping-you-break-language-barrier.html" onclick="window.open('http://googlewebmastercentral.blogspot.com/2008/10/helping-you-break-language-barrier.html'); return false;">Official Google Webmaster Central Blog</a>で紹介されていたので備忘録的に書き留めておきます。</p>

<!--more-->
<h3 class="header-label">Google翻訳をメタタグやClass要素でブロックする方法</h3>
<p>他にも用途はあるのでしょうけど、思いつく限りでは、「WEBマーケティングブログ」が「WEB MAKETINGUBUROGU」になるようなとき、それがロゴ的なものであった場合にブロックするとか、日本語での商品名が売りである時にブロックするといったようなものでしょうか。</p>

<p>しかし、今後Google翻訳以外にもいろいろなところに発展しそうなものなのでご紹介します。</p>

<h4 class="header-label">ページ全体を翻訳できないようにする</h4>
<p>↓テストページをポップアップさせて翻訳を実行してみてください。翻訳を実行しても日本語のままになります。</p>
<p><a href="#displayNone" rel="facebox">テストページ</a></p>
<p id="displayNone" style="display: none;"><iframe width="400" height="400" src="http://web-marketing.zako.org/test/notranslate.html" scrolling="no" frameborder="0"></iframe></p>
<noscript><a href="http://web-marketing.zako.org/test/notranslate.html">Javascriptオフの方はこちらのページでテストをどうぞ</a></noscript>
<p>こちらは以下のようなメタタグを追加することによって実現できます。</p>

<code>&lt;meta name=&quot;google&quot; value=&quot;notranslate&quot; /&gt;</code>


<h4 class="header-label">指定した場所だけ翻訳できないようにする</h4>

<p>指定した行だけ翻訳できないようにも出来ます。</p>

<p>↓実際に試してみてください。<br />
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=ja&w=160&h=60&title=&border=&output=js"></script></p>

<p><span class="notranslate">ページのほかの場所は翻訳されているのに、ここだけ日本語のままですよね。</span>もちろん翻訳がおかしなところはありますがｗ</p>

<p>これの種明かしは、</p>
<code>&lt;span class=&quot;notranslate&quot;&gt;ページのほかの場所は翻訳されているのに、ここだけ日本語のままですよね。&lt;/span&gt;</code>
<p>このように、 span で囲った上に"notranslate"のクラス指定をすることによって、指定した部分だけ翻訳を回避することが出来ます。</p>

<p>name属性の"google"、class要素の"notranslate"。なんだかいろいろ応用を利かせてきそうな感じですね。</p>

<p>Via:<a class="web-site-link" href="http://googlewebmastercentral.blogspot.com/2008/10/helping-you-break-language-barrier.html" onclick="window.open('http://googlewebmastercentral.blogspot.com/2008/10/helping-you-break-language-barrier.html'); return false;">Official Google Webmaster Central Blog: Helping you break the language barrier</a></p>