Articles

en-têtes HTML: le Guide complet pour ajouter des titres pour la Structure du Document

en-têtes de contenu

Les six balises de titre sont une partie importante de l’écriture de contenu HTML. Outre le besoin quelque peu évident qu’ils remplissent (les gens veulent parfois mettre des titres sur le dessus des choses), les balises de titre ont également une valeur SEO, vous aider à être un écrivain plus organisé, et rendre les pages plus conviviales.,

Headline Tags et SEO

Il y a deux choses qu’un moteur de recherche essaie de comprendre à propos de votre page:

  • de quoi s’agit-il?
  • Comment cela est-il bien?

généralement, les liens vers une page sont utilisés comme mesure de la qualité (à quel point elle est bonne) et l’analyse sur la page est utilisée pour comprendre de quoi parle la page. (Il y a un certain chevauchement ici bien sûr: Google porte des jugements sur la qualité d’une page en regardant la page, et essaie également de comprendre de quoi parle la page en regardant ce que les autres pages disent quand elles y sont liées.,) L’une des (nombreuses) choses que Google et d’autres moteurs de recherche regardent pour déterminer le contenu d’une page est les mots qui apparaissent à l’intérieur des balises de titre. C’est pourquoi, si vous essayez de rang pour des mots ou des phrases, c’est vraiment une idée d’inclure ces mots et expressions dans vos balises de titre.

écriture plus organisée

lorsque les gens écrivent sans utiliser de balises de titre (par exemple, lorsqu’ils écrivent à la main ou dans un éditeur visuel comme MS Word), ils écrivent souvent simplement dans de longs flux ininterrompus de texte qui durent trop longtemps., Ou, pire encore, ils peuvent ajouter des titres visuels (en gras, en majuscules, en texte plus grand ou autre chose. C’est très courant, car les gens savent instinctivement qu’ils devraient diviser le texte en petits morceaux. Le problème c’est qu’il n’est pas clair comment les différentes parties liées les unes aux autres. La section dirigée avec la police 15pt est-elle censée être une sous-section de la partie headlines avec la police 14pt bold? Souvent, même l’écrivain ne sait pas parce qu’ils n’y ont pas vraiment pensé.,

balises de titre créer une hiérarchie de contenu

sur une page avec un seul morceau de contenu (qui devrait être la plupart des pages), le titre principal de ce contenu doit être une<h1> balise. Les principales sections de ce contenu doivent être intitulées <h2>. Les sous-sections de ces sections doivent être dirigées avec <h3>, et ainsi de suite. Il devrait être possible d’extraire un contour de vos balises de titre. (En fait, nous faisons cela — regardez le widget contenu en haut de la page.,) Cette structure rend l’écriture plus organisée, ce qui (au moins 99% du temps) rend également l’écriture meilleure.

Protip: beaucoup d’entre nous qui écrivent en ligne cartographient d’abord les titres, puis remplissent les sections. C’est juste une description à l’ancienne, mais cela peut certainement rendre l’écriture beaucoup plus rapide et le résultat final est généralement beaucoup plus cohérent que si vous veniez de commencer au sommet et que vous espériez aller quelque part avant de terminer.

les titres sont bons pour les utilisateurs

Voici un sale petit secret sur le contenu en ligne: les lecteurs écrémentent. Presque personne ne lit chaque mot d’un article en ligne., Et il y a très peu de choses que vous pouvez faire à ce sujet. Vous certainement ne peut pas l’arrêter. Mais vous pouvez faire en sorte que les écumeurs aient quelque chose à accrocher lorsque leurs yeux descendent la page. Les titres, s’ils sont bien distribués et pertinents par rapport à leur contenu, donnent aux skimmers un tas de petits moyens de revenir dans le texte de l’article. Ils décomposent également l’article en morceaux de la taille d’une bouchée apparemment digestibles, de sorte qu’un skimmer anxieux n’est pas rendu anxieux par une longue colonne de texte ininterrompu.,

Et n’oubliez pas de liaison

de HTML5, vous pouvez accéder à n’importe quel élément d’une page en ajoutant un dièse-signe (#) et id de l’élément. (Dans le passé, vous ne pouviez lier qu’aux éléments d’ancrage.) En ajoutant un id à chaque titre de votre page, vous pouvez autoriser les personnes à créer un lien vers n’importe quel endroit de votre document. (Encore une fois, voir comment fonctionnent les liens de contenu en haut de la page.,) Ces liens dans le document peuvent être extrêmement utiles, surtout si vous fournissez du contenu de référence de toute sorte, ou si vos articles sont particulièrement longs.

utilisation de balises de titre pour structurer votre contenu

de manière générale, il existe deux types de pages de contenu: les pages de contenu unique (qui présentent un seul élément de contenu) et les pages d’index (qui répertorient un tas de contenu). Les pages d’Index comprennent la page de blog principale d’un site, les archives de catégories et de balises, les pages d’auteur qui répertorient tous les articles écrits par l’auteur, etc., Ensuite, il y a aussi du contenu (barres latérales, widgets, pieds de page) qui apparaît sur presque toutes les pages et qui n’est pas vraiment « contenu. »La façon dont vous utilisez les balises de titre dans ces situations peut avoir un impact sur le référencement et la convivialité.

<h1> et <h2> éléments

Sur le seul contenu des pages de votre site, le titre de ce morceau particulier de contenu doit presque toujours être dans le <h1> balise en haut de la <body>., Ensuite, comme mentionné ci-dessus, vos sections de l’article peuvent utiliser les balises <h2>.

<main><article> <h1>All About Headlines</h1> . . . <h2>Headlines and SEO</h2> . . . <h2>Headlines and Structure</h2> . . . </article></main> 

sur une page d’index, il est généralement logique de mettre le titre du site dans une balise<h1>, ou d’y mettre le nom de l’index: le nom de la catégorie, le nom de l’auteur ou tout ce qui définit cette page. Ensuite, les titres de toutes les pièces individuelles qui y sont répertoriées doivent avoir un élément<h2> pour leurs titres.,

dans le passé, il était courant d’utiliser une balise <h2> pour le titre du site lorsqu’il apparaît sur des pages à contenu unique.

<header> <h2>HTML Code Tutorials</h2> <nav><!-- menu --></nav> </header> <main> <h1>Actual Title of This Page</h1? . . . </main> 

les Avis sont partagés sur cette question, mais la tendance est de moins en moins. De plus en plus de gens placent simplement le titre (et, plus probablement, un logo img) dans l’en-tête et enregistrent les balises de titre pour un contenu spécifique sur la page. Une partie de votre propre considération pour savoir si cela doit être fait aura probablement à voir avec l’importance du titre de votre propre site par rapport à vos objectifs SEP.,

Widgets et autres « non-contenu”

Il était également courant jusqu’à récemment d’utiliser des éléments<h3> ou<h4> pour les titres de widgets dans les barres latérales. De nombreux systèmes de gestion de contenu le font simplement automatiquement, ce qui pourrait ne pas vous intéresser. Mais c’est quelque chose que vous voudrez peut-être penser si vous concevez le balisage de votre page entière à partir de zéro. Voulez-vous que vos éléments de titre suggèrent que la signification réelle de votre page est « connexion” ou « inscription à la liste de diffusion”?, (Bien sûr, cela est partiellement évité en plaçant votre barre latérale dans un élément <aside>.)

Adam est un rédacteur technique qui se spécialise dans la documentation et des tutoriels.