Cet article présente la méthode pour ajouter sur son site internet des drapeaux permettant de traduire votre site dans plusieurs langues. Il vous suffit de copier-coller les codes en fonction de la langue que vous souhaitez utiliser.
Les drapeaux disponibles pour la traduction Google
Cliquer sur le lien ci-dessous pour sélectionner récupérer le code des pays que souhaitez ajouter. Vous pouvez les utiliser sur plusieurs plateformes, site HTML, CMS ou blog (blogger, WordPress, Joomla…). Si vous utilisez un site internet classique (HTML), ajoutez le code dans votre template. Si vous utilisez un CMS type WordPress ou Joomla! ou une plateforme de blog type blogger il vous suffit d’ajouter un widget HTML/Javascript et de copier les codes des pays vous intéressant.
Information : Vous pouvez modifier la taille des drapeaux en changeant le paramètre width="45"
à la valeur que vous souhaitez. Vous pouvez le réduire ou l’augmenter, mais ne dépassez pas 150 dans la balise width car l’image se détériorerait.
Le résultat avec les liens se trouve en base de page vous pourrez ainsi regarder si celui-ci vous convient. Si vous n’y connaissez rien en langage HTML vous pouvez insérer la balise :
<br /> pour passer une ligne entre les drapeaux.
Au cas où vous auriez besoin d’une autre langue, je n’ai pas eu le temps de toutes les faire, laissez-moi un commentaire avec la langue dont vous avez besoin.
Traduction Google en allemand
Traduction Google en arabe
Traduction Google en anglais
Traduction Google en américain
Traduction Google en chinois / mandarin
Traduction Google en espagnol
Traduction Google en italien
Traduction Google hindi
Traduction Google en portugais
Traduction Google en russe
Traduction Google allemand
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="übersetzen in Deutsch" src="https://www.VOTRESITE.com/flag/allemand.png" title="übersetzen in Deutsch" width="45"/></a>
Le résultat de la traduction Google en allemand avec le drapeau se trouve en bas.
Traduction Google arabe
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Car&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="????? ??? ?????? ?????? ???????" src="https://www.VOTRESITE.com/flag/arabe.png" title="????? ??? ?????? ?????? ???????" width="45"/></a>
Le résultat de la traduction Google en arabe avec le drapeau se trouve en bas.
Traduction Google anglais
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;"> <img style="cursor:pointer; cursor:hand;" alt="Translate this page in English" src="https://www.VOTRESITE.com/flag/royaume-uni.png" title="Translate this page in English" width="45"/></a>
Le résultat de la traduction Google en anglais avec le drapeau se trouve en bas. Le drapeau est celui du royaume-uni.
Traduction Google américain
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Translate this page in U.S" src="https://www.VOTRESITE.com/flag/usa.png" title="Translate this page in U.S" width="45"/></a>
Le résultat de la traduction Google en américain avec le drapeau se trouve en bas. La traduction sera la même que l’anglais puisque la variable utilisée est la même que pour l’anglais, c’est juste le drapeau qui change :).
Traduction Google chinois
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="???,????" src="https://www.VOTRESITE.com/flag/chine.png" title="???,????" width="45"/></a>
Le résultat de la traduction Google en chinois avec le drapeau se trouve en bas.
Traduction Google espagnol
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Traducir esta página en español" src="https://www.VOTRESITE.com/flag//espagne.png" title="Traducir esta página en español" width="45"/></a>
Le résultat de la traduction Google en espagnol avec le drapeau se trouve en bas.
Traduction Google italien
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Traduci questa pagina in italiano" src="https://www.VOTRESITE.com/flag/italie.png" title="Traduci questa pagina in italiano" width="45"/></a>
Le résultat de la traduction Google en italien avec le drapeau se trouve en bas.
Traduction Google hindi
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Chi&hl=fr&ie=UTF8'); return false;"> <img style="cursor:pointer; cursor:hand;" alt="?? ??? ?? ?????? ?????? ???" src="https://www.VOTRESITE.com/flag/inde.png" title="?? ??? ?? ?????? ?????? ???" width="45"/></a>
Le résultat de la traduction Google en hindi avec le drapeau se trouve en bas.
Traduction Google portugais
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return false;"> <img style="cursor:pointer; cursor:hand;" alt="Traduzir esta página em Português" src="https://www.VOTRESITE.com/flag/portugal.png" title="Traduzir esta página em Português" width="45"/></a>
Le résultat de la traduction Google en portugais avec le drapeau se trouve en bas.
Traduction Google russe
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;"> <img style="cursor:pointer; cursor:hand;" alt="????????? ??? ???????? ?? ???????" src="https://www.VOTRESITE.com/flag/russie.png" title="????????? ??? ???????? ?? ???????" width="45"/></a>
Le résultat de la traduction Google en russe avec le drapeau se trouve en bas.
Traduction Google japonais
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;"> <img style="cursor:pointer; cursor:hand;" alt="Traduction en Japonais" src="https://www.VOTRESITE.com/flag/japon.png" title="Traduction en Japonais" width="45"/></a>
Ci-dessus, le code pour afficher et traduire en page en japonais.
Traduction Google Néerlandais
<a target="_blank" rel="nofollow" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cnl&hl=fr&ie=UTF8'); return false;"> <img style="cursor:pointer; cursor:hand;" alt="Traduction en Néerlandais" src="https://www.VOTRESITE.com/flag/nld.png" title="Traduction en Néerlandais" width="45"/></a>
Ci-dessus, le code pour afficher et traduire en page en Néerlandais.
Merci pour l’article mais n’y as t’il pas de solution pour que la traduction se fasse directement sans ouvrir à chaque fois une nouvelle fenêtre?
Peux-tu être plus claire ? J’ai retiré windows.open dans onclick, mais rien ne fonctionne…
Pourquoi avoir retiré windows.open ? Et remplacer par quelle fonction ?
les liens ne fonctionnent plus et génèrent une erreur 404
y a-t-il la possibilité de changer le style du drapeau plutot en rond ? Merci pour votre aide en tout cas.
Bonjour Nathalie. La modification a été faite dans l’article.
Bonjour,
Je m’aperçois que ce code ne fonctionne plus. Il y a t il une alternative ?
Je vous remercie.
J’ai trouvé !
remplacer http://www.google.com/translate?u
par https://translate.google.com/translate?u
Bonjour Sarah,
Oui tout à fait, j’ai fait la modification dans l’article, merci pour votre retour,
Cordialement,
Bonjour,
merci pour l’article, cela m’a beaucoup aidé. Pouvez vous me donnez le code pour le japonais. En vous remerciant.
Bonjour, j’ai rajouté la traduction en japonais.
Bonjour,
Merci sincèrement pour cet article, cela m’a beaucoup aidé. J’ai deux questions :
1) Est-il possible d’avoir un code qui traduise directement la page plutôt que d’ouvrir un nouvel onglet?
2) Pourriez-vous rajouter le code en Coréen s’il vous plaît?
Merci d’avance pour votre retour
Bonjour Audrey,
Je regarde ce week end, je ferais l’ajout du Coréen
Bonjour Fabien,
Merci pour tout ça !
Est ce que je pourrais avoir le code pour une traduction en hollandais s’il te plait ?
Merci d’avance,
Cynthia
Bonjour Cynthia,
J’ai ajouté le Néerlandais, vous pouvez tester. En cas de problème n’hésitez pas à me l’indiquer.
Bonne journée à vous,