Chrome의 HTML에서 Google 번역을 비활성화하는 방법


106

방금 프랑스 레스토랑 웹 사이트를 만들었습니다. 웹 사이트는 영어로되어 있지만, 크롬을 사용하는 경우 방문자에게 웹 사이트를 번역하라는 메시지를 표시하기에 충분한 프랑스어가 웹 사이트 (메뉴 항목의 레이블이있는 사진)에있는 것 같습니다.

크롬이 페이지 번역을 요청하는 것을 방지하기 위해 html에 추가 할 수있는 것이 있습니까? 나는 그것이 비슷한 것이라고 생각 <html lang="en">하지만 그것은 작동하지 않습니다.

어떤 아이디어?

감사



1
왜 그런지 스스로에게 물어봐야합니까? 이렇게하면 해당 언어로 번역을 제공하지 않는 한 다른 사람이 사이트를 읽지 못하도록 차단합니다. Google 번역은 완벽하지는 않지만 접근성을 높여줍니다.
Toni Leigh

2
@Toni Leigh가 직접 말하면서 Google 번역이 Javascript 및 DOM 동작을 엉망으로 만들어 다양한 실행 오류를 재현하는 것을 보았습니다.
Eric Grange

1
@ToniLeigh는 잘못된 소스 언어를 감지했기 때문입니다. 그는 올바른 소스 언어를 제공하려고합니다. - lang="en"작동 한다면 구글 번역을 "비활성화"하는 것이 아니라 비영어권 사용자를 위해 그것을 고칠 것입니다.
BrainSlugs83

심지어 조작 된 드롭 다운 형식에서 mongo 데이터베이스의 콘텐츠를 번역하여 데이터를 완전히 엉망으로 만들었습니다.
Kurt Van den Branden

답변:


240

새로운 답변

추가 translate="no"사용자에 <html>과 같이, 태그 :

<html translate="no">

MDN 참조


이전 답변

(이 방법은 여전히 ​​작동하지만 Google 전용이며 다른 번역 서비스가 있기 때문에 바람직하지 않습니다.)

사이에이 태그를 추가 <head>하고 </head>:

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

문서 참조


21
번역에서 특정 요소를 제외 할 수도 있습니다. class = "notranslate"
Anselm

8
value속성을 변경해야 content="notranslate"HTML5 유효성 검사를 통과하기 위해.
Leo Galleguillos


Google 번역 바 숨기기를위한 유용한 팁
Piece of Code

4
이 메타 태그를 추가하면 효과가있었습니다. 이전에는 작동하는 것처럼 보였지만 더 이상 작동하지 않는 대부분의 페이지에 이미 <html lang = "en">이 있습니다.
Chris

18

그래서 내가 만든 궁극적 인 해결책을 위해;

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

이것은 나를 위해 일했습니다.


방금 첫 번째 줄 '<html lang = "en"class = "notranslate"translate = "no">'를 추가해야했습니다
Tobo

매력처럼 일했다 .. 생명의 은인!
Onur Şahindur

7

의 메타 태그가 <head>작동하지 않았지만

class="notranslate"

부모 div(또는 심지어 <body>)에 추가하면 번역되고 싶지 않은 콘텐츠를보다 정확하게 제어 할 수 있습니다.


0

이것을 당신의 <head> </head>

content="notranslate" 에 대한 meta name="google"

귀하의 경우에서 작동합니다.


0

참고로, 사이트의 모든 콘텐츠 (HTML이 아닌 콘텐츠 포함)에 대해 작동하는 것을 원하는 경우 Content-Language응답 ( 소스 ) 의 헤더를 적절한 언어 (제 경우에는 en-US)로 설정할 수 있습니다 .

이 여기에 이점이있다가 "사용 안 함"제안을 위해 페이지를 번역하는 것입니다 당신이 (제대로 소스 언어를 알 수 있기 때문에)하지만, 다른 비 네이티브 독자, 그들은 여전히 귀하의 사이트를 번역 할 수있는 옵션이 제공됩니다 자신의 언어로 번역하면 제대로 작동합니다.

(또한 Chrome이 올바른 형식의 JSON을 라틴어에서 영어로 번역하도록 제안한 사용 사례의 경우 BS가 사라집니다.)


0

모든 번역사에서 항상 작업하려면 위의 코드를 복사하여 붙여 넣으십시오.

<html lang="en" class="notranslate" translate="no">    <!-- All translators -->
    <head><meta name="google" content="notranslate" /> <!-- Just for google -->
</head>                                                <!-- Close head      -->
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.