Les balises HTML essentielles en rédaction web SEO

Les balises HTML font partie du langage informatique du même nom, utilisé pour développer les sites Internet. Bien qu’elles soient parfois méconnues du grand public, leur utilisation dans le cadre d’une optimisation SEO est indispensable. Découvrons ensemble ce que sont les balises HTML et lesquelles doivent être prises en compte dans le cadre d’une stratégie de référencement naturel.

Les balises HTML : qu’est-ce que c’est ?

Les balises HTML font partie intégrante du langage HTML (hypertext markup language), le code qui permet d’élaborer une page de site Internet. Elles sont reconnaissables grâce aux « <> » et </> » qui les encadrent.

Les balises HTML ont pour vocation de structurer le texte d’une page web. Elles permettent aux robots des moteurs de recherche et aux internautes de mieux comprendre le sujet du contenu en question, tout en améliorant la lecture des informations. Si elles sont bien optimisées, les balises HTML peuvent avoir un impact significatif sur une stratégie de référencement naturel (SEO).

Les balises HTML et leurs attributs

Les attributs HTML permettent de personnaliser les balises HTML. Ils apparaissent au sein de la première partie de la balise qu’ils caractérisent et sont suivis d’un « = ».

Dans certaines des balises que nous évoquerons plus tard dans cet article, l’attribut HTML peut avoir un impact significatif sur le SEO. Raison pour laquelle il est important de comprendre cette nuance.

Quelles sont les balises HTML importantes en SEO ?

Dans le cadre d’une stratégie SEO (Search Engine Optimization), certaines balises HTML ne doivent pas être négligées. Voici les principales à travailler pour assurer le bon référencement de votre page sur les moteurs de recherche.

La balise title

La balise titre (meta title) est le premier élément essentiel à prendre en considération pour assurer le référencement d’un site web. Intégrée directement au header de la page HTML, elle permet de définir le titre de la page qui apparaîtra notamment dans les résultats de la SERP de Google.

La balise title permet donc à la fois de présenter le contenu de votre page aux moteurs de recherche, mais aussi de convaincre l’internaute de consulter votre page plutôt qu’une autre pour trouver la réponse à sa question.

Comment optimiser sa balise title en 3 étapes ?

• Elaborer un titre unique et cohérent avec le contenu de la page ;
• trouver un titre d’au minimum 30 caractères (285px), espaces compris ;
• ne pas dépasser les 60 caractères (580px), espaces compris ;
• ajouter le mot-clé principal de la page.

La balise meta description

Dans les résultats de la SERP, les liens sont présentés avec leur balise titre, mais également avec un court résumé du contenu de la page : il s’agit de la balise meta description.

Ce court texte a pour vocation d’informer l’internaute sur ce qu’il va trouver sur la page qu’il s’apprête à consulter. Il s’agit également d’un argument commercial de premier choix, puisque la meta description est la première balise HTML que lira votre prospect et qui lui permettra peut-être de vous choisir vous, face à un autre concurrent.

Parallèlement à cela, la balise meta description permet également aux moteurs de recherche d’en apprendre un peu plus sur le contenu de votre page. Il est donc important d’être cohérent et d’expliquer clairement de quoi parle le texte de votre page web pour espérer séduire les Googlebots.

Comment optimiser sa balise meta description en 5 étapes ?

• utiliser un outil d’aide au suivi SEO, comme Yoast SEO dans WordPress ;
• se différencier des concurrents pour être mis en avant dans les résultats de la SERP ;
• être cohérent avec le contenu de la page que la balise doit décrire ;
• utiliser des verbes d’action ;
• ne pas dépasser les 155 caractères.

Les balises HTML de type « hn »

Les balises HTML de type « hn » permettent de structurer le corps d’un texte en mettant en avant les titres et les différents sous-titres. Elles sont caractérisées par le chiffre qui les suit : H1 pour le titre du texte, H2 pour le premier sous-titre important, etc..

Pour vous aider à visualiser une construction optimisée, voici un exemple concret :

• Balise H1 : Les différents types de chaussures pour femme
  • Balise H2 : Les chaussures à talons
    • Balise H3 : Les escarpins
    • Balise H3 : Les sandales à talons
  • Balise H2 : les baskets
    • Balise H3 : les sneakers à lacets
    • etc..

Attention : il ne faut pas confondre la balise titre avec la balise H1. Bien que toutes deux font référence à un titre, il ne s’agit pas du même élément. Chacune de ces balises doit être travaillée indépendamment l’une de l’autre. De la même manière, si les balises « hn » sont généralement appelées « balises header« , elles ne doivent pas être confondues avec la section « header » du code HTML.

Comment optimiser ses balises « hn » en 3 étapes ?

• Observer une logique dans la structure de votre texte : ne placez pas un h4 avant le H1, par exemple ;
• intégrer le mot-clé à des endroits stratégiques des headers : n’hésitez pas à faire appel à un rédacteur web SEO pour vous aider à optimiser les balises HN ;
• s’assurer de ne placer qu’un seul H1 par page.

La balise strong

Parmi les balises HTML importantes en SEO, on compte également la balise strong. Celle-ci permet de faire apparaître certains termes importants en gras au sein du texte.

Si elle est effectuée correctement, cette pratique peut vous aider à améliorer votre stratégie de référencement naturel. Elle permet également d’attirer l’attention de l’internaute sur les informations les plus importantes de votre contenu.

Attention : la balise strong n’est pas comparable avec la propriété CSS « font-weight ». Cette dernière n’a un impact que sur l’esthétique du texte, tandis que la balise strong permet de désigner aux moteurs de recherche les mots-clés les plus importants.

la balise robots

Lorsqu’ils crawlent votre site Internet, les robots des moteurs de recherche analysent l’intégralité des données pour indexer vos différentes pages. Toutefois, si vous souhaitez que certains contenus soient laissés à l’écart par les Googlebots, il est possible de leur notifier votre décision via la balise robots.

La balise robot peut être modifiée au sein du fichier robots.txt, lui-même situé à la racine de votre site. Grâce à certains plug-ins, comme Yoast sur WordPress, vous pourrez alors modifier ce document et signaler aux robots quels contenus vous souhaitez qu’ils ignorent.

Notre conseil : si vous n’êtes pas à l’aise avec le fichier robots.txt et si vous n’utilisez pas WordPress, n’hésitez pas à faire appel à un développeur pour vous aider dans cette tâche.

La balise image et l’attribut Alt

La balise image (« img ») est utilisée lorsqu’une image est placée dans le corps du texte d’une page de site Internet. Toutefois, il est important de noter que Google n’est pour l’heure pas en mesure de lire une image telle quelle. Pour l’aider à comprendre un visuel, il convient d’utiliser un attribut, comme nous l’avons précédemment évoqué dans cet article.

L’attribut « Alt » est donc utilisé pour décrire une image, au sein de la balise « img ». Pour optimiser cet attribut essentiel en SEO, il convient de décrire fidèlement la photo en question en une courte phrase. En outre, c’est grâce à cet attribut que votre image peut également être lue par les personnes malvoyantes et référencée sur Google Image.

Vous connaissez à présent toutes les balises HTML de base à connaître pour améliorer votre stratégie SEO. Faites-en bon usage !