Si vous vous lancez dans la rédaction web, vous allez sûrement entendre beaucoup de fois le terme « balise html » mais savez-vous réellement ce que c’est et comment elles fonctionnent ? Et pour optimiser vos contenus, il vous sera très utile de connaître les bases du langage HTML.
Dans cet article, je vais vous expliquer tout ce que vous devez connaître des balises HTML pour réussir une bonne rédaction web.
Qu’est-ce les balises HTML ?
Les balises HTML sont des éléments de codes à insérer dans les fichiers texte. Elles permettent de structurer le contenu ainsi que la mise en page des pages web. Il existe un grand nombre de balises HTML qui viennent structurer les contenus.
Les différentes balises HTML sont composées d’un code, elles sont toujours écrites en minuscules et ne doivent pas contenir de majuscules.
Ce dernier est encadré la plupart du temps par une balise de début de type « <> » et une balise de fermeture de type « </> ». Par exemple, un titre de niveau 2 est balisé de la manière suivante : <h2> titre</h2>. Pour cet article, le titre de ce paragraphe qui est un titre de niveau de 2 est balisé de cette manière : <h2> Qu’est-ce les balises HTML ?
</h2>.
À quoi servent les balises HTML ?
Les balises sémantiques ont plusieurs fonctions mais pour faire simple, je ne vais pas dans cet article vous vous faire un cours de HTML mais je vais vous présenter les fonctions des balises HTML qui servent aux rédacteurs web que nous sommes.
Ce genre de balise code permet d’améliorer l’expérience utilisateur et de structurer visuellement les articles produits. Le but étant d’avoir une structure bien organisée à la fois pour les lecteurs afin qu’ils se retrouvent dans les informations mais pas uniquement. Elles servent également aux robots qui indexent les contenus des moteurs de recherche comme Google.
Si les pages visitées ne sont pas structurées de la bonne manière, les robots passent sur un autre site. C’est pourquoi lorsqu’on produit une rédaction web, cette dernière doit avoir des balises optimisées.
Comment utiliser les balises html ?
Dans la majeure partie du temps, les balises HTML sont automatiquement mises en forme par les éditeurs de styles des CMS comme WordPress. Dans ces cas-là, il vous suffit simplement de sélectionner la mise en forme que vous souhaitez pour votre texte. Vous allez pouvoir sélectionner les parties à mettre en gras, les parties à mettre sous forme de liste à puces, la hiérarchie des titres… le tout sans mettre la main dans le code.
En revanche, si vous travaillez sur un CMS comme Drupal qui nécessite quelques connaissances en code HTML, vous allez peut-être devoir éditer manuellement un ensemble de balises de votre texte. C’est d’ailleurs ce que nous faisons pour certains de nos clients. Mais pas d’inquiétude, c’est très simple à faire.
Quelles sont les balises HTML utiles pour la rédaction web ?
Si vous souhaitez vous lancer dans la rédaction web, il y a un certain nombre de balises très simples à connaître qui vous seront bien utiles dans vos rédactions.
Voici la liste des balises html à connaître en étant rédacteur web.
Les balises title
On commence par les balises les plus importantes dans lesquelles vous allez pouvoir ajouter des mots clés pour optimiser vos contenus à savoir les balises titre <hn>.
Dans la rédaction de contenu il existe 6 niveaux de titre qui sont hiérarchisés par ordre d’importance :
- <h1> qui représente le seul et unique titre principal d’une page
- <h2> qui représente les titres de niveau 2
- <h3> qui représente les titres de niveau 3
- <h4> qui représente les titres de niveau 4
- <h5> qui représente les titres de niveau 5
- <h6> qui représente les titres de niveau 6
À savoir qu’il faut garder une hiérarchie cohérente et suivre l’ordre des titres. En effet, un h3 ne peut pas suivre la balise h1, il doit être placé juste après un h2 auquel il est rattaché.
À noter que le titre H1 dispose de la plus forte autorité et qu’il doit à tout prix contenir le mot clé principal de votre article. Les titres H2 sont importants mais il faut privilégier l’expérience utilisateur plutôt que l’optimisation. Il n’est pas non plus nécessaire d’aller au- delà des titres H3.
Vous pouvez d’ailleurs utiliser des outils gratuits pour trouver des mots-clés pertinents.
Les balises de lien hypertexte
Pour ajouter des liens hypertextes sur des contenus, la balise link à utiliser est la balise <a href>. Cette balise est capitale en rédaction web pour créer un lien car les liens internes et les liens externes sont très appréciés par les moteurs de recherche. Pour une optimisation SEO poussée, vous devez mettre une ancre de lien sur un mot clé pertinent.
Les balises de style
Les balises de style ont pour fonction de mettre en avant des informations importantes et pertinentes au sein des contenus rédigés.
- Les balises <b> permettent de mettre du texte en gras ;
- Les balises <i> permettent de mettre du texte en italique.
Les balises de liste
Les listes sont particulièrement appréciées par les moteurs de recherche car les robots apprécient les contenus bien structurés.
Il existe deux types de balises liste à puce qui peuvent être intégrées à des contenus :
- La liste numérotée qui s’écrit <li>
- La liste non-numérotée qui s’écrit <ul>
Les balises paragraphe
La balise paragraphe s’écrit <p> et vient structurer le contenu du paragraphe et permet d’indiquer une zone de texte qui n’est pas un titre. Ce sont ces balises qui contiennent les balises que je viens de vous présenter ci-dessus.
Les balises de métadonnées
Les balises des métadonnées sont très importantes en référencement naturel. Il faut absolument penser à les optimiser.
Plusieurs balises métadonnées sont importantes en rédaction web :
- Les méta titre ont pour balise <meta title>. Elles représentent le nom de la page web qui sera affiché dans le navigateur. Ce titre peut être différent du titre de l’article mais il doit avoir une longueur comprise entre 40 et 60 caractères et doit à tout prix contenir le mot clé principal de la page.
- Les meta-description ont pour balise <meta description>. Elles représentent les descriptions des contenus des pages qui seront affichés dans les résultats des moteurs de recherche (la SERP). Le but de cette balise est de donner envie aux lecteurs de cliquer sur le lien. C’est en quelque sorte un petit exercice de copywriting.
- La balise image a pour codage html <img>, elle permet de mettre en forme la description du visuel en question.
Sur des CMS comme WordPress, certaines extensions tel que le plugin Yoast SEO permettent de remplir ces balises en version texte sans se soucier des balises code. Il est très important que vos balises HTML soient optimisées, découvrez de quelle manière le faire.
Vous êtes maintenant en possession de toutes les informations concernant les balises HTML qui pourront vous servir dans la production de contenus optimisés pour le web.
Vous souhaitez pousser encore plus loin l’optimisation SEO de vos contenus ? Découvrez comment créer des cocons sémantiques.
Je suis Pascaline, rédactrice web en alternance depuis plus d’un an au côté de Fanny. ☀️
Au-delà de ça, J’ai commencé à écrire en 2020 en créant mon propre blog dans lequel je prodigue des conseils pour prendre naturellement soin des cheveux bouclés. ➰
La rédaction web étant une profession très enrichissante, c’est au travers de ces articles que j’ai décidé de vous partager mon expérience ainsi que tous mes conseils pour que vous puissiez vous épanouir au mieux dans cette belle profession. 😉
0 commentaires