8 Balises HTML Essentielles pour Améliorer Votre SEO
Les balises HTML sont des éléments de code à l’arrière-plan de toutes les pages web, mais il existe aussi des types spécifiques de code HTML qui fournissent aux moteurs de recherche des informations clés pour l’affichage dans les SERP. Essentiellement, ces éléments mettent en avant des parties de votre contenu pertinentes pour la recherche et les décrivent pour les robots de recherche.
Cela dit, vous n’avez pas besoin d’utiliser tous ces outils de code supplémentaires. Les moteurs de recherche deviennent de plus en plus intelligents, et l’utilisation des balises HTML est beaucoup moins nécessaire aujourd’hui qu’elle ne l’était par le passé. Mais quelques balises restent encore essentielles – et certaines ont même gagné en valeur SEO.
Dans cet article, nous allons passer en revue quelques-unes des balises HTML SEO clés qui ont encore du sens en 2020.
1. Balise Title
Les balises Title sont utilisées pour configurer les titres cliquables que vous voyez dans les SERP :
Généralement, c’est à Google de créer un titre pour votre page dans les SERP, et il pourrait utiliser n’importe quel des titres de section de la page – ou il pourrait même créer un nouveau titre de toutes pièces.
Cependant, le premier endroit où Google va chercher des idées de titres est la balise Title, et lorsqu’une balise Title est présente, Google la rendra très probablement le titre principal dans la liste concernée. Ainsi, optimiser la balise Title vous donne un certain contrôle sur la manière dont votre page est représentée dans les SERP.
Bonnes pratiques
D’une part, votre titre doit contenir les mots-clés qui l’aideront à apparaître dans les résultats de recherche. D’autre part, votre titre doit être suffisamment attrayant pour que les utilisateurs cliquent réellement, il faut donc trouver un équilibre entre l’optimisation pour les moteurs de recherche et l’expérience utilisateur :
- Surveillez la longueur – Google n’affichera que les 50-60 premiers caractères de votre titre, et coupera le reste. Ce n’est pas un problème d’avoir un titre plus long que 60 caractères, tant que vous placez l’information importante avant la coupure.
- Incluez un nombre raisonnable de mots-clés – Le bourrage de mots-clés est susceptible d’être pénalisé, mais un ou deux mots-clés seront suffisants. Assurez-vous simplement que votre titre forme une phrase cohérente.
- Rédigez un bon texte – Ne soyez pas trop commercial, et ne soyez pas générique. Créez des titres descriptifs qui mettent en avant la valeur de votre contenu, et établissez des attentes appropriées pour que les utilisateurs ne soient pas déçus lorsqu’ils visitent la page.
- Ajoutez le nom de votre marque – Si vous avez une marque reconnue susceptible d’augmenter votre taux de clics, n’hésitez pas à l’ajouter au titre.
Code HTML
Voici un extrait de code tiré d’un article de la BBC sur les statistiques du coronavirus. Vous pouvez voir une balise Title correctement configurée juste au-dessus de la balise meta description – que nous allons aborder ensuite :
<title>Coronavirus: Latest news on the pandemic - BBC News</title>
<meta name="description" content="Get the latest news on the coronavirus pandemic...">
2. Balise Meta Description
Les balises Meta Description sont utilisées pour configurer les descriptions dans les extraits des résultats de recherche :
Google n’utilise pas toujours les balises Meta Description pour créer ces extraits, mais si la balise meta est présente, il y a de bonnes chances que votre description meta apparaisse dans les SERP.
Gardez à l’esprit que parfois Google ignorera la balise Meta Description et citera plutôt un extrait de texte de la page. Cela se produit généralement lorsque la citation est un meilleur match pour une requête particulière que ne l’aurait été la description meta.
En gros, Google choisira la meilleure option pour augmenter vos chances de clic.
Bonnes pratiques
Les règles pour les Meta Descriptions ne sont pas très strictes – après tout, si vous échouez à en rédiger une bonne, même si vous n’en rédigez pas du tout, Google en écrira une pour vous.
- Surveillez la longueur – Comme pour les titres, Google conservera les 150-160 premiers caractères de votre description meta et coupera le reste. Assurez-vous que les aspects importants sont inclus dès le début pour maximiser l’intérêt du chercheur.
- Rédigez un bon texte – Bien que la description meta ne soit pas utilisée pour le classement, il est toujours important de l’optimiser pour l’intention de recherche. Plus votre description est pertinente, en fonction de la requête respective, plus il est probable qu’un utilisateur visite votre page.
- Envisagez de ne pas inclure de Meta Description – Il peut être difficile de créer un bon texte pour des mots-clés particulièrement longs ou pour des pages qui ciblent une variété de mots-clés. Dans ces cas, envisagez de laisser la Meta Description de côté – Google analysera votre page et remplira votre extrait avec quelques citations pertinentes de toute façon.
Code HTML
Voici un extrait de code tiré du même article de la BBC sur les statistiques du coronavirus, et vous pouvez voir qu’après la balise Title se trouve une balise Meta Description, qui fournit un bref résumé de ce dont parle l’article :
<meta name="description" content="Get the latest news on the coronavirus pandemic...">
3. Balises de Titre (H1-H6)
Les balises de titre sont utilisées pour structurer vos pages pour les lecteurs et les moteurs de recherche :
Il n’est un secret pour personne que presque personne ne lit un article de bout en bout – ce que nous faisons généralement à la place, c’est que nous scannons l’article jusqu’à ce que nous trouvions la section qui nous plaît, nous lisons cette section, puis nous passons à autre chose. Et si l’article n’est pas divisé en sections, beaucoup passeront immédiatement à autre chose, car c’est tout simplement trop. Donc, du point de vue de l’utilisateur, les titres sont des aides à la lecture pratiques.
Du point de vue du moteur de recherche, cependant, les balises de titre forment le cœur du contenu et aident les robots de recherche à comprendre de quoi parle la page.
Bonnes pratiques
Les règles pour les titres sont dérivées des pratiques générales de rédaction – divisez votre texte en morceaux faciles à digérer et maintenez une mise en forme cohérente :
- N’utilisez pas plus d’un H1 – Le titre H1 se distingue des autres titres car il est traité par les moteurs de recherche comme le titre de la page. Ne le confondez pas avec la balise Title – la balise Title est affichée dans les résultats de recherche, tandis que la balise H1 est affichée sur votre site web.
- Maintenez une structure peu profonde – Il est rarement nécessaire d’aller en dessous de H3. Utilisez H1 pour le titre, H2 pour les titres de section, et H3 pour les sous-sections. Tout ce qui est plus complexe tend à être déroutant.
- Formez des titres sous forme de requêtes – Traitez chaque titre comme une opportunité supplémentaire de se classer dans la recherche. À cette fin, chaque titre devrait ressembler à une requête ou à une réponse à une requête – mots-clés inclus.
- Soyez cohérent avec tous les titres – Tous vos titres doivent être rédigés de manière à ce que, si vous deviez supprimer tout le texte et ne conserver que les titres, ils ressembleraient à une liste.
Code HTML
Voici un extrait de code tiré du même article de la BBC sur les statistiques du coronavirus, et vous pouvez voir qu’il y a un titre H2 correctement configuré, suivi de deux paragraphes :
<h2>Coronavirus Statistics</h2>
<p>The number of cases globally has risen to...</p>
<p>In the UK, the situation is as follows...</p>
4. Texte Alt des Images
Bien que l’objectif principal du texte Alt soit l’accessibilité web, l’objectif SEO de l’attribut alt est l’indexation des images.
L’objectif clé du texte Alt est d’aider les utilisateurs à comprendre l’image lorsqu’elle ne peut pas être vue, par exemple, par un visiteur malvoyant. Dans ce cas, ainsi que dans les cas où il y aurait un problème et l’image ne se chargerait pas, le texte Alt peut être utilisé pour décrire ce qui est représenté dans l’image, au lieu de la visualiser.
D’un point de vue SEO, le texte Alt est une grande partie de la manière dont les images sont indexées dans la recherche Google. Donc, s’il y a un composant visuel à ce que vous faites – que ce soit les images de vos produits, votre travail, vos images stock, votre art – alors vous devriez certainement envisager d’utiliser des textes Alt pour vos images.
Bonnes pratiques
Une condition préalable à l’ajout de balises de texte Alt est de trouver toutes les images qui en sont dépourvues.
Vous pouvez utiliser un outil comme WebSite Auditor pour analyser votre site web et compiler une liste d’images sans texte Alt.
Une fois que vous avez créé votre liste, appliquez ces directives :
- Soyez concis, mais descriptif – Un bon texte Alt est composé d’une ligne ou deux de texte qui aideraient une personne malvoyante à comprendre ce qui est représenté.
- Ne soyez pas trop concis – Un mot, ou même quelques mots, ne suffiront probablement pas – il n’y aurait aucun moyen de différencier l’image des autres images. Pensez à toutes les propriétés possibles affichées : type d’objet, couleur, matériau, forme, finition, éclairage, etc.
- Évitez le bourrage de mots-clés – Il n’y a plus aucun endroit où le bourrage de mots-clés fonctionne encore, et le texte Alt ne fait pas exception.
Code HTML
Voici un exemple de texte Alt extrait d’une image de cellules malades :
<img src="disease-cells.jpg" alt="Cells affected by disease under microscope">
5. Balise de Marqueur Schema
La balise Schema est utilisée pour améliorer les extraits réguliers des SERP avec des rich snippets :
Schema.org héberge une collection de balises développées conjointement par Google, Bing, Yahoo!, et Yandex, et les balises sont utilisées par les webmasters pour fournir aux moteurs de recherche des informations supplémentaires sur différents types de pages. En retour, les moteurs de recherche utilisent ces informations pour enrichir leurs extraits SERP avec diverses fonctionnalités enrichies.
Il n’y a aucune certitude quant à savoir si l’utilisation de la balise Schema améliore les chances de classement – mais il est certain que les extraits qui en résultent sont beaucoup plus attrayants que les extraits réguliers, et améliorent ainsi la position de votre site dans la recherche.
Bonnes pratiques
La seule bonne pratique est de visiter schema.org et de voir s’ils ont des balises qui peuvent être appliquées à vos types de pages. Il y a des centaines, sinon des milliers, de balises, donc il y a probablement une option qui s’applique et peut aider à améliorer les listings de votre site web.
Code HTML
Voici un exemple de code spécifiant les informations nutritionnelles pour une recette. Vous pouvez visiter schema.org pour une liste complète des éléments disponibles pour le balisage :
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Recipe",
"name": "Banana Bread",
"nutrition": {
"@type": "NutritionInformation",
"calories": "200 calories"
}
}
</script>
6. Balises Sémantiques HTML5
Les éléments HTML5 sont utilisés pour une meilleure description des composants de la page :
Avant l’introduction des éléments HTML5, nous utilisions principalement des balises div pour diviser le code HTML en composants séparés, puis nous utilisions des classes et des ids pour spécifier davantage ces composants. Chaque webmaster spécifiait les composants à sa manière, ce qui en faisait un peu un bazar, et un défi pour les moteurs de recherche de comprendre ce qui était quoi sur chaque page.
Avec l’introduction des éléments HTML5 sémantiques, nous avons un ensemble de balises intuitives, chacune décrivant un composant distinct de la page. Ainsi, au lieu de baliser notre contenu avec une multitude de div confus, nous avons maintenant un moyen de décrire les composants de manière facile à comprendre et standardisée.
Comme vous pouvez l’imaginer, les moteurs de recherche sont très enthousiastes à propos des éléments HTML5 sémantiques.
Code HTML
Voici quelques-uns des éléments HTML5 sémantiques les plus utiles, utilisez-les pour améliorer votre communication avec les moteurs de recherche :
- article – isole un post du reste du code, le rend portable
- section – isole un groupe de posts dans un blog ou un groupe de titres dans un post
- aside – isole un contenu supplémentaire qui ne fait pas partie du contenu principal
- header – isole la partie supérieure du document, de l’article, de la section, peut contenir la navigation
- footer – isole le bas du document, de l’article, de la section, contient des informations méta
- nav – isole les menus de navigation, les groupes d’éléments de navigation
7. Balise Meta Robots
La balise Meta Robots concerne les règles d’engagement entre les sites web et les moteurs de recherche :
C’est ici que les propriétaires de sites web peuvent définir un ensemble de règles pour le crawl et l’indexation de leurs pages. Certaines de ces règles sont obligatoires, tandis que d’autres sont plus des suggestions – tous les robots ne respecteront pas les balises Meta Robots, mais les moteurs de recherche grand public le feront souvent. Et s’il n’y a pas de balise Meta Robots, les robots feront ce qu’ils veulent.
Bonnes pratiques
La balise Meta Robots doit être placée dans la section head du code de la page, et elle doit spécifier quels robots elle adresse et quelles instructions doivent être appliquées :
- Adressez les robots par leur nom – Utilisez robots si vos instructions concernent tous les robots, mais utilisez des noms spécifiques pour adresser des robots individuels. Par exemple, le robot web standard de Google s’appelle Googlebot. Adresser des robots individuels est généralement fait pour interdire aux robots malveillants l’accès à la page tout en permettant aux robots bien intentionnés de continuer.
- Adaptez les instructions à vos objectifs – Vous voudriez normalement utiliser les balises Meta Robots pour empêcher les moteurs de recherche d’indexer des documents, des résultats de recherche internes, des pages dupliquées, des zones de staging, et tout ce que vous ne voulez pas voir apparaître dans la recherche.
Code HTML
Voici quelques-uns des paramètres les plus couramment utilisés avec les balises Meta Robots. Vous pouvez utiliser un certain nombre d’entre eux dans une seule balise Meta Robots, séparés par une virgule :
<meta name="robots" content="noindex,nofollow">
- noindex — la page ne doit pas être indexée
- nofollow — les liens sur la page ne doivent pas être suivis
- follow — les liens sur la page doivent être suivis, même si la page ne doit pas être indexée
- noimageindex — les images sur la page ne doivent pas être indexées
- noarchive — les résultats de recherche ne doivent pas afficher une version en cache de la page
- unavailable_after — la page ne doit pas être indexée au-delà d’une certaine date
8. Balise Canonical
La balise Canonical vous épargne du risque de contenu dupliqué :
Le principe est que toute page donnée, par aucune faute de votre part, peut avoir plusieurs adresses. Parfois, elles résultent de divers artefacts – comme http/https et divers balises de suivi – et d’autres fois, elles résultent de diverses options de tri et de personnalisation disponibles dans les catalogues de produits.
Ce n’est pas un gros problème, pour être honnête, sauf que toutes ces adresses pourraient peser sur le budget de crawl, et sur votre autorité de page, et cela peut également nuire à votre suivi des performances. L’alternative est d’utiliser une balise Canonical pour indiquer à un moteur de recherche quelle est l’adresse principale de ces pages.
Bonnes pratiques
Pour éviter les complications SEO potentielles, appliquez la balise Canonical aux pages suivantes
- Pages disponibles via différentes URL
- Pages avec un contenu très similaire
- Pages dynamiques qui créent leurs propres paramètres d’URL
Conclusion
Voici mes balises HTML préférées pour lesquelles il faut encore se préoccuper en 2020, bien que je crois que certaines d’entre elles sont en passe de disparaître. Comme mentionné, avec les moteurs de recherche devenant de plus en plus intelligents, il y a de moins en moins besoin d’optimiser les balises HTML, car la plupart des choses peuvent maintenant être déduites par algorithme. De plus, la plupart des systèmes de gestion de contenu modernes ajoutent automatiquement ces éléments, du moins dans une certaine mesure.
Cependant, je ne laisserais pas entièrement Google interpréter mon contenu – il est préférable de le rencontrer à mi-chemin là où vous le pouvez.
