Comment ajouter un attribut de titre dans les menus de navigation WordPress

Nous pensons que chaque visiteur de votre site web mérite la meilleure expérience possible. Votre menu de navigation en est une partie essentielle, agissant comme un guide convivial.

Pour rendre ce guide encore plus clair, vous pouvez ajouter un attribut de titre dans les menus de navigation WordPress. Cette petite étape a un grand impact sur l'accessibilité de votre site.

Pour les visiteurs utilisant des lecteurs d'écran, ces attributs lisent à voix haute une courte description du lien. Cela leur donne plus de clarté sur la destination d'un lien.

Cela donne également aux moteurs de recherche un peu plus d'informations sur la structure de votre site. C'est un avantage pour vos visiteurs humains et pour votre SEO.

Nous vous montrerons exactement où trouver ce paramètre et comment l'utiliser efficacement. Rendons votre site web encore meilleur, ensemble.

Pourquoi ajouter des attributs de titre aux éléments de menu de navigation ?

Dans WordPress, vous pouvez ajouter un attribut de titre pour mieux décrire n'importe quel élément HTML. Ceci est souvent utilisé avec les liens et les images pour fournir des informations supplémentaires qui apparaissent sous forme d'infobulle lorsque l'utilisateur passe sa souris sur l'élément.

Voici un exemple d'attribut de titre d'image affiché dans une infobulle. L'utilisateur peut obtenir plus d'informations sur l'image en passant sa souris dessus.

Vous pouvez en apprendre davantage dans notre guide sur la différence entre le texte alternatif d'image et le titre d'image.

Nous vous recommandons également d'utiliser l'attribut title lorsque vous ajoutez des liens à votre article. Cela permet aux utilisateurs de voir où le lien les mènera avant de cliquer dessus.

L'attribut title peut également être lu à voix haute par les lecteurs d'écran utilisés par les utilisateurs malvoyants. Cependant, le lecteur d'écran lira déjà l'élément de menu, il n'est donc pas nécessaire d'ajouter un attribut title, sauf s'il contient des informations supplémentaires utiles.

Cela étant dit, examinons comment ajouter l'attribut title aux menus de navigation WordPress. Vous pouvez utiliser les liens ci-dessous pour accéder à la méthode qui fonctionne avec votre thème :

1. Ajout d'un attribut Title aux éléments de menu des thèmes classiques
2. Ajout d'un attribut Title aux éléments de menu des thèmes par blocs
3. Foire aux questions
4. Guides d'experts pour la personnalisation des menus de navigation WordPress

Ajout d'un attribut Title aux éléments de menu des thèmes classiques

Si vous utilisez un thème WordPress classique, vous pouvez personnaliser votre menu de navigation en vous rendant dans Apparence » Menus dans votre tableau de bord.

Cependant, vous ne pouvez pas ajouter d'attribut title aux entrées de menu par défaut.

Pour ajouter cette fonctionnalité, vous devrez cliquer sur l'onglet « Options d'écran » dans le coin supérieur droit de l'écran. Cela fera apparaître un menu, où vous devrez cliquer sur la case à cocher à côté de l'option « Attribut Title ».

Cela ajoutera un champ d'attribut title lorsque vous créerez ou modifierez une entrée de menu.

Maintenant, vous pouvez faire défiler vers le bas et cliquer sur n'importe quel élément de menu de votre menu existant pour l'étendre. Vous verrez le champ d'attribut title.

Vous pouvez maintenant ajouter le texte que vous souhaitez utiliser comme titre. Vous pouvez également développer d'autres éléments de menu et y ajouter des attributs title.

N'oubliez pas de cliquer sur le bouton « Enregistrer le menu » en bas de la page pour enregistrer vos modifications.

Vous pouvez maintenant visiter votre site WordPress et passer votre souris sur un lien dans le menu de navigation. Vous verrez l'attribut title s'afficher sous forme d'infobulle.

Ajout d'un attribut Title aux éléments de menu des thèmes par blocs

Si vous utilisez un thème de blocs, vous pouvez personnaliser votre menu de navigation en utilisant l'Éditeur de site complet. Cet éditeur vous permet d'ajouter des attributs title à vos éléments de menu par défaut.

