วิธีปิดการใช้งาน Google Translate จาก html ใน chrome


116

ฉันเพิ่งสร้างเว็บไซต์สำหรับร้านอาหารฝรั่งเศส เว็บไซต์เป็นภาษาอังกฤษ แต่ฉันเดาว่ามีภาษาฝรั่งเศสเพียงพอบนเว็บไซต์ (ที่มีป้ายกำกับรูปภาพของรายการเมนู) เพื่อแจ้งให้ผู้เยี่ยมชมแปลเว็บไซต์หากใช้ Chrome

มีอะไรที่ฉันสามารถเพิ่มลงใน html เพื่อป้องกันไม่ให้ chrome ขอให้แปลหน้านี้ ฉันคิดว่ามันน่าจะเป็นแบบนี้<html lang="en">แต่ไม่ได้ผล

ความคิดใด ๆ ?

ขอบคุณ



2
คุณควรถามตัวเองว่าทำไม? การทำเช่นนี้จะเป็นการปิดกั้นไม่ให้ใครก็ตามอ่านเว็บไซต์เว้นแต่คุณจะให้คำแปลเป็นภาษาของพวกเขา Google Translate ไม่สมบูรณ์แบบ แต่ทำให้สามารถเข้าถึงสิ่งต่างๆได้
Toni Leigh

3
@Toni Leigh พูดด้วยตัวเองฉันเคยเห็น Google Translate ยุ่งเกี่ยวกับพฤติกรรม Javascript และ DOM ส่งผลให้เกิดข้อผิดพลาดในการดำเนินการที่ยากต่อการทำซ้ำ
Eric Grange

1
@ToniLeigh เนื่องจากตรวจพบภาษาต้นทางไม่ถูกต้อง เขาต้องการให้ภาษาต้นฉบับที่ถูกต้อง - หากใช้lang="en"งานได้มันจะไม่ใช่แค่ "ปิด" google translate สำหรับเขา แต่จะแก้ไขได้สำหรับผู้ที่ไม่ได้ใช้ภาษาอังกฤษที่อาจต้องการมัน
BrainSlugs83

1
นี่คือเหตุผลที่ดีว่าทำไม: เว็บไซต์ของฉันให้บริการแปลภาษาฝรั่งเศสเป็นภาษาเนทีฟและดี อย่างไรก็ตามผู้ใช้ไม่เคยตระหนักว่าพวกเขาสามารถเลือกภาษาฝรั่งเศสที่ดีได้เนื่องจาก Google แปลเป็นภาษาฝรั่งเศสโดยอัตโนมัติ แต่พวกเขาส่งข้อความถึงฉันโดยบ่นเกี่ยวกับไวยากรณ์ที่ไม่ดีของเว็บไซต์ภาษาฝรั่งเศส
Flimm

คำตอบ:


261

คำตอบใหม่

เพิ่ม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

อัปเดต URL สำหรับเอกสาร: support.google.com/webmasters/answer/79812
Ahi Tuna

เคล็ดลับที่ดีในการซ่อนแถบแปลภาษาของ Google
Piece of Code

4
การเพิ่มเมตาแท็กนี้ได้ผลสำหรับเรา เรามี <html lang = "en"> อยู่แล้วในหน้าเว็บส่วนใหญ่ของเราซึ่งก่อนหน้านี้ดูเหมือนจะใช้งานได้ แต่ไม่ใช่อีกต่อไป
คริส

28

ดังนั้นสำหรับทางออกที่ดีที่สุดที่ฉันทำ

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

สิ่งนี้ได้ผลสำหรับฉัน


ฉันต้องเพิ่มบรรทัดแรก '<html lang = "th" class = "notranslate" translate = "no">'
Tobo

ทำงานอย่างมีเสน่ห์ .. ช่วยชีวิต!
Onur Şahindur

9

เมตาแท็กใน<head>ไม่ได้ผลสำหรับฉัน แต่

class="notranslate"

เพิ่มไปยังผู้ปกครองdiv(หรือแม้กระทั่ง<body>) ได้ผลและช่วยให้สามารถควบคุมเนื้อหาที่คุณไม่ต้องการให้แปลได้แม่นยำยิ่งขึ้น


1

หากต้องการทำงานในนักแปลทุกครั้งให้คัดลอกและวางโค้ดด้านบน:

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

การไหว้ที่ง่ายกว่านั้นคือการเพิ่มtranslate = "no" proprety ซึ่งสามารถสร้างเป็น divs ข้อความและอื่น ๆ นี่คือตัวอย่าง:

(โปรดทราบว่าโค้ดใช้ไม่ได้กับโปรแกรมดูสแน็ค StackOverflow)


0

เพิ่มสิ่งนี้ไว้ข้างในไฟล์ <head> </head>

content="notranslate" สำหรับ meta name="google"

ควรทำงานในกรณีของคุณ


0

FYI หากคุณต้องการบางสิ่งที่ใช้ได้กับเนื้อหาทั้งหมดในไซต์ของคุณ (รวมถึงสิ่งที่ไม่ใช่ HTML) คุณสามารถตั้งค่าContent-Languageส่วนหัวในการตอบกลับของคุณ ( แหล่งที่มา ) เป็นภาษาที่เหมาะสม (ในกรณีของฉันen-US)

สิ่งนี้มีประโยชน์คือจะ "ปิด" ข้อเสนอในการแปลหน้าเว็บให้คุณ (เพราะจะรู้ภาษาต้นฉบับอย่างถูกต้อง) แต่สำหรับผู้อ่านรายอื่นที่ไม่ใช่เจ้าของภาษาพวกเขาจะยังมีตัวเลือกในการแปลไซต์ของคุณ เป็นภาษาของตนเองและจะทำงานได้อย่างถูกต้อง

(สำหรับกรณีการใช้งานของฉันที่ Chrome เสนอให้แปล JSON ที่มีรูปแบบดีจากภาษาละตินเป็นภาษาอังกฤษ BS นั้นหายไป)

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.