我刚为一家法国餐厅做了一个网站。该网站是英文的，但我猜网站上有足够的法语(标签菜单项的图片)，提示访问者翻译网站如果使用Chrome。
有没有什么我可以添加到html，以防止chrome从要求翻译页面?我假设它会是类似于<html lang="en">，但这行不通。
什么好主意吗?
谢谢
当前回答
<head>中的元标记不适合我，但是
类=“notranslate”
添加到父div(甚至<body>)确实起作用，并允许更精确地控制您不想翻译的内容。
其他回答
仅供参考，如果你想要对你站点中的所有内容(包括非HTML内容)都有效，你可以将响应(源)中的content - language头设置为适当的语言(在我的例子中，en-US)。
这样做的好处是，它将“禁用”为您翻译页面的提议(因为它将正确地知道源语言)，但对于其他非母语读者，他们仍然可以选择将您的网站翻译成他们自己的语言，并且它将正确工作。
(同样在我的使用案例中，Chrome提供了将格式良好的JSON从拉丁语翻译成英语的功能，这一功能就消失了。)
在你的网站上禁用谷歌翻译
将此添加到<head></head>:
<meta name="google" content="notranslate" />
有时候你需要阻止的不是所有的html，而是特定的元素，在这种情况下，你可以添加class="notranslate"只对该元素。 ie。<div class="notranslate"> some content </div>
用于不翻译页面的谷歌标记已更新为
<!-- opt out of translation features on all search engines that support this directive -->
<meta name="robots" content="notranslate">
or
<!-- opt out of translation features on Google -->
<meta name="googlebot" content="notranslate">```
欲了解更多信息，请查看此链接:
https://developers.google.com/search/docs/crawling-indexing/special-tags
https://developers.google.com/search/docs/appearance/translated-results
此外，我不得不更新这个，因为它不能在Edge浏览器上运行，只使用translate="no"，如下所示:
<html translate="no">
因此，对于一个完整的解决方案，这里也提到了，我必须做这样的事情，不从搜索引擎翻译任何东西
<html lang="en" class="notranslate" translate="no">
<meta name="robots" content="notranslate" />
...
</head>
在<head>:
<meta name="google" content="notranslate" />
并更改您的<html>标签为
<html lang="en" class="notranslate" translate="no">
更简单的方法是添加translate="no"属性。 这可以在divs，文本和更多。 这里有一个例子:
/*只是一些基本的样式*/ div[翻译]{ 宽度:50%; 边框:1px纯黑色; 填充:20 px; border - radius: 7 px; text-align:中心; 字体类型:Arial; ｝ < span style=" font - family:宋体;"> <div translate="no"> <!—禁用翻译—> 使< br > <b>Olá - Hello - Hola</b> . < / div > <div translate> <!——启用翻译——> 禁用< br > <b>Olá - Hello - Hola</b> . < / div > < / div >
注意，这个示例在stackoverflow查看器上有一些问题。
