Come disabilitare google translate da html in chrome


99

Ho appena creato un sito web per un ristorante francese. Il sito web è in inglese, ma immagino che ci sia abbastanza francese sul sito web (immagini etichettate di voci di menu) per richiedere al visitatore di tradurre il sito web se utilizza Chrome.

C'è qualcosa che posso aggiungere all'html per impedire a Chrome di chiedere di tradurre la pagina? Presumo che sia qualcosa di simile, <html lang="en">ma non funziona.

Qualche idea?

Grazie



1
Dovresti chiederti perché? In questo modo impedisci a chiunque di leggere il sito a meno che tu non abbia fornito una traduzione nella loro lingua. Google Translate non è perfetto, ma rende le cose accessibili.
Toni Leigh

1
@Toni Leigh parlando per me stesso, ho visto Google Translate pasticciare con il comportamento Javascript e DOM, risultando in vari errori di esecuzione difficili da riprodurre.
Eric Grange

1
@ToniLeigh perché rileva la lingua di origine sbagliata. Vuole fornire la lingua di origine corretta. - Se lang="en"funzionasse, non solo "disabiliterebbe" Google Translate per lui, ma lo aggiusterebbe per i non anglofoni che potrebbero averne bisogno.
BrainSlugs83

Avevo persino tradotto il contenuto in un database mongo da un modulo a discesa manipolato, incasinando completamente i miei dati.
Kurt Van den Branden il

Risposte:


228

Nuova risposta

Aggiungi translate="no"al tuo <html>tag, in questo modo:

<html translate="no">

Riferimento MDN


Vecchia risposta

(Dovrebbe comunque funzionare, ma è meno desiderabile perché è specifico di Google e ci sono altri servizi di traduzione là fuori.)

Aggiungi questo tag tra <head>e </head>:

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

Riferimento alla documentazione


18
Puoi anche escludere elementi specifici dalla traduzione: class = "notranslate"
Anselm

8
L' valueattributo deve essere modificato content="notranslate"in per passare la convalida HTML5.
Leo Galleguillos

URL aggiornato per la documentazione: support.google.com/webmasters/answer/79812
Ahi Tuna

Ottimo suggerimento per nascondere la barra di traduzione di Google
Pezzo di codice

4
L'aggiunta di questo meta tag ha funzionato per noi. Avevamo già <html lang = "en"> nella maggior parte delle nostre pagine che in precedenza sembrava funzionare ma non più.
Chris

14

Quindi per la soluzione definitiva ho fatto;

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

Questo ha funzionato per me.


Dovevo solo aggiungere la prima riga "<html lang =" en "class =" notranslate "translate =" no ">"
Tobo

Ha funzionato come un fascino .. Salvagente!
Onur Şahindur il

6

Il meta tag in <head>non ha funzionato per me, ma

class="notranslate"

aggiunto a un genitore div(o addirittura <body>) ha funzionato e consente un controllo più preciso del contenuto che non si desidera tradurre.


0

Aggiungiamo questo inide tuo <head> </head>

content="notranslate" per un meta name="google"

dovrebbe funzionare nel tuo caso.


0

Cordiali saluti, se vuoi qualcosa che funzioni per tutti i contenuti del tuo sito (incluso quello che non è HTML), puoi impostare l' Content-Languageintestazione nella tua risposta ( fonte ) sulla lingua appropriata, (nel mio caso, en-US).

Questo ha il vantaggio quiè che "disabiliterà" l'offerta di tradurre la pagina per te (perché conoscerà correttamente la lingua di origine), ma per altri lettori non nativi, avranno ancora la possibilità di tradurre il tuo sito nella loro lingua e funzionerà correttamente.

(Anche per il mio caso d'uso, in cui Chrome si stava offrendo di tradurre JSON ben formattato dal latino all'inglese, quel BS va via.)


0

Per lavorare sempre con qualsiasi traduttore, copia e incolla il codice sopra:

<html lang="en" class="notranslate" translate="no">    <!-- All translators -->
    <head><meta name="google" content="notranslate" /> <!-- Just for google -->
</head>                                                <!-- Close head      -->
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.