我刚为一家法国餐厅做了一个网站。该网站是英文的,但我猜网站上有足够的法语(标签菜单项的图片),提示访问者翻译网站如果使用Chrome。
有没有什么我可以添加到html,以防止chrome从要求翻译页面?我假设它会是类似于<html lang="en">,但这行不通。
什么好主意吗?
谢谢
我刚为一家法国餐厅做了一个网站。该网站是英文的,但我猜网站上有足够的法语(标签菜单项的图片),提示访问者翻译网站如果使用Chrome。
有没有什么我可以添加到html,以防止chrome从要求翻译页面?我假设它会是类似于<html lang="en">,但这行不通。
什么好主意吗?
谢谢
新回答
在<html>标签中添加translate="no",如下所示:
<html translate="no">
MDN参考
旧的答案
(这应该仍然有效,但不太理想,因为它是谷歌特有的,而且还有其他翻译服务。)
在<head>和</head>之间添加这个标签:
<meta name="google" content="notranslate">
文档参考
仅供参考,如果你想要对你站点中的所有内容(包括非HTML内容)都有效,你可以将响应(源)中的content - language头设置为适当的语言(在我的例子中,en-US)。
这样做的好处是,它将“禁用”为您翻译页面的提议(因为它将正确地知道源语言),但对于其他非母语读者,他们仍然可以选择将您的网站翻译成他们自己的语言,并且它将正确工作。
(同样在我的使用案例中,Chrome提供了将格式良好的JSON从拉丁语翻译成英语的功能,这一功能就消失了。)
对于最终的解;
<!DOCTYPE html>
<html lang="en" class="notranslate" translate="no">
<head>
<meta name="google" content="notranslate" />
</head>
<body>
...
</body>
</html>
这对我很管用。
在<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查看器上有一些问题。
我的Windows是德语。
我在Chrome上做了以下的体验: 如果我设置
<html lang="en" translate="no">
谷歌翻译提出建议翻译英语。
显然我要省略lang性质。这对我来说很管用:
<html translate="no">
没有弹出窗口,URL字段中的翻译图标不再显示。
解决方案:
<html lang="en" class="notranslate" translate="no"> <!-- All translators -->
<head><meta name="google" content="notranslate" /> <!-- Just for google -->
</head> <!-- Close head -->
更简单的方法是添加translate="no"属性。 这可以在divs,文本和更多。 这里有一个例子:
//只是为了得到指示 //不要复制或粘贴 console.log("第一个div不允许翻译。但第二个,允许它。”) console.log(“打开翻译器并查看效果。”) DIV1 > < div翻译=“不” 试着翻译我! <b>Olá - Hello - Hola</b> . < / div > <人力资源> DIV2 < div翻译= " " > 现在,你可以做到了! <b>Olá - Hello - Hola</b> . < / div >
注意,这个例子在使用StackOverflow查看器时存在一些问题。
免责声明:这个答案是重复的,在社区维基上。
有时候你需要阻止的不是所有的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>