Masquer les titres de page et d’article dans WordPress
Comment puis-je cacher les titres de page et d’article dans WordPress ?
Après avoir terminé la conception d’une page ou la rédaction d’un article dans WordPress, vous remarquez que le titre de la page semble inapproprié et qu’il ruine complètement votre design. Malheureusement, WordPress ne propose pas de fonctionnalité simple pour empêcher l’affichage d’un titre. De plus, il n’existe pas de méthode facile pour le personnaliser, car son apparence dépend du thème utilisé. Si le titre est trop grand et trop visible, que pouvez-vous faire dans ce cas ? C’est pourquoi il est essentiel de savoir comment masquer les titres de pages dans WordPress.
Votre première réaction pourrait être de simplement supprimer le titre de la page, mais je vous conseille d’attendre avant d’essayer cela, car cela pourrait affecter le référencement de votre page. Si vous souhaitez que le titre disparaisse complètement, quelles sont vos options ?
Bien qu’il n’y ait pas d’option intégrée dans WordPress pour « cacher le titre », il existe plusieurs solutions relativement simples pour vous en débarrasser. Vous avez le choix entre désactiver le titre d’une seule page ou le masquer pour l’ensemble du site.
I. Pourquoi cacher les titres
Il n’est pas toujours nécessaire d’avoir un titre sur chaque page de votre site. Alors qu’un titre est généralement attendu sur les articles de blog, il peut sembler inapproprié sur d’autres pages. Ce qui fonctionne bien pour un blog peut ne pas être approprié pour le reste du site.
Par exemple, avoir un titre comme « Accueil » sur votre page d’accueil peut sembler peu professionnel voire redondant. De même, sur votre page « À propos » ou « Services », le titre peut sembler superflu puisque le contenu de la page parle de lui-même. De plus, l’élément de titre peut parfois sembler mal placé par rapport au design global de votre site. Bien que vous puissiez utiliser du CSS pour le styliser et l’intégrer harmonieusement, la meilleure option peut être de le supprimer complètement. Vous pouvez utiliser cet espace pour ajouter une image ou un autre élément de style. Cependant, dans la plupart des cas, vous ne souhaitez pas supprimer complètement le titre, mais plutôt le cacher ou le modifier. Il est possible que l’emplacement ou le style du titre dans votre thème ne vous convienne pas. Dans ce cas, vous pouvez le cacher et insérer un titre H1 ailleurs dans votre contenu. Cependant, il est important de noter que cacher le titre d’une page n’est pas aussi simple que de supprimer une image ou un paragraphe de texte. Les titres ont un impact sur le référencement (SEO) et la manière dont les moteurs de recherche interprètent la structure de votre page. Avant de masquer tous vos titres, il y a quelques considérations à prendre en compte.
1.1. Considérations sur le SEO
Les robots appelés « crawlers » sont utilisés par les moteurs de recherche, comme Google, pour explorer les sites web et enregistrer les informations de leurs pages dans leur index. Lorsqu’ils indexent votre site, ces robots lisent des éléments tels que le titre, le contenu textuel et la structure des pages afin de comprendre de quoi il s’agit. Ce processus permet aux moteurs de recherche d’afficher des pages pertinentes pour les utilisateurs qui effectuent des recherches sur des termes spécifiques. Les sites web qui suivent les bonnes pratiques en matière de référencement bénéficient d’un léger avantage dans le classement des résultats. Si vous effectuez une recherche sur Google, par exemple « comment accélérer votre site WordPress », vous remarquerez que le titre de l’extrait affiché correspond généralement au titre de l’article.
Le titre d’une page est déterminé par la balise de titre HTML, ou à défaut, par la balise H1. Si aucun de ces éléments n’est présent, le moteur de recherche utilise souvent le premier titre trouvé ou une chaîne de texte aléatoire pour générer le titre. Cela peut donner des résultats médiocres dans les extraits affichés par les moteurs de recherche. Maintenant, vous comprenez pourquoi supprimer la balise H1 et ne rien mettre à sa place peut avoir un impact négatif sur votre référencement et votre taux de clics. Même si vous cachez simplement le titre de la page au lieu de le supprimer, les robots des moteurs de recherche ont tendance à ignorer les éléments masqués, ce qui ne vous aide pas. Une bonne structure de page, avec une balise H1 et éventuellement des balises H2 ou H3, aide les robots (et les utilisateurs !) à comprendre le sujet de votre page. Cependant, les balises H1 ne sont pas strictement nécessaires pour le référencement. Elles sont utiles pour structurer votre page et sont fortement recommandées.
Alors, quelle est la solution ?Un moyen simple de résoudre ce problème est d’employer un plugin comme Yoast SEO, qui offre la possibilité de spécifier un « titre SEO » pour chaque page. Ces plugins vous permettent de définir un « titre SEO » pour chaque page. Vous obtiendrez ainsi un résultat attrayant dans les moteurs de recherche, tout en vous débarrassant du titre ennuyeux sans subir de pénalité.
1.2. Différence entre la balise title et le titre H1
La principale différence entre la balise title et le titre H1 réside dans leur utilisation et leur visibilité. La balise title, représentée par l’élément HTML <title>, fait partie du code sous-jacent de votre site web et n’est généralement pas visible pour les visiteurs. Cependant, les robots d’exploration peuvent la lire et l’utiliser pour déterminer le titre de l’extrait de votre page dans les résultats de recherche. En règle générale, votre thème WordPress définit automatiquement la balise title en fonction du titre de votre article ou de votre page que vous avez défini dans le back-end. Certains plugins de référencement peuvent également vous permettre de la modifier manuellement. En revanche, les balises H1 sont visibles par les visiteurs de votre site. Elles sont utilisées pour structurer votre page en hiérarchisant les sections et en organisant le contenu de manière à ce qu’il soit facile à lire. Le titre H1 agit en tant que titre principal qui introduit le contenu de la page.
La plupart des thèmes WordPress prennent le titre de votre article ou de votre page et l’insèrent à la fois dans la balise title en arrière-plan et dans un élément H1 visible sur la page. Il est important de noter que les moteurs de recherche accordent plus de priorité à la balise HTML <title> qu’à la balise H1. Si la balise title est présente, les moteurs de recherche l’utiliseront pour déterminer le titre de l’extrait affiché dans les résultats de recherche. En l’absence de la balise title, ils peuvent se tourner vers le titre H1.
En résumé, bien qu’il n’y ait pas de différence fonctionnelle majeure entre la balise title et le titre H1, la distinction entre les deux est importante. La balise title influe sur l’affichage dans les extraits des moteurs de recherche, tandis que le titre H1 est visible par les visiteurs et contribue à structurer le contenu de votre page.
II. Masquer les titres des articles de blog
Il est important de noter qu’avant d’ajouter un code personnalisé ou d’installer un plugin, il est recommandé de sauvegarder votre site pour éviter tout problème éventuel. Il existe différentes méthodes pour masquer sélectivement les titres des articles ou des pages dans WordPress. Toutefois, examinons d’abord comment supprimer tous les titres d’articles et de pages en utilisant une astuce CSS. Il est possible de supprimer complètement ces titres en utilisant seulement une ligne de code.
Dans votre tableau de bord WordPress, accédez à « Apparence » > « Personnaliser » et recherchez le menu « CSS supplémentaire ». Ajoutez le code CSS approprié et les titres disparaîtront de l’aperçu à droite. C’est aussi simple que cela. Lorsque vous visitez un article ou une page, le titre sera également masqué. Veuillez noter que des widgets tels que « Articles récents » continueront d’afficher les titres que vous avez définis sans problème.
Si le code ne produit pas les résultats escomptés, il sera nécessaire de trouver la classe CSS utilisée par votre thème pour afficher les titres. Dans l’aperçu du site à droite dans le personnalisateur de thème, faites un clic droit sur le titre de l’article et sélectionnez « Inspecter » (ou « Inspect Element » selon votre navigateur). Une nouvelle fenêtre s’ouvrira avec une portion de code mise en évidence. Recherchez le nom de la classe H1 ou H2 en regardant le code entourant la partie mise en évidence, par exemple : <h2 class= »entry-title heading-size-1″>. Le nom de la classe peut varier en fonction de votre thème, il peut être « entry-title », « post-title », « page-title » ou autre. Utilisez le code CSS que nous avons fourni précédemment, mais remplacez « .entry-title » par la classe CSS spécifique utilisée par votre thème. Cela devrait fonctionner correctement.
III. Masquer les titres des pages dans WordPress
Si vous souhaitez simplement masquer tous les titres de vos pages sans les afficher sur votre site, vous pouvez effectivement modifier légèrement le code CSS précédent. Il vous suffit d’ajouter « .page » devant le code existant. Voici un exemple :
- .page .entry-title {
- display: none;
- }
En ajoutant « .page » avant « .entry-title », vous spécifiez que le code CSS ne s’applique qu’aux titres des pages et non aux titres des articles. En utilisant ce code CSS, tous les titres de pages seront cachés et ne seront pas visibles sur votre site. Assurez-vous d’ajouter ce code dans le menu « CSS supplémentaire » de l’option « Personnaliser » dans votre tableau de bord WordPress pour qu’il prenne effet.
3.1. Comment masquer le titre d’une page ?
Si vous souhaitez cacher le titre d’une seule page dans WordPress, vous avez deux options : installer un plugin dédié ou utiliser une version modifiée du code CSS mentionné précédemment qui cible les pages par leur identifiant (ID). Il existe des extensions spécialement créées pour dissimuler les titres, comme le plugin « Hide Page And Post Title », qui est largement utilisé. Vous pouvez le rechercher et l’installer depuis le répertoire des plugins WordPress. Cependant, il est important de noter que l’installation de trop de plugins peut augmenter les risques de sécurité de votre site.
Une autre option consiste à utiliser un constructeur de pages tel qu’Elementor. Elementor offre une option simple pour masquer les titres des pages. Il vous suffit de vous rendre dans le backend de la page concernée, de cliquer sur « Modifier avec Elementor », puis d’accéder au menu « Paramètres » situé dans le coin inférieur gauche. Activez l’option « Cacher le titre » et le titre de votre page disparaîtra. Ces méthodes vous permettront de masquer le titre d’une seule page sans avoir à modifier manuellement le code CSS ou à ajouter des personnalisations supplémentaires.
IV. Cacher les titres dans les articles du blog
4.1. Cacher le titre d’un seul article WordPress
Pour masquer le titre d’un article de blog, vous avez plusieurs options. Vous pouvez utiliser un plugin de suppression de titre, utiliser un constructeur de page pour le supprimer manuellement ou cibler l’ID de l’article à l’aide de CSS.
Si vous préférez utiliser le CSS, le code que vous devez utiliser est légèrement différent. Tout d’abord, vous devez accéder à votre interface d’administration (backend) et survoler l’article dont vous souhaitez masquer le titre afin de trouver son ID. Ensuite, vous pouvez essayer d’utiliser le code suivant. Assurez-vous de remplacer le « 0 » par l’ID de l’article que vous souhaitez cibler. Si cela ne fonctionne pas, vous pouvez utiliser la console du développeur en appuyant sur la touche F12 lorsque vous êtes sur la page de l’article que vous souhaitez cibler. Ensuite, appuyez sur Ctrl-F, tapez « body » et recherchez « <body class= » pour obtenir la liste des classes utilisées sur cette page. Recherchez une classe contenant un identifiant numérique, tel que « post-11 », puis remplacez le code ci-dessus par la classe appropriée.
En résumé, pour masquer le titre d’un article de blog, vous avez différentes méthodes à votre disposition : l’utilisation d’un plugin, la suppression manuelle via un constructeur de page ou le ciblage de l’ID de l’article à l’aide de CSS. Si vous optez pour le CSS, vous pouvez trouver l’ID de l’article en survolant l’article dans votre backend ou en inspectant la page à l’aide de la console du développeur. Ensuite, vous pouvez utiliser le code CSS approprié pour masquer le titre en remplaçant « 0 » par l’ID de l’article ou en ciblant la classe appropriée contenant l’identifiant.
V. Comment puis-je retirer les titres des articles de blog dans WordPress
Je tiens à souligner qu’il n’est pas recommandé de supprimer complètement le titre de vos articles ou pages. Cela peut entraîner des problèmes liés aux permaliens, au référencement et à la mise en page de votre site. Cependant, si vous souhaitez vraiment procéder de cette manière, le processus est similaire à la suppression des titres des pages.
Pour commencer, accédez à la section « Articles » puis à « Tous les articles » pour afficher la liste de tous les articles de blog sur votre site. Survolez le titre de l’article que vous souhaitez modifier et cliquez sur « Édition rapide ». Ensuite, effacez le contenu du titre et cliquez sur « Mettre à jour ». Alternativement, vous pouvez cliquer sur « Modifier » pour accéder à l’écran d’édition Gutenberg, puis supprimer le texte du titre. Après cela, cliquez sur « Mettre à jour » et le titre devrait disparaître définitivement. Veuillez noter que chaque article sera alors affiché avec le titre « (sans titre) ». Si vous avez du mal à naviguer parmi de nombreux articles de cette manière, je vous recommande plutôt d’utiliser un plugin ou des sélecteurs CSS pour masquer les titres.
En résumé, bien que je vous déconseille de supprimer les titres de vos articles, si vous décidez de le faire, vous pouvez le faire en utilisant les options d’édition rapide dans la section « Articles » de votre site ou en utilisant l’écran d’édition Gutenberg. Gardez à l’esprit les conséquences potentielles et considérez d’autres solutions alternatives pour masquer les titres si nécessaire.
Conclusion
Dans WordPress, il n’existe pas de bouton intégré pour masquer les titres des pages. Cependant, vous disposez de plusieurs options pour le faire. Pour les articles ou les pages individuelles, vous pouvez installer un plugin qui ajoute la fonctionnalité permettant d’activer ou de désactiver les titres selon vos besoins. Une autre option consiste à utiliser le CSS pour masquer tous les titres des pages ou pour cibler des pages spécifiques où vous souhaitez les masquer.
Il est important de souligner qu’il est déconseillé d’effacer simplement le titre dans le backend, car cela peut avoir des conséquences néfastes sur le référencement et les permaliens. De plus, cela peut entraîner des problèmes avec les fonctionnalités qui dépendent des titres des articles ou des pages, comme le menu ou le widget des articles récents.
Dans tous les cas, il est essentiel de garder à l’esprit qu’un titre HTML de niveau H1 ou un élément de titre est nécessaire pour éviter d’être pénalisé par les moteurs de recherche. Si vous décidez de masquer les titres, il est recommandé d’installer un plugin SEO et de vous assurer que l’élément « SEO title » ou « HTML title » est défini pour chaque page afin de maintenir une bonne optimisation pour les moteurs de recherche.
