175

フレンチレストランのウェブサイトを作ったところです。ウェブサイトは英語ですが、Chromeを使用している場合は、訪問者にウェブサイトの翻訳を促すのに十分なフランス語（メニュー項目のラベル付きの写真）があると思います。

Chromeがページの翻訳を要求するのを防ぐためにHTMLに追加できるものはありますか？私はそれが次のようなものになると思います<html lang="en">が、それはうまくいきません。

何か案は？

ありがとう

4

9 に答える 9

357

新しい答え

次のように、タグに追加translate="no"します。<html>

<html translate="no">

MDNリファレンス

古い答え

（これはまだ機能するはずですが、Google固有であり、他の翻訳サービスがあるため、あまり望ましくありません。）

<head>との間にこのタグを追加し</head>ます：

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

ドキュメントリファレンス

于 2012-09-02T17:59:46.367 に答える
62

だから私が作った究極の解決策のために;

<!DOCTYPE html>
<html lang="en" class="notranslate" translate="no">
<head>
  <meta name="google" content="notranslate" />
</head>
<body>
...
</body>
</html>

これは私のために働いた。

于 2020-04-22T10:40:30.870 に答える
16

のメタタグ<head>は私には機能しませんでしたが

class="notranslate"

親に追加するとdiv（または<body>）機能し、翻訳したくないコンテンツをより正確に制御できるようになります。

于 2019-07-23T13:34:40.387 に答える
4

解決：

<html lang="en" class="notranslate" translate="no">    <!-- All translators -->
 <head><meta name="google" content="notranslate" /> <!-- Just for google -->
</head>                                                <!-- Close head      -->

より簡単な方法は、translate="no"プロパティを追加することです。これは、div、textなどで作成できます。次に例を示します。

// Just for instructions
// Do not copy or paste
console.log("The first div don't alows translateing. But the second, alows it.")
console.log("Open the translator and see the efect.")
DIV1
<div translate="no">
  Try translating me!
  <b>Olá - Hello - Hola</b>
</div>
<hr> DIV2
<div translate="">
  Now, you can do it!
  <b>Olá - Hello - Hola</b>
</div>

この例には、StackOverflowビューアにいくつかの問題があることに注意してください。

免責事項：この回答は繰り返されます。コミュニティWikiにあります。

于 2021-05-07T16:12:02.920 に答える
2

参考までに、サイト内のすべてのコンテンツ（HTML以外のコンテンツを含む）で機能するものが必要な場合Content-Languageは、応答（ソース）のヘッダーを適切な言語（私の場合はen-US）に設定できます。

これには、ページを翻訳するオファーが「無効」になるという利点があります（ソース言語を正しく認識しているため）が、他の非ネイティブリーダーの場合は、サイトを翻訳するオプションがあります。自分の言語に翻訳すれば、正しく機能します。

（また、Chromeが適切にフォーマットされたJSONをラテン語から英語に翻訳することを提案していた私のユースケースでは、そのBSはなくなります。）

于 2020-02-05T20:00:06.333 に答える
1

あなたのウェブサイトでグーグル翻訳を無効にする

これをあなたに追加してください<head></head>：

<meta name="google" content="notranslate" />
于 2019-11-27T16:18:24.413 に答える
0

究極の解決策としてこれを試してください：

<html lang="en" class="notranslate" translate="no">    <!-- All translators -->
 <head><meta name="google" content="notranslate" /> <!-- Just for google -->
</head>                                                <!-- Close head      -->

より簡単な方法は、translate="no"プロパティを追加することです。これは、div、textなどで作成できます。次に例を示します。

// Just for instructions
// Do not copy or paste
console.log("The first div don't alows translateing. But the second, alows it.")
console.log("Open the translator and see the efect.")
DIV1
<div translate="no">
  Try translating me!
  <b>Olá - Hello - Hola</b>
</div>
<hr> DIV2
<div translate="">
  Now, you can do it!
  <b>Olá - Hello - Hola</b>
</div>

この例では、stackoverflowビューアでいくつかの問題があることに注意してください。

于 2020-09-12T10:07:42.417 に答える
0

私のウィンドウズはドイツ語でドイツ語です。

Chromeで次のような体験をしました。

<html lang="en" translate="no">

グーグル翻訳は英語を翻訳するための提案を思い付きます。

間違いなく、langプロパティを省略しなければなりません。これは私のために働きます：

<html translate="no">

ポップアップは表示されず、URLフィールドの翻訳アイコンは表示されなくなります。

于 2021-04-21T07:29:07.947 に答える
0

すべてのhtmlではなく特定の要素をブロックする必要がある場合があります。そのような場合は、その要素にのみclass="notranslate"を追加できます。すなわち。<div class="notranslate"> some content </div>

于 2021-12-03T10:28:41.467 に答える