Les en-têtes sont l’une des premières choses que les clients remarquent lorsqu’ils visitent votre site web. Les en-têtes ont un grand potentiel ; ils peuvent mettre en valeur votre marque, afficher des informations importantes et aider les visiteurs à naviguer facilement sur votre site web. C’est pourquoi vous devez viser un en-tête exceptionnel.
Si la position de l’en-tête reste constante d’une page à l’autre, le contenu de l’en-tête ne doit pas rester statique. Après tout, que se passe-t-il si l’en-tête de la page d’accueil contient des informations qui dérangent sur d’autres pages ?
Vous pouvez configurer un en-tête qui change pour rester en phase avec la page en cours.
Ce guide explique les meilleurs cas d’utilisation des en-têtes alternatifs et aborde ensuite la manière de modifier les en-têtes dans WordPress. Nous terminerons par les meilleures pratiques pour que votre site web soit le plus efficace possible.
Les bases des en-têtes alternatifs de WordPress
L’en-tête est la bande horizontale située tout en haut de chaque site web. Il contient généralement le nom, le logo et le slogan de la marque, ainsi qu’un menu de navigation. Parfois, les marques y ajoutent des informations de contact et des liens vers les médias sociaux.
Sur certains types de pages web, les en-têtes sont plus efficaces si l’on utilise des informations différentes ou si l’on n’en utilise pas du tout. Vous en apprendrez plus à ce sujet dans ce guide.
Les en-têtes alternatifs sont des en-têtes personnalisés pour des pages spécifiques d’un site web. Vous pouvez modifier les informations affichées dans l’en-tête d’une page ou personnaliser les menus de navigation de cette page.
Ces en-têtes bien pensés améliorent l’expérience des clients en affichant la bonne information au bon moment. Dans cette optique, vous allez maintenant apprendre comment l’édition d’en-têtes dans WordPress peut stimuler votre activité en aidant votre public.
Pourquoi utiliser un autre en-tête ?
Un site web contient généralement plusieurs pages avec des mises en page différentes. Par exemple, une page « À propos de nous » comporte généralement des photos, suivies de sous-titres et de paragraphes. En revanche, la page typique d’un catalogue de produits comporte une grille, des filtres de recherche et de nombreux liens de navigation.
Quelle que soit la mise en page, l’en-tête du site web reste en haut. Examinez les cas d’utilisation suivants pour savoir quand les en-têtes de page d’accueil ne sont pas optimaux et comment des en-têtes alternatifs peuvent apporter une solution.
Simplifier la navigation sur le site web
Les clients utilisent souvent l’en-tête d’un site pour naviguer. C’est pourquoi les en-têtes des pages d’accueil contiennent généralement des liens vers des sections importantes telles que la page « À propos de nous » et la page d’assistance. Certaines pages bénéficieront de boutons supplémentaires pour simplifier la navigation.
Imaginons par exemple la page d’accueil d’une marque de vêtements de mode. Elle affiche les boutons standard « Accueil », « Produits » et « Assistance ». Un client clique sur la page des produits et commence à faire ses achats. Il aimerait pouvoir passer facilement d’une catégorie à l’autre, pour passer des chapeaux aux chaussures.
La configuration d’un autre en-tête avec des boutons de navigation pour chaque grande catégorie de vêtements aidera les clients à trouver quelque chose à acheter. En revanche, l’inclusion de tous ces liens dans l’en-tête de la page d’accueil serait une source d’encombrement.
Les en-têtes alternatifs sont la solution pour un menu de navigation simple qui affiche les liens utiles lorsqu’ils sont utiles.
La marque de vêtements en ligne Boohoo est un excellent exemple d’utilisation d’en-têtes alternés pour la navigation. En cliquant sur les pages femme ou homme, l’en-tête change de menu en fonction du public cible.
Veillez à la pertinence de votre marketing
De nombreuses marques utilisent la section d’en-tête pour afficher des publicités, telles que des réductions, des adhésions et des produits à durée limitée. Mais ces promotions ne sont pas pertinentes pour toutes les pages du site web.
En fait, 66 % des consommateurs affirment que la plupart des publicités qu’ils voient en ligne ne les concernent pas. De ce fait, de nombreuses personnes ignorent totalement les publicités, à moins qu’elles ne soient judicieusement programmées et ciblées.
Par exemple, lorsque les clients visitent votre page d’assistance, ils cherchent avant tout à obtenir des réponses et de l’aide. Il est préférable de mettre de côté les tactiques de vente pour le moment.
Pour que vos promotions d’en-tête soient efficaces, vous devez apprendre à modifier les en-têtes dans WordPress. Réservez les annonces d’en-tête aux pages où le client est susceptible d’acheter. Soyez particulièrement prudent sur les pages d’assistance, de paiement et de ressources.
Rationaliser le processus de paiement
Comme pour toute autre partie de l’expérience d’achat, les clients souhaitent un passage en caisse rapide et sans problème – un minimum d’étapes, moins de saisie de données et pas d’interruptions. 18 % des acheteurs abandonnent leur panier d’achat en ligne à cause d’une procédure de paiement compliquée.
Lorsque les acheteurs finalisent leurs achats, ils n’ont pas besoin de naviguer sur vos pages de médias sociaux ou ailleurs. Les distractions sont l’ennemi de la conclusion d’une vente.
Optimisez votre page de paiement en éliminant les boutons de navigation, les icônes de médias sociaux et les autres liens non essentiels de l’en-tête.
Maintenant que vous connaissez les avantages de l’utilisation d’en-têtes alternatifs, apprenons à modifier les en-têtes dans WordPress à l’aide de différentes méthodes.
Méthodes de création d’en-têtes WordPress personnalisés
Pour modifier les en-têtes dans WordPress, vous pouvez modifier le code de base, utiliser les blocs de code d’un constructeur de site web ou opter pour les options les plus simples : les thèmes et les plugins.
Il est préférable d’examiner chaque méthode avant d’en choisir une pour votre site web.
Méthode 1 : Code
Si vous connaissez bien le codage WordPress, vous pouvez créer des en-têtes alternatifs à l’aide de feuilles de style CSS personnalisées. Il s’agit de faire des copies du fichier header.php, de modifier les fichiers du thème et de les appliquer aux pages concernées via le code du modèle.
N’oubliez pas de créer un thème enfant avant de modifier le code de base. Cela vous permet de tester vos modifications sans affecter le site web principal.
Bien que l’utilisation d’un code personnalisé soit possible, elle peut s’avérer complexe si vous n’avez que peu ou pas de connaissances en matière de codage. Elle peut également s’avérer coûteuse si vous envisagez de faire appel à un développeur web.
Méthode 2 : Constructeurs de sites web
Les constructeurs de sites web (ou de thèmes), tels que WonderSuite de Bluehost, permettent d’utiliser plus facilement du code pour créer des en-têtes différents.
Ces outils emploient généralement des extraits de code, appelés blocs, et utilisent une interface de type « glisser-déposer » pour créer et personnaliser les fonctionnalités du site web.
Vous pouvez modifier les en-têtes existants et en créer de nouveaux qui ne s’appliquent qu’à certaines pages de votre site web. Comme les constructeurs de sites web utilisent un codage par blocs, vous n’aurez pas besoin d’un diplôme en informatique.
Cela dit, si vous souhaitez tirer parti de la souplesse de conception de ces outils, quelques connaissances de base en matière de codage vous seront utiles.
Méthode 3 : Thèmes WordPress
Les thèmes sont des modèles préconstruits utilisés pour modifier l’apparence d’un site web. Le référentiel WordPress contient plus de 11 000 thèmes, dont beaucoup proposent des en-têtes de thème alternatifs.
La plupart des thèmes disposent d’éditeurs de pages intégrés avec plusieurs options de police, de couleur et de style. En quelques clics, vous pouvez créer des en-têtes différents et les appliquer aux pages concernées.
Les thèmes WordPress étant préconstruits, il n’est pas nécessaire de les coder pour les modifier. Cependant, assurez-vous de choisir un thème WordPress qui supporte les en-têtes alternatifs.
Méthode 4 : Plugins
Si vous utilisez déjà un thème de site web et qu’il ne prend pas en charge les en-têtes alternatifs, utilisez des plugins pour modifier vos pages. Les plugins sont des modules complémentaires du personnalisateur de WordPress, chacun étant conçu pour activer une fonction spécifique.
Tout comme les thèmes, les plugins WordPress sont souvent dotés d’une interface intégrée qui vous permet d’apporter facilement des modifications.
Suivez les étapes ci-dessous pour créer des en-têtes personnalisés à l’aide d’un thème ou d’un plugin WordPress.
Comment modifier un en-tête dans WordPress
1. Choisissez un thème ou un plugin WordPress qui prend en charge les en-têtes alternatifs.
2. Dans votre tableau de bord WordPress, allez dans Apparence > Personnaliser et créez un nouvel en-tête.
3. Appliquez l’en-tête personnalisé aux pages requises.
Vous pouvez utiliser des thèmes, des plugins ou une combinaison des deux. Quoi qu’il en soit, la création d’en-têtes alternatifs de cette manière ne nécessite aucune connaissance technique.
Vous trouverez ci-dessous une explication étape par étape de la manière de modifier les en-têtes dans WordPress pour une page spécifique.
1. Choisissez un thème ou un plugin WordPress qui prend en charge les en-têtes alternatifs.
WordPress propose une myriade d’options pour les thèmes de sites web, mais tous les thèmes ne permettent pas de configurer des en-têtes alternatifs.
Certains thèmes, comme Blocksy PRO, prennent en charge les en-têtes alternatifs par défaut. Pour trouver des thèmes compatibles, utilisez les méthodes suivantes :
Sur votre tableau de bord WordPress, allez dans Apparence > Thèmes et, dans le menu déroulant, cliquez sur Ajouter un nouveau thème.
Dans la barre de recherche, utilisez des mots-clés tels que « en-têtes alternatifs », « en-têtes multiples » et « en-têtes personnalisés » pour repérer les thèmes qui prennent en charge cette fonctionnalité.
Lorsque vous trouvez un thème qui vous intéresse, lisez attentivement sa description et vérifiez qu’il prend en charge les en-têtes alternatifs.
Pour faciliter votre décision, consultez des pages de ressources telles que Themeisle et WPHub, qui répertorient et évaluent les thèmes.
Si vous avez déjà appliqué un thème à votre site WordPress, vérifiez s’il prend en charge les en-têtes personnalisés ; visitez le site web officiel du thème ou contactez son équipe d’assistance.
Utilisez un plugin de personnalisation de thème pour configurer des en-têtes alternatifs si vous avez déjà appliqué un thème WordPress qui n’a pas d’outil intégré pour les en-têtes alternatifs.
Certains plugins gratuits vous permettent de personnaliser les en-têtes en utilisant des images de votre galerie ou de la bibliothèque multimédia de WordPress ; Unique Headers et WP Header Images en sont de bons exemples.
Si vous souhaitez d’autres options de personnalisation, rendez-vous dans votre tableau de bord WordPress et allez sur Plugins > Add New Plugin (Ajouter un nouveau plugin). Dans la barre de recherche, utilisez des mots clés tels que « alternate headers », « multiple headers » et « custom headers ».
Une fois que vous avez trouvé un plugin satisfaisant, vérifiez les détails pour vous assurer qu’il est compatible avec votre version actuelle de WordPress. Cliquez ensuite sur Installer pour le télécharger. Enfin, activez le plugin – votre tableau de bord WordPress vous invitera à le faire.
2. Dans votre tableau de bord WordPress, allez dans Apparence > Personnaliser et créez un nouvel en-tête.
Lorsque votre thème ou votre plugin est prêt, il vous suffit de vous rendre dans votre tableau de bord WordPress, d’utiliser la barre latérale pour ouvrir le menu Apparence et de cliquer sur l’option Personnaliser . Sélectionnez ensuite l’option En-tête dans le menu latéral.
Si vous avez choisi un thème avec une fonction d’en-tête alternatif ou si vous avez appliqué un plugin de personnalisation de thème, vous verrez une option Créer un nouvel en-tête .
Cette fonction permet de créer des en-têtes personnalisés ; vous pouvez ajouter et supprimer des éléments d’en-tête. En outre, vous pouvez modifier le style de l’en-tête, la couleur d’arrière-plan et la police.
3. Appliquez l’en-tête personnalisé aux pages requises.
Une fois que vous avez fini de personnaliser un nouvel en-tête, appliquez-le aux pages de votre choix. Selon le thème ou le plugin que vous avez choisi, cette option peut être formulée différemment – recherchez quelque chose de similaire à Appliquer aux pages ou à Afficher les conditions.
L’option Appliquer aux pages est simple ; elle vous permet de choisir les pages sur lesquelles vous souhaitez que l’en-tête soit personnalisé.
L’option Conditions d’affichage est plus complexe. Outre la sélection des pages, elle permet de choisir des scénarios qui modifient l’en-tête. Par exemple, l’en-tête peut changer de couleur lorsque les visiteurs font défiler la page jusqu’en bas. Vous pouvez également modifier son apparence lorsque les clients cliquent sur un certain produit.
Dans tous les cas, prévisualisez les modifications avant de les enregistrer.
Meilleures pratiques et cas d’utilisation pour les en-têtes alternatifs
Au-delà des bases de la modification des en-têtes dans WordPress, les meilleures pratiques ci-dessous vous permettront d’affiner votre exécution et de partager la sagesse dont vous avez besoin pour utiliser efficacement les en-têtes alternatifs.
Pour améliorer l’expérience utilisateur de votre site web, il est essentiel de choisir les bons éléments d’en-tête pour chaque page. Voici quelques conseils pour vous aider à prendre vos décisions.
Page d’accueil: La page d’accueil est souvent la première page que les clients voient lorsqu’ils visitent votre site web. Lorsque vous créez l’en-tête de votre page d’accueil, veillez à ce qu’il contienne tous les éléments nécessaires pour simplifier la présentation générale du site web.
Outre le logo du site et le nom de la marque, l’en-tête de la page d’accueil doit comporter un menu de navigation vers des pages importantes telles que la page des produits et la page d’assistance.
L’en-tête de la page d’accueil doit également contenir des icônes sociales et des informations de contact pour les clients qui souhaitent prendre contact.
Pages de produits: Si vous vendez plusieurs types de produits, l’en-tête de votre page produit doit contenir des raccourcis vers les différentes catégories. Cela permet aux clients de trouver facilement le catalogue souhaité.
En outre, l’affichage des catégories de produits dans l’en-tête permet aux clients de prendre connaissance de l’ensemble des produits que vous vendez.
Page de paiement: Lorsqu’il s’agit de créer une page de paiement, il est préférable d’en faire le moins possible. Un trop grand nombre d’éléments dans l’en-tête distraira les clients ; des boutons inutiles permettent au client de naviguer ailleurs au lieu de terminer son achat.
L’en-tête de la page de paiement doit être minimal ; le nom et le logo de la marque suffisent.
Pages « À propos de nous » et « Assistance »: Lorsqu’un consommateur visite votre page « À propos de nous », il est probablement là pour recueillir des informations. Lorsqu’il consulte votre page d’assistance, il a avant tout besoin d’aide.
C’est une excellente occasion de vous présenter comme une marque centrée sur le client en fournissant des informations à votre public, sans le pousser à acheter.
Évitez les publicités et les offres dans l’en-tête de votre page d’assistance. Veillez à afficher votre numéro de contact et votre adresse électronique pour aider les clients à vous contacter rapidement.
Programme de fidélisation et pages d’abonnement: Configurez un en-tête unique centré sur le programme. Indiquez clairement où les clients peuvent trouver des informations sur le programme auquel ils ont adhéré.
Outre les éléments de base tels que le logo de la marque et le bouton d’accueil, incluez des liens vers l’introduction, les instructions, les formulaires et les pages FAQ relatifs au programme.
Page de compte d’utilisateur: Si les clients peuvent s’inscrire sur votre site web pour acheter des produits, offrez-leur un accès facile aux options de gestion. Modifiez l’en-tête pour y inclure des liens vers les informations sur le compte, l’historique des commandes, la liste de souhaits, les ressources d’aide et les informations de paiement.
Pages d’atterrissage: Une page d’atterrissage donne généralement la priorité aux conversions liées à un produit ou à un service spécifique. L’en-tête doit suivre cette tendance.
Par exemple, si vous avez créé une page d’atterrissage pour une offre promotionnelle, l’en-tête doit contenir des liens vers les produits concernés par la promotion et quelques FAQ relatives à l’offre.
De même, sur une page d’atterrissage destinée à convertir des prospects, l’en-tête peut renvoyer à des ressources utiles qui répondent aux problèmes du visiteur.
Pages de la section blog: Divisez votre section blog en catégories telles que les tutoriels, les mises à jour, les communiqués de presse, les événements et les études de cas. Incluez des liens vers les principales catégories dans votre en-tête afin que les clients puissent accéder directement à leurs centres d’intérêt.
Dernières réflexions : Comment modifier les en-têtes dans WordPress
Les en-têtes alternatifs sont un outil efficace pour créer une meilleure expérience pour les visiteurs de votre site web. Maintenant que vous savez comment modifier un en-tête dans WordPress, vous pouvez améliorer la qualité des pages de votre site web.
D’un autre côté, les propriétaires de petites entreprises ont mieux à faire que de modifier manuellement les en-têtes de chaque page web. C’est une tâche qui incombe à un concepteur de sites web WordPress expérimenté qui comprend parfaitement la personnalisation des en-têtes de WordPress.
La plupart des gens ne savent pas où chercher un tel spécialiste, mais le service de conception de sites Web de Bluehost les met à votre disposition. Demandez une consultation pour recevoir un site Web personnalisé qui répond à toutes vos exigences – des en-têtes personnalisés à la compatibilité mobile en passant par l’hébergement eCommerce.
