Tu utilises probablement le gras dans tes articles sans trop te poser de questions. Un clic sur le bouton B de ton éditeur, et c’est réglé. Mais derrière ce simple gras se cache une balise HTML qui a un vrai rôle sémantique : la balise <strong>.
Bien utilisée, elle aide les moteurs de recherche à comprendre ton contenu. Mal utilisée, elle peut brouiller les signaux que tu envoies à Google. Dans cet article, tu vas découvrir :
- Ce qu’est réellement la balise
<strong>et ce qui la différencie de la balise<b> - Son impact concret sur le référencement naturel
- Les bonnes pratiques pour l’utiliser intelligemment
- Les erreurs classiques à éviter absolument
Qu’est-ce que la balise strong en HTML ?
Le rôle sémantique de la balise strong
La balise <strong> est une balise HTML sémantique. Son rôle n’est pas simplement d’afficher du texte en gras : elle indique aux navigateurs, aux moteurs de recherche et aux technologies d’assistance que le texte qu’elle contient a une importance forte.
Concrètement, quand tu encadres un mot ou une expression avec <strong>, tu dis : “ce passage est particulièrement important pour la compréhension du contenu”. C’est un signal de sens, pas juste un effet visuel.
En HTML5, la spécification est claire : <strong> représente un contenu de haute importance, de sérieux ou d’urgence. C’est différent de l’ancienne définition en HTML 4, où la balise marquait simplement une “emphase plus forte”.
Syntaxe et fonctionnement de la balise strong
La syntaxe est simple. Tu ouvres avec <strong>, tu places ton texte, et tu fermes avec </strong> :
html
<p>Il est <strong>essentiel</strong> de sauvegarder tes fichiers avant la mise à jour.</p>Le navigateur affiche par défaut le texte en gras. Mais ce rendu visuel n’est qu’une conséquence : c’est la valeur sémantique qui compte, pas l’apparence. Tu peux d’ailleurs modifier le style de <strong> en CSS si tu le souhaites.
Quelle différence entre la balise strong et la balise b ?
Strong : une valeur sémantique d’importance
La balise <strong> porte un sens. Elle dit aux robots et aux lecteurs : “ce contenu est important”. Les moteurs de recherche analysent cette information pour mieux comprendre la thématique de ta page et identifier les termes clés.
B : un simple effet visuel sans signification
La balise <b> (pour “bold”) met aussi le texte en gras, mais elle ne lui attribue aucune importance particulière. Elle sert uniquement à attirer l’attention visuellement, sans rien communiquer aux moteurs de recherche sur le sens du texte.
| Balise | Type | Signification | Rendu par défaut |
|---|---|---|---|
<strong> | Sémantique | Importance forte | Gras |
<b> | Visuel | Aucune importance | Gras |
En pratique, privilégie toujours <strong> quand le mot que tu mets en gras est réellement important pour le sens de ton texte. Réserve <b> aux cas purement décoratifs, comme un nom de produit dans une fiche.
Quelle différence entre la balise em et la balise i ?
Le même principe s’applique à l’italique. La balise <em> (emphase) est sémantique : elle modifie le sens de la phrase en y ajoutant une accentuation, comme tu le ferais à l’oral. La balise <i> est purement visuelle et sert pour les conventions typographiques : termes en langue étrangère, noms d’œuvres, pensées d’un personnage.
Par exemple, “J’aime les crêpes” (emphase sur le sentiment) utilise <em>, tandis que “Le mot anglais developer” utilise <i>. Les deux s’affichent en italique, mais leur signification pour Google est différente.
Quel est l’impact de la balise strong sur le SEO ?
Ce que Google comprend réellement de la balise strong
Matt Cutts, ancien responsable de la webspam chez Google, a confirmé que Google traite les balises <b> et <strong> de la même manière en termes de ranking. Ce n’est donc pas la balise elle-même qui crée un avantage direct dans les résultats de recherche.
Google comprend la différence sémantique entre les deux, mais il n’accorde pas un poids SEO supérieur à <strong> par rapport à <b>.
Un effet indirect sur le référencement naturel
L’impact de la balise strong sur le SEO est indirect, mais bien réel. En balisant tes mots-clés et expressions stratégiques avec <strong>, tu aides Google à mieux cerner la thématique de ta page. C’est un signal parmi d’autres qui renforce la pertinence perçue de ton contenu.
La balise strong fonctionne mieux quand elle cible des mots-clés de longue traîne ou des expressions directement liées au sujet principal. Elle complète les autres signaux SEO on-page comme la balise title, les balises Hn et la structuration globale du contenu.
Comment bien utiliser la balise strong pour le référencement
Cibler les mots-clés et le champ sémantique de la page
Le gras doit porter sur des termes qui comptent pour la compréhension de ton article. Identifie tes mots-clés principaux, leurs synonymes et les expressions de ton champ sémantique, puis applique <strong> sur les occurrences les plus stratégiques.
L’astuce : ne mets pas en strong pendant la rédaction. Fais-le après, lors de la relecture, à tête reposée. Tu repères alors plus facilement les termes qui méritent d’être mis en avant pour le lecteur et pour Google.
Utiliser la balise strong avec parcimonie
Si tout est important, plus rien ne l’est. Mettre trop de texte en gras noie l’information et envoie un signal confus aux moteurs de recherche. C’est le même principe que le keyword stuffing : l’abus annule le bénéfice.
Limite-toi à quelques mots ou courtes expressions par paragraphe. Un article de 1 000 mots avec 5 à 10 passages en strong, bien répartis, sera plus efficace qu’un texte où chaque phrase contient du gras.
Les erreurs à éviter avec la balise strong
Mettre des phrases entières ou des paragraphes en strong
Baliser une phrase complète en <strong> dilue le signal. Google ne sait plus quel mot est réellement important dans le lot. Cible toujours un mot ou une expression courte, jamais un bloc de texte entier.
Placer des balises strong dans les titres Hn
Tes balises Hn (H1, H2, H3) portent déjà un poids sémantique fort. Ajouter un <strong> à l’intérieur d’un titre est redondant et inutile. Le titre se suffit à lui-même pour signaler l’importance du contenu qui suit.
Baliser des mots sans rapport avec le sujet de la page
Chaque mot en strong doit appartenir au même champ sémantique que le sujet principal de ta page. Mettre en gras un terme qui n’a rien à voir avec ta thématique brouille les signaux envoyés à Google. Reste dans le couloir sémantique de ton article.
Balise strong et accessibilité web
La balise <strong> ne sert pas qu’au SEO : elle améliore aussi la lisibilité pour tes visiteurs. Les internautes ne lisent pas un article mot par mot, ils le survolent. Les passages en gras leur permettent de repérer rapidement les informations clés en scannant la page.
Cette différenciation visuelle aide aussi les personnes qui rencontrent des difficultés de lecture, comme la dyslexie. Attention par contre aux lecteurs d’écran : contrairement à une idée répandue, les principaux outils (NVDA, Jaws, VoiceOver) ne modifient pas leur intonation sur les éléments <strong>. Le bénéfice est donc surtout visuel.
Comment WordPress gère la balise strong dans son éditeur
Bonne nouvelle si tu utilises WordPress : quand tu cliques sur le bouton B (gras) dans l’éditeur Gutenberg ou dans l’éditeur classique, WordPress génère automatiquement une balise <strong>, pas une balise <b>. Tu n’as donc rien à faire de particulier pour profiter de la valeur sémantique de la balise.
Si tu veux vérifier, passe en mode “Code” dans Gutenberg (les trois points du bloc, puis “Modifier en HTML”) et regarde le code source. Tu verras bien <strong> autour de tes mots en gras.
FAQ sur la balise strong
La balise strong a-t-elle besoin d’une balise de fermeture ?
Oui, obligatoirement. La balise <strong> fonctionne par paire : une balise ouvrante <strong> et une balise fermante </strong>. Oublier la fermeture peut provoquer des erreurs d’affichage et perturber l’interprétation du code par les moteurs de recherche.
Faut-il utiliser strong ou b pour le gras en HTML ?
Si le mot que tu mets en gras a une réelle importance pour le sens du texte, utilise <strong>. Si c’est purement décoratif (un nom de marque, un élément de mise en page), utilise <b> ou mieux, du CSS avec font-weight: bold. Le standard W3C recommande de privilégier les balises sémantiques.
Combien de balises strong peut-on mettre par page ?
Il n’existe pas de limite technique, mais le bon sens s’impose. Un article standard supporte entre 5 et 15 passages en strong sans problème. Au-delà, tu risques de diluer le signal et de rendre ton texte visuellement indigeste. L’objectif n’est pas de tout mettre en gras, mais de faire ressortir les termes qui comptent vraiment pour ton lecteur.