Comment exclure des mots de Google Traduction  ?

Vous souhaitez exclure des mots de Google Traduction ? Cet article est pour vous. Il arrive parfois que vous ne vouliez pas que certains mots ou phrases soient traduits. Par exemple, des informations comme:

• les adresses,
• les noms propres
• ou les termes techniques

ne changent généralement pas d’une langue à l’autre. Vous devez donc les exclure du processus de traduction automatique. Dans cet article, nous vous montrons comment le faire.

Mise en contexte

Nous avons récemment utilisé l’extension GTranslate sur un site WordPress d’un client. Ceci était dans le but d’assurer la traduction automatique. Cependant, après l’intégration de cette solution, nous avons remarqué un problème. Google Traduction interprétait et traduisait des éléments comme les adresses ou les noms propres.  Cela nous a donc conduits à chercher une solution. On devait par conséquent trouver comment empêcher la traduction de ces éléments précis.

Que faire ?

Il existe plusieurs méthodes pour empêcher Google Traduction de traduire certains mots ou phrases. Voici deux solutions efficaces :

1. Utiliser l’attribut translate="no"

L’une des solutions les plus simples consiste à utiliser l’attribut HTML translate="no". Cet attribut est reconnu par Google Traduction. En effet, avec translate="no" vous indiquez à Google de ne pas traduire le contenu dans l’élément auquel il est appliqué. Voici comment l’utiliser :

<div translate="no">1234 Rue des Érables, Montréal, QC</div>

Dans cet exemple, Google Translate ne traduira pas l’adresse quel que soit le contexte linguistique du site.

2. Utiliser la classe notranslate

Une autre solution consiste à utiliser la classe CSS notranslate. Cette classe est également reconnue par les outils de traduction automatique comme Google Traduction pour exclure certains éléments du processus de traduction. Voici un exemple :

<span class="notranslate">1234 Rue des Érables, Montréal, QC</span>

En appliquant cette classe à n’importe quel texte ou balise HTML, vous pouvez éviter la traduction.

Scénario d’un site web dynamique

Dans le cadre d’un site WordPress avec plusieurs plugins et des contenus, ajouter manuellement la classe notranslate ou l’attribut translate="no" à chaque élément peut s’avérer fastidieux. Lorsque le contenu change fréquemment, vous devez recourir à une approche dynamique pour gérer ce type de problème.

Solution avec jQuery

Pour résoudre ce problème de manière plus automatisée, nous avons opté pour l’utilisation de jQuery. Cela nous a permis de :

• cibler automatiquement les éléments du site à ne pas traduire,
• et d’y ajouter la classe notranslate ou l’attribut translate="no".

Voici un exemple de code jQuery que vous pouvez utiliser pour ajouter la classe notranslate à des éléments spécifiques comme les titres d’adresses dans une page :

jQuery(document).ready(function($) {
$('.property-unit-information-wrapper h4').addClass('notranslate');
});

Dans cet exemple, nous ciblons tous les éléments h4 situés dans une section définie par la classe property-unit-information-wrapper. Ensuite, nous y ajoutons automatiquement la classe notranslate. Cette approche permet de gagner du temps. Cela nous permet également de garantir que tous les éléments requis sont correctement protégés contre la traduction.

Avantages de cette approche

• Automatisation : Vous n’avez pas besoin de modifier chaque élément à la main.
• Flexibilité : Vous pouvez facilement adapter le script pour cibler différents éléments sur votre site.
• Efficacité : Avec jQuery, vous pouvez appliquer la classe notranslate ou l’attribut translate="no" à grande échelle, quel que soit le volume de contenu.

Conclusion

Lorsque vous utilisez Google Traduction pour votre site web, il est important de s’assurer que certaines informations ne sont pas traduites, notamment les adresses ou les noms propres. Grâce à des solutions simples comme l’attribut translate="no et la classe notranslate, vous pouvez facilement contrôler ce qui doit ou ne doit pas être traduit. Si votre site est dynamique et complexe, l’utilisation de jQuery permet d’automatiser ce processus et de gagner en efficacité.

Avec ces solutions en main, vous pouvez désormais vous assurer que votre site sera traduit avec précision, tout en conservant intactes les informations critiques.