Ça y est, vous vous lancez dans le domaine de la rédaction web, et vous avez plus qu’envie d’écrire pour votre premier client ! Oui, mais voilà, vous débutez tout juste, et votre client vous demande d’ajouter un H1 et un title dans le contenu que vous lui avez livré… Si ces notions ne vous évoquent pas grand-chose, ou que vous avez tout simplement des difficultés à différencier les deux, pas de panique : vous allez tout savoir sur le sujet !
Balises title et H1 : attention à bien les différencier !
Si cette notion pourra paraître assez basique pour les rédacteurs web chevronnés, mais aussi pour les experts dans le domaine du référencement naturel (SEO), la notion de balises title et H1 peut paraître un peu plus floue pour une rédactrice web ou un rédacteur qui débute dans l’écriture.
Balise H1
Qu’est-ce que c’est ?
La balise H1 correspond tout simplement au titre de votre article ou de votre page. Par exemple, dans cet article que vous êtes en train de lire, la balise H1 correspond au titre de l’article : « Quelle est la différence entre les balises title et H1 pour un rédacteur web ?« .
Par ailleurs, il existe également des sous-titres à cette balise, comme :
- les H2, qui sont des sous-titres au H1 et qui peuvent être multiples sur une page
- les H3, qui sont des sous-titres aux H2, et qui peuvent aussi être multiples
Comment la renseigner ?
Pour la renseigner, d’un point de vue « technique », vous pouvez soit :
utiliser ce que l’on appelle un éditeur WYSIWYG (What You See Is What You Get) que l’on retrouve habituellement dans les administrations de sites comme WordPress. Il ne vous restera plus qu’à choisir le style « H1 »
éditer le code source, et placer votre titre entre <h1> et </h1> (soit : <h1>Quelle est la différence entre les balises title et H1 pour un rédacteur web ?</h1>)
Si vous livrez un texte directement dans un back-office comme WordPress, sauf en cas de rares exceptions, il y a de fortes chances pour que le H1 corresponde au titre de l’article ou de la page : vous n’aurez donc pas à vous soucier de son intégration !
Concernant son contenu, et bien celui doit être :
- optimisé pour le SEO, avec la requête ou le mot-clé principal de la page à l’intérieur
- cohérent avec les autres pages, en évitant d’avoir un titre sur-optimisé ou qui ne correspond pas du tout à la ligne éditoriale des autres articles et pages d’un site
Enfin, dans l’idéal, cette balise doit être unique ! Autrement dit, vous ne devez pas avoir plusieurs H1 dans une seule page.
Où peut-on la trouver ?
Vous pouvez trouver la balise H1 de plusieurs façons :
- en inspectant le code source de la page sur un navigateur comme Google Chrome, où il vous suffira d’inspecter ce qui vous semble être le H1 de la page. Celui-ci devrait alors apparaître dans le code
- en affichant le code source d’une page, et en recherchant le terme <h1> (ou <h1 dans le cas où il y a une classe CSS ou une autre balise associée)
- en utilisant un plugin Chrome chargé d’analyser les « headings » comme HeadingsMap.
Pourquoi est-ce important ?
Si cette balise peut paraître assez insignifiante pour certains, elle a en fait une véritable utilité ! En effet, elle vous permet :
- d’optimiser votre page pour le SEO, sur une requête donnée
- de répondre à des critères d’accessibilité pour les personnes malvoyantes
Enfin, il arrive parfois que Google utilise la balise H1 à la place de la balise title dans ses résultats de recherche, vous avez donc tout intérêt à bien la renseigner !
Balise title
Qu’est-ce que c’est ?
La balise title est ce texte qui est affiché :
- dans les résultats de recherche naturelle de Google, en bleu par défaut et si Google ne la réécrit pas
- dans votre onglet de navigateur
Pour cette page, la balise title est : « Différences entre balises title et H1 : ce que vous devez savoir ! »
Comment la renseigner ?
Pour la renseigner, vous pouvez soit :
- l’ajouter dans le back-office d’un site, si l’interface d’administration le permet (on parle le plus souvent de balise <title>, de Titre, ou simplement de Title)
- l’ajouter dans le code source de votre page, entre <title> et </title> (soit pour cette page : <title>Différences entre balises title et H1 : ce que vous devez savoir !</title>)
Enfin, pour renseigner cette balise, vous devez respecter certaines règles, comme :
- intégrer le mot-clé principal au début de la balise
- être suffisamment intelligible pour un robot, mais aussi pour l’internaute
- contenir 600 pixels au maximum, ou entre 60 et 65 caractères
Pour cela, n’hésitez pas à vous aider de certains outils en ligne qui vous permettent de calculer le nombre de caractères ou de pixels. Vous l’avez compris, chaque caractère compte : évitez de placer des mots complets en majuscules si vous le pouvez ! En effet, dans le cas où la balise est trop longue, Google se chargera de la tronquer dans ses résultats de recherche…
Où peut-on la trouver ?
Pour retrouver une balise title, vous pouvez soit :
- lire le titre qui apparaît dans l’onglet d’une page
- rechercher <title> dans le code source de la page
Encore une fois, attention à ne pas vous fier au titre que vous retrouverez sur Google, car celui-ci peut être réécrit à la volée par le moteur de recherche !
Pourquoi est-ce important ?
S’il y a bien une balise que vous devez renseigner sur une page, c’est bien celle-ci ! En effet, elle est importante pour plusieurs raisons, elle vous permet :
- d’optimiser fortement une page sur une requête donnée
- de donner envie à l’utilisateur de cliquer sur votre titre
Maintenant, vous savez tout !
Si vous êtes arrivé jusqu’ici, alors vous devriez avoir compris la différence entre la balise H1 et Title ! N’hésitez pas à utiliser ces conseils pour vos prochains articles de blog, pages à rédiger… : cela peut faire toute la différence. Enfin, si vous avez besoin d’une aide complémentaire, je peux vous proposer une analyse SEO sur mesure, que ce soit à partir de textes écrits en cours de publication, ou même de pages que vous avez déjà rédigé et publiées.