Pour les sites multilingues, il faut éviter les menus déroulants ainsi que les designs qui "cachent" la navigation. L'idéal est de choisir un design avec une séparation claire entre menu de niveau 1 et de niveau 2.
Choisir un design adapté au multilingue
Vous trouverez ci-dessous une vue de chaque design dans le cadre d'un site trilingue. Certains exemples sont fictifs, d'autres sont des sites réalisés par nos clients.
Voici les designs de Jimdo qui se prêtent aux sites multilingues :
- Bordeaux
- Chicago
- Cape Town (hamburger menu)
- Copenhagen (hamburger menu)
- Dubai
- Dublin
-
Florence
- Hamburg
- Hong-Kong
-
Lille
- Madrid
- New-York
- Riga
- Rio
- San Francisco
- St Petersbourg
- Sydney (hamburger menu)
- Tokyo
- Zurich
Dans le cas d'un site Jimdo multilingue, il faudra éviter les éléments "blogs", "e-boutique" et toute inscription traduite dans les colonnes ou le footer. Il faudra également modifier la navigation. Voir les bonnes pratiques pour un site Jimdo multilingue...
Bordeaux
Ce design propose un fil d'Ariane par défaut, ce qui n'est pas idéal pour le multilingue. Mais il est possible de le masquer en "bidouillant" la CSS.
![Design Jimdo Bordeaux en utilisation multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/i5d56411e074b8273/version/1456254674/design-jimdo-bordeaux-en-utilisation-multilingue.png)
Cape Town
Le "hamburger menu" de Cape Town ne montre la navigation que si on clique sur les 3 barres en haut à gauche de l'écran. Il est donc possible de guider les visiteurs vers une partie du site (français ou anglais) au moyen d'une page d'accueil multilingue. Les designs Copenhagen et Sydney permettent également d'appliquer cette méthode.
![](https://image.jimcdn.com/app/cms/image/transf/dimension=940x10000:format=png/path/s311f7d4c4490cf29/image/i62a89589f68b6898/version/1608127074/image.png)
Chicago
Même Jimdo propose ce design en mode multilingue, c'est dire si il y est bien adapté. Il est utilisé par le Gîte de l'Ancienne Gare de Oignies-en-Thiérache.
![Design Jimdo Chicago en utilisation multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/ic4604c58f3c1a817/version/1463560593/design-jimdo-chicago-en-utilisation-multilingue.png)
Dubai
Dubai a été utilisé par notre client Geo-Topics, avec un seul niveau de navigation sous le choix de langue. Il est toutefois possible d'ajouter un second niveau.
![Design Jimdo Dubai en utilisation multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/i894f646ef08736c2/version/1430224876/design-jimdo-dubai-en-utilisation-multilingue.png)
Dublin
Dublin possède un menu latéral qui ne déroule que la langue active. Il est donc tout à fait acceptable de l'utiliser pour un site mutilingue. C'est ce qu'a fait Aquarelle.
Florence
Florence a été choisi par Caroline pour son blog "Smile Caroline" en deux langues (FR - EN).
Hamburg
Hamburg a été utilisé par notre client Freedom & Spirit. La navigation latérale permet d'avoir plusieurs niveaux, mais avec une faible différence entre niveaux 1 et 2 (même taille de polices).
![Design Jimdo Hamburg en utilisation multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/id54128225b7875fb/version/1435404513/design-jimdo-hamburg-en-utilisation-multilingue.png)
Hong-Kong
La navigation et le choix de langue sont bien visibles, c'est un excellent template en multilingue.
![Design Jimdo Hong-Kong en utilisation multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/i5e4eb4a62fb269f3/version/1430224880/design-jimdo-hong-kong-en-utilisation-multilingue.png)
Lille
Sophie a utilisé Lille pour le site de son gîte. Un gros avantage est de permettre deux niveaux de sous-navigation, sans colonne latérale.
![Jimdo design Lille avec site multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/i53e8af9e7c860551/version/1453481728/jimdo-design-lille-avec-site-multilingue.png)
Madrid
Madrid a été utilisé par Awake. La navigation latérale permet d'avoir deux niveaux dans les sous-pages, ce qui convient bien aux sites ayant un grand contenu.
![Design Jimdo Madrid en utilisation multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/i0caff9e7b4ab7ec2/version/1452789062/design-jimdo-madrid-en-utilisation-multilingue.png)
New-York
Creafunkids utilise ce design très sobre en pleine largeur avec une navigation très claire.
![Design Jimdo New-York en utilisation multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/i613eceb5597e7238/version/1464711878/design-jimdo-new-york-en-utilisation-multilingue.png)
Riga
![Design Jimdo Riga en utilisation multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/i0bf438897c55c138/version/1432545909/design-jimdo-riga-en-utilisation-multilingue.png)
Rio
Le design Rio permet de mettre le choix de langue dans le "header". Ici, le site comporte une seule page par langue, mais Rio fonctionne également très bien avec un sous-menu dans chaque langue.
![Design Jimdo Rio en utilisation multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/idbf2984353579792/version/1478521101/design-jimdo-rio-en-utilisation-multilingue.png)
San Francisco
![Design Jimdo San Francisco en utilisation multilingue](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/i95395ba2d2ce37b1/version/1548947135/design-jimdo-san-francisco-en-utilisation-multilingue.png)
St Petersbourg
Une navigation multilingue très claire, mais pas de photo ni d'image de fond. Utilisé par Frédérique Rorive pour son site.
![](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/i39f3faa0ad49c6e3/version/1430290918/image.png)
Tokyo
Avec sa navigation principale et secondaire en haut de l'écran, le design Tokyo est bien adapté à un site multilingue. Attention, il faut éviter la déclinaison du design avec la "hero area" sur la page d'accueil uniquement, sinon elle n'apparaîtra que sur l'accueil dans la langue "principale" et pas dans la page d'accueil de l'autre langue.
![](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/i66570f8d53992070/version/1477373760/image.png)
Zurich
Zurich affiche la navigation sur deux niveaux, il est donc possible de l'utiliser en multilingue. Attention toutefois à ne pas dépasser un niveau de pages sous la navigation principale.
![](https://image.jimcdn.com/app/cms/image/transf/dimension=930x10000:format=png/path/s311f7d4c4490cf29/image/ie562690b4e47e448/version/1479228863/image.png)
Solution alternative pour les sites bilingues
Si ces designs ne vous conviennent pas ou que la navigation de votre site est trop complexe (plusieurs niveaux, blog, e-commerce,...) vous pouvez utiliser le double site, comme nous avons expliqué dans un autre article.
Partagez votre expérience !
Avez-vous d'autres exemples de sites Jimdo multilingues ? Merci de les partager en laissant un commentaire ci-dessous.
Écrire commentaire
Marvin de la Espriella (mardi, 25 octobre 2016 07:38)
Bonjour, J'ai lu votre article:
Il est très intéressant. Mais j'ai une question. Le conseil pour utiliser Tokyo dans plusieurs langues, est-il encore possible? Éliminer le nom de la page pour permettre que l'image de fond apparaitre dans toutes les autres pages du site... J'ai essayé et il faut laisser un nom... Selon Jimdo ce n'est pas possible... Je travaille dans une page, mais je crois que je dois changer le gabarit Tokyo, car je ne peux pas répéter une image de fond de chaque page.
Merci.
Amaranthe (mardi, 25 octobre 2016 07:38)
Bonjour Marvin ! Petite correction à mon article, il faut MASQUER la "hero area" de Tokyo, sinon elle n'apparaîtra que sur l'accueil dans la langue "principale" et pas dans la page d'accueil de l'autre langue. Exemple sur http://www.songattitude.be/