Tout d'abord, vous devez naviguer vers Apparence » Éditeur dans votre zone d'administration WordPress, puis cliquer sur l'option « Navigation » pour trouver vos menus.

Vous devrez sélectionner le menu que vous souhaitez modifier dans la liste.

Maintenant, vous pouvez cliquer sur le volet d'aperçu à gauche pour ouvrir l'éditeur en plein écran. Assurez-vous que le volet des paramètres est visible à gauche. Sinon, vous pouvez l'afficher en cliquant sur le bouton « Paramètres » en haut de l'écran.

Ensuite, cliquez sur l'élément de menu dans le volet des paramètres que vous souhaitez modifier. Cela affichera les options de cette entrée, y compris l'attribut de titre.

Tapez simplement votre titre dans le champ « Attribut de titre ».

Assurez-vous de cliquer sur le bouton « Enregistrer » en haut de l'écran pour sauvegarder les nouveaux paramètres. Vous devrez cliquer sur un deuxième bouton « Enregistrer » pour confirmer.

Vous pouvez maintenant visiter votre site web pour voir l'attribut de titre de menu en action.

Foire aux questions

Nous comprenons que vous pourriez avoir d'autres questions sur les attributs de titre de menu. Ci-dessous, nous avons répondu à certaines des plus courantes pour vous aider.

1. Qu'est-ce qu'un attribut de titre de menu dans WordPress ?

Un attribut de titre ajoute du texte supplémentaire et descriptif à un élément de menu. Lorsque qu'un visiteur survole le lien du menu avec sa souris, ce texte apparaît dans une petite bulle d'aide, fournissant plus de contexte sur la destination du lien.

2. Les attributs de titre de menu sont-ils bons pour le SEO ?

Oui, ils peuvent être bénéfiques pour le SEO. Les attributs de titre fournissent aux moteurs de recherche plus d'informations sur votre lien et la structure de votre site. Bien que ce ne soit pas un facteur de classement majeur, c'est une bonne pratique qui contribue à un site bien optimisé.

3. Comment activer l'attribut de titre pour les menus dans WordPress ?

Si vous utilisez un thème classique, le champ de l'attribut de titre est masqué par défaut. Vous pouvez l'activer en allant dans Apparence » Menus et en cliquant sur l'onglet « Options de l'écran » en haut à droite. Ensuite, cochez simplement la case à côté de « Attribut de titre ». Pour les thèmes basés sur des blocs, ce champ est visible par défaut dans l'Éditeur de site complet.

4. Quelle est la différence entre le Libellé de navigation et l'Attribut de titre ?

Le Libellé de navigation est le texte visible de l'élément de menu sur lequel les utilisateurs cliquent (par exemple, « Blog », « À propos »). L'Attribut de titre est le texte supplémentaire qui apparaît dans une bulle d'aide au survol et qui n'est pas visible autrement. Il doit fournir des informations supplémentaires, et non simplement répéter le libellé.

5. Dois-je ajouter un attribut de titre à chaque élément de menu ?

Il n'est pas strictement nécessaire pour chaque élément, surtout si l'étiquette de navigation est déjà très claire. Vous devriez ajouter un attribut title lorsqu'il peut fournir un contexte supplémentaire utile que l'étiquette seule ne transmet pas. Par exemple, pour une étiquette « Contact », l'attribut title pourrait être « Contactez-nous ou trouvez notre adresse ».

Guides d'experts pour la personnalisation des menus de navigation WordPress

Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter un attribut title dans les menus de navigation WordPress. Vous pourriez également vouloir consulter d'autres articles liés à la personnalisation du menu de navigation WordPress :

• Comment ajouter un menu de navigation dans WordPress (Guide pour débutants)
• Comment ajouter des menus de navigation personnalisés dans les thèmes WordPress
• Comment ajouter des titres dans le menu WordPress sans lier vers une page
• Comment ajouter des articles spécifiques au menu de navigation WordPress
• Comment ajouter des sujets dans les menus de navigation WordPress
• Comment styliser les menus de navigation WordPress
• Comment créer un méga menu sur votre site WordPress (étape par étape)
• Comment créer un menu WordPress responsive prêt pour mobile

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.