Configuration de l’en-tête Wix : guide complet pour créer l’en-tête de votre site web
L’en-tête de votre site web est l’un des premiers éléments que les visiteurs voient lorsqu’ils arrivent sur une page de votre site Wix. Il contribue à établir votre identité de marque, permet d’accéder aux pages principales du site et donne le ton général de l’expérience utilisateur. Bien configurer l’en-tête est donc une étape importante lors de la création d’un site Wix. Ce guide vous explique les différents aspects de sa configuration, depuis l’ajout de votre logo jusqu’à l’activation d’un effet d’en-tête fixe lors du défilement.
Étape par étape : comment configurer votre en-tête Wix
Étape 1 : accédez à l’en-tête dans l’éditeur Wix
Ouvrez votre site dans l’éditeur Wix. L’en-tête est la section horizontale située tout en haut de la page.
Cliquez n’importe où dans la zone de l’en-tête pour la sélectionner. Une étiquette bleue indiquant En-tête confirme que l’élément est sélectionné.
Comme le pied de page, l’en-tête est un élément global : les modifications que vous y apportez apparaissent sur toutes les pages du site.
Étape 2 : ajoutez votre logo
Votre logo est l’un des éléments principaux de l’en-tête.
Si votre modèle contient déjà un logo temporaire, cliquez dessus, puis sélectionnez Changer le logo ou Changer l’image pour le remplacer par le vôtre.
Si vous partez de zéro, cliquez sur Ajouter des éléments (+), puis sur Image, et importez votre fichier de logo. Pour un résultat optimal, un fichier PNG avec un arrière-plan transparent est recommandé.
Redimensionnez et positionnez le logo sur la partie gauche de l’en-tête, ce qui correspond à l’emplacement le plus courant et le plus facilement reconnaissable.
Ajoutez ensuite un lien vers votre page d’accueil : sélectionnez le logo, cliquez sur l’icône Lien, puis choisissez votre page d’accueil.
Étape 3 : configurez votre menu de navigation
Le menu de navigation de l’en-tête permet aux visiteurs de se déplacer entre les principales sections de votre site.
Cliquez sur le menu existant dans l’en-tête pour le sélectionner. Cliquez ensuite sur Gérer le menu afin d’ouvrir le gestionnaire de menu, dans lequel vous pouvez ajouter, supprimer, renommer ou réorganiser les éléments.
Chaque élément du menu doit correspondre à une page importante de votre site.
Les éléments de navigation les plus courants comprennent :
Accueil
À propos
Services
Portfolio / Réalisations
Blog
Contact
Gardez votre menu relativement simple. Un trop grand nombre d’éléments peut compliquer la navigation pour les visiteurs.
Étape 4 : ajoutez un bouton d’appel à l’action
L’un des éléments les plus efficaces à ajouter à votre en-tête est un bouton d’appel à l’action, ou CTA.
Il peut par exemple afficher :
Réserver
Demander un devis
Nous contacter
Acheter maintenant
Le bouton doit se distinguer visuellement du reste de l’en-tête. Vous pouvez utiliser la couleur d’accent principale de votre identité visuelle.
Placez-le généralement sur le côté droit de l’en-tête, à proximité du menu de navigation.
Assurez-vous que le bouton renvoie vers votre page de conversion la plus importante.
Étape 5 : configurez l’arrière-plan de l’en-tête
Cliquez sur la zone de l’en-tête, puis sélectionnez Modifier l’arrière-plan de l’en-tête.
Vous pouvez choisir :
une couleur unie ;
un dégradé ;
une image ;
un arrière-plan transparent.
Un en-tête transparent, également appelé en-tête superposé, permet à l’image ou à la vidéo principale située en dessous de rester visible, ce qui peut créer une première impression très immersive.
Si vous utilisez un arrière-plan transparent, vérifiez que votre logo et le texte du menu restent parfaitement lisibles par rapport au contenu situé derrière.
Étape 6 : activez un en-tête fixe lors du défilement
Un en-tête fixe reste visible en haut de l’écran lorsque les visiteurs font défiler la page. Le menu de navigation et le bouton d’appel à l’action restent ainsi accessibles à tout moment.
Pour activer cette option dans Wix, cliquez sur l’en-tête pour le sélectionner, puis sur l’icône Paramètres. Vous pouvez également faire un clic droit et sélectionner les options liées aux effets de défilement de l’en-tête.
Activez ensuite l’option correspondant aux effets de défilement ou à l’en-tête fixe.
Un en-tête fixe peut améliorer considérablement la navigation sur les pages longues.
Étape 7 : ajustez l’en-tête mobile
Passez dans l’éditeur mobile en cliquant sur l’icône représentant un téléphone en haut de l’éditeur.
Sur mobile, le menu de navigation complet est généralement remplacé par un menu hamburger, représenté par trois lignes horizontales, afin de gagner de la place.
Vérifiez que :
le logo possède une taille adaptée ;
le menu hamburger fonctionne correctement ;
le numéro de téléphone ou le bouton CTA, s’il est présent, reste clairement visible.
L’en-tête mobile est particulièrement important, car une grande partie du trafic web provient aujourd’hui des appareils mobiles.
Étape 8 : prévisualisez et publiez
Prévisualisez votre site sur ordinateur et sur mobile.
Naviguez entre plusieurs pages afin de vérifier que l’en-tête reste cohérent et professionnel sur l’ensemble du site.
Testez :
tous les liens du menu ;
le bouton CTA ;
le lien associé au logo.
Lorsque vous êtes satisfait du résultat, cliquez sur Publier.
Bonnes pratiques SEO pour votre en-tête Wix
Le menu de navigation de votre en-tête joue un rôle indirect mais important dans le SEO.
Une navigation bien structurée aide les moteurs de recherche à comprendre la hiérarchie et l’organisation de votre site.
Assurez-vous que vos pages les plus importantes sont accessibles depuis le menu principal.
Ajoutez également un texte alternatif descriptif à l’image de votre logo, par exemple :
« WIX SOLUTIONS — Agence de création de sites web à Fleet, Hampshire »
Utilisez des intitulés de menu clairs et descriptifs plutôt que des termes trop vagues.
Erreurs courantes à éviter
Utiliser trop d’éléments dans le menu
Un en-tête comportant dix éléments de navigation ou plus peut devenir difficile à utiliser.
Essayez de limiter la navigation principale à environ 5 à 7 éléments essentiels et utilisez des menus déroulants pour organiser les sous-catégories.
Ne pas relier le logo à la page d’accueil
Les visiteurs s’attendent généralement à revenir à la page d’accueil lorsqu’ils cliquent sur le logo.
Il s’agit d’une convention très répandue sur le web. Il est donc recommandé de la respecter.
Manque de contraste avec un en-tête transparent
Un en-tête transparent placé sur une image principale très claire peut rendre un texte blanc presque invisible.
Vérifiez toujours attentivement le contraste entre l’en-tête et le contenu situé derrière.
Négliger l’en-tête mobile
L’en-tête pour ordinateur et l’en-tête mobile peuvent se comporter différemment.
Vérifiez toujours la version mobile séparément.
Conseils pratiques
Gardez un en-tête compact sur mobile
Un en-tête mobile trop haut repousse le contenu principal vers le bas de l’écran.
Essayez de le garder aussi compact que possible tout en maintenant le logo et le bouton CTA clairement visibles.
Utilisez une couleur contrastante pour le bouton CTA
Le bouton d’appel à l’action de votre en-tête doit utiliser une couleur qui contraste avec l’arrière-plan de l’en-tête et le texte de navigation afin qu’il soit immédiatement visible.
Affichez votre numéro de téléphone dans l’en-tête
Pour les entreprises de services, afficher clairement un numéro de téléphone dans l’en-tête peut faciliter la prise de contact.
Ajoutez un lien permettant aux visiteurs de lancer directement un appel depuis leur appareil mobile.
Liste de contrôle pour la configuration de l’en-tête Wix
☑ Logo importé et correctement positionné, avec un lien vers la page d’accueil
☑ Menu de navigation configuré avec les bons liens vers les pages
☑ Bouton CTA ajouté et relié à la page de conversion appropriée
☑ Couleur ou style d’arrière-plan de l’en-tête configuré
☑ En-tête fixe activé, si nécessaire
☑ Texte alternatif du logo ajouté pour le SEO
☑ En-tête mobile vérifié et ajusté
☑ Tous les liens de navigation testés en mode Aperçu
☑ En-tête vérifié sur plusieurs pages
☑ Site publié après la configuration complète de l’en-tête
Questions fréquentes
1. Mon en-tête Wix apparaît-il sur toutes les pages ?
Oui. Comme le pied de page, l’en-tête est un élément global dans Wix.
Les modifications apportées à l’en-tête apparaissent automatiquement sur toutes les pages du site.
Vous pouvez toutefois choisir de le masquer sur certaines pages, par exemple des landing pages, depuis les paramètres de la page.
2. Puis-je rendre l’en-tête Wix fixe lorsque les utilisateurs font défiler la page ?
Oui.
Vous pouvez activer un en-tête fixe dans Wix afin qu’il reste visible en haut de l’écran lorsque le visiteur fait défiler la page.
Cette option se configure dans les paramètres des effets de défilement de l’en-tête.
Un en-tête fixe améliore souvent l’expérience utilisateur en maintenant la navigation accessible en permanence.
3. Puis-je utiliser des menus déroulants dans la navigation de mon en-tête Wix ?
Oui.
Wix prend en charge les menus de navigation déroulants.
Dans le gestionnaire de menu, vous pouvez créer des sous-pages sous un élément principal.
Lorsqu’un visiteur survole un élément du menu comportant des sous-pages, un menu déroulant apparaît et affiche les différents sous-éléments.
Cette fonction est particulièrement utile pour organiser les services, les catégories de produits ou les sous-thèmes.
4. Quel est le meilleur format de logo pour un en-tête Wix ?
Pour obtenir un bon résultat, vous pouvez importer votre logo au format PNG avec un arrière-plan transparent.
Cela permet au logo de s’afficher proprement sur différentes couleurs d’arrière-plan sans qu’un cadre blanc ou coloré apparaisse autour.
Le format SVG est également pris en charge et permet d’obtenir un logo net et redimensionnable quelle que soit sa taille.
5. Puis-je utiliser une couleur d’en-tête différente lorsque la page défile ?
Oui.
Wix permet d’utiliser des effets de défilement pour que l’en-tête soit transparent lorsque le visiteur se trouve en haut de la page, puis passe à une couleur unie lorsqu’il commence à faire défiler le contenu.
Cela permet de créer un effet élégant : la section principale peut d’abord apparaître en plein écran, puis un en-tête aux couleurs de la marque peut progressivement apparaître lorsque le visiteur descend dans la page.
Cette option peut être configurée dans les paramètres de défilement de l’en-tête.