7 codes de balises HTML courantes à garder sous la main

3/1/2023

Vous devez utiliser des balises HTML courantes pour améliorer votre site ? Pour intégrer des caractères en gras, italique, ou délimiter les paragraphes, ou encore, pour intégrer des listes à puces.

Parfois, même avec du HTML5 ou les sites internet clé en main, les outils basiques de construction ne suffisent pas.
Par exemple, je m'étais rendu compte que mes pages n'intégraient pas de H1 automatique, uniquement des H2. Il a bien fallu que j'apprenne à le faire.

De plus, les balises HTML courantes sont très utiles pour soi-même, mais exigés par certains de mes clients. Au fil du temps, on commence à s'y habituer.

Petite liste des balises HTML courantes à conserver si vous gérez vous-même votre blog, par exemple.

Qu'est-ce que le langage HTML ?

Le "HTML" est l'acronyme anglais de "HyperText Markup Language", le langage standard des développeurs web. Désormais, la plupart des constructeurs de sites web permettent de créer un site sans toucher au codage. Il suffit de glisser/déposer les structures souhaitées directement sur la page. L'éditeur de blog ou de page intègre donc automatiquement les balises HTML répondant à votre souhait.

Depuis bien longtemps, le "HTML" englobe le système "HTML5", modernisation de la technologie qui a permis la prise en charge de supports multimédias dynamiques (audio, vidéo, animations) sans passer par d'autres systèmes complexes.

Un des autres avantages du HTML5, ce sont les performances qu'il permet pour la lecture sur appareils numériques mobiles. Inutile d'aller plus loin dans la technique HTML5. Sachez simplement que ce système est constamment mis à jour. Vous n'aurez rien d'autre à faire pour améliorer la technologie de construction de votre site.

Qu'est-ce qu'une balise HTML ?

Une balise HTML est un élément de codage informatique. Elle permet de structurer et de mettre en forme un texte ou une page web ou le site web entier. Je ne parlerai pas ici de la structure d'un site et de ses balises Head, Footer, Body, mais de celles qui pourraient vous intéresser pour la rédaction web.

Notamment, les balises réservées aux titres (Hn), aux détails avancés d'images (alt), au renforcement d'un mot en particulier (strong), ou enfin, la balise "title" qui sera reprise sur la page de recherche.

La plupart des balises HTML courantes ont un impact très important sur le référencement naturel, puisqu'elles sont régulièrement analysées par les bots des moteurs de recherche. Comme exposé dans le chapitre précédent, si de nos jours les balises sont automatisées par votre éditeur de texte, si vous ne savez pas modifier ou ajouter un code HTML, vous ne pourrez rien modifier d'autre qu'un thème ou un style de page.

Ainsi, si vous trouvez un thème de page qui vous plaît beaucoup sur votre éditeur de site, il se peut qu'un détail ne vous convienne pas. Par exemple, la taille et la couleur du titre H2. Si vous ne savez pas utiliser le codage de cette balise, vous ne saurez pas modifier l'apparence du H2.

Alors maintenons, restons simples et efficaces ! Voici quelques codes de balises HTML courantes à connaître pour vous accompagner au quotidien dans la rédaction web !

7 exemples de balises HTML pour rédiger un texte SEO

Titre H2 avec taille de police 30, en italique et gras =
<H2>Balises HTML</fontsize></h2>

Balises HTML

Balise paragraphe : paragraphe

Le texte de Franck Herbert qui m'a le plus plu, c'est Dune.

Balise "strong" + italique :
information importante

information importante

Balise "gras" : information en gras
Sa différence avec la balise "strong", c'est qu'elle n'indique que "l'esthétique" du mot : le "gras". Pas son importance sémantique pour le texte.

information en gras

Balise ancre pour insérer un lien sous format texte :
Trouver la prestation de mes rêves chez
<a href="https://www.secretariatexcellence.fr">LOLO</a> ?

Trouver la prestation de mes rêves chez LOLO ?

Autre exemple d'ancre :
De là, il n'y a qu'un pas pour utiliser cet outil bureautique pour <a href="https://www.secretariatexcellence.fr/blog/comment-suivre-un-tableau-de-bord-de-gestion">piloter un tableau de bord.</a>

De là, il n'y a qu'un pas pour utiliser cet outil bureautique pour piloter un tableau de bord.

Liste à puces UL
<ul>texte
<li>texte</li>
...
...
</ul>

liste de courses
lait
eau
mayonnaise

Liste numérotée OL
<ol>texte
<li>texte 1</LI>
...
...
</ol>

Races de chats
Angora
Birman

Exemple :

Depuis une liste de données bien structurée, vous pouvez par exemple :
saisir les réponses d'une grille d'audit ou d'un questionnaire
transformer vos données brutes en pourcentages
convertir vos résultats en graphiques
identifier des résultats en particulier grâce à des formules de mise en forme conditionnelle.

En savoir plus

Si vous voulez vous lancer dans le web, la rédaction ou la construction de votre site, je vous conseille les articles suivants :

Gérer son site internet : astuces à connaître avant de démarrer.

Comment créer son site web pour entreprise ?

Rédaction SEO : rédiger comme un pro même quand on n'y connaît rien.

Pour vous perfectionner et en savoir un peu plus, vous pouvez vous appuyer sur le site Un article pour le web.fr que je lis régulièrement avec beaucoup d'intérêt.

0 Commentaires