8 des balises HTML les plus importantes pour le référencement

Publié: 2021-03-02

Utilisez-vous des balises HTML dans votre processus de référencement?

Les balises HTML sont des éléments de code avec le back-end de toutes les pages Web, mais il existe également des types de code HTML spécifiques qui fournissent aux moteurs de recherche des informations clés pour l'affichage SERP. Essentiellement, ces éléments mettent en évidence les parties de votre contenu qui sont pertinentes pour la recherche et décrivent ces éléments pour les robots de recherche.

Cela dit, vous n'êtes pas obligé d'utiliser tous ces outils de code supplémentaires. Les moteurs de recherche sont de plus en plus intelligents et les balises HTML sont beaucoup moins utilisées ces jours-ci que par le passé. Mais quelques balises tiennent toujours - et certaines ont même gagné en valeur SEO.

Dans cet article, nous passerons en revue certaines des balises HTML SEO clés qui ont encore du sens en 2020.

1. Balise de titre

Les balises de titre sont utilisées pour configurer les titres cliquables que vous voyez dans le SERP:

De manière générale, c'est à Google de créer un titre SERP pour votre page, et il peut utiliser n'importe lequel des en-têtes de section de la page - ou même créer un nouveau titre.

Mais le premier endroit où Google va vérifier les idées de titre est la balise de titre, et lorsqu'une balise de titre est présente, Google en fera très probablement le titre principal de la liste pertinente. En tant que tel, l'optimisation de la balise de titre vous donne un certain contrôle sur la façon dont votre page est représentée dans le SERP.

Les meilleures 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 puissent réellement cliquer, donc un équilibre est nécessaire entre l'optimisation de la 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 de plus de 60 caractères, à condition que vous remplissiez les informations importantes avant le point de 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 conviendront. Assurez-vous simplement que votre titre forme une phrase cohérente.
Écrivez une bonne copie - Ne soyez pas commercial et ne soyez pas générique. Créez des titres descriptifs qui mettent en évidence la valeur de votre contenu et définissez des attentes appropriées, afin que les utilisateurs ne soient pas déçus lorsqu'ils visitent la page.
Ajoutez votre nom de marque - Si vous possédez une marque reconnaissable susceptible d'augmenter vos clics, n'hésitez pas à l'ajouter également au titre.

Code HTML

Vous trouverez ci-dessous un peu de code extrait d'un article de la BBC sur les statistiques des coronavirus. Vous pouvez voir une balise de titre correctement configurée juste au-dessus de la balise de méta description - ce dont nous allons discuter ensuite:

2. Balise de méta-description

Les balises Meta description sont utilisées pour configurer des descriptions dans les extraits de résultats de recherche:

Google n'utilise pas toujours les balises méta description pour créer ces extraits, mais si la balise méta est présente, il y a de fortes chances que votre méta description soit diffusée sur le SERP.

Gardez à l'esprit, cependant, que parfois Google ignorera la balise meta description et citera à la place un peu de copie de la page. Cela se produit normalement lorsque la citation correspond mieux à une requête particulière que ne l'aurait été la méta-description.

Fondamentalement, Google choisira la meilleure option pour augmenter vos chances de clic.

Les meilleures pratiques

Les règles pour les méta-descriptions ne sont pas trop strictes - après tout, si vous ne parvenez pas à en écrire une bonne, même si vous ne parvenez pas à en écrire une, Google en rédigera une pour vous.

Regardez la longueur - Comme pour les titres, Google conservera les 150 à 160 premiers caractères de votre méta description 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 une bonne copie - Bien que la méta-description 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 correspondante, plus un utilisateur est susceptible de visiter votre page.
Envisagez de sauter la méta-description - Il peut être difficile de créer une bonne copie 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 méta-description de côté - Google grattera votre page et remplira votre extrait de code avec quelques citations pertinentes de toute façon.

Code HTML

Vous trouverez ci-dessous un peu de code extrait du même article de la BBC sur les statistiques des coronavirus, et vous pouvez voir que, après la balise de titre, se trouve une balise de méta description, qui fournit un bref résumé de l'objet de l'article:

3. Balises d'en-tête (H1-H6)

Les balises d'en-tête sont utilisées pour structurer vos pages à la fois pour le lecteur et les moteurs de recherche:

Ce n'est un secret pour personne que presque personne ne lit plus un article - ce que nous faisons généralement à la place est de scanner l'article jusqu'à ce que nous trouvions la section que nous aimons, nous lisons cette section, puis nous rebondissons. Et si l'article n'est pas divisé en sections, beaucoup rebondiront tout de suite, car c'est trop. Ainsi, 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 d'en-tête constituent le noyau du contenu et aident les robots d'exploration de recherche à comprendre de quoi parle la page.

Les meilleures pratiques

Les règles pour les en-têtes sont dérivées des pratiques générales de rédaction - divisez votre copie en petits morceaux et maintenez une mise en forme cohérente:

N'utilisez pas plus d'un titre H1 - H1 se distingue des autres titres car il est traité par les moteurs de recherche comme le titre de la page. À ne pas confondre avec la balise de titre - la balise de titre est affichée dans les résultats de recherche, tandis que la balise H1 est affichée sur votre site Web.
Maintenir une structure peu profonde - Il est rarement nécessaire de descendre en dessous de H3. Utilisez H1 pour le titre, H2 pour les en-têtes de section et H3 pour les sous-sections. Rien de plus a tendance à prêter à confusion.
En-têtes de type requête - Traitez chaque en-tête comme une opportunité supplémentaire de se classer dans la recherche. À cette fin, chaque titre doit ressembler à une requête ou à une réponse à une requête - mots clés inclus.
Soyez cohérent avec tous les en-têtes - Tous vos en-têtes devraient être écrits de telle manière que si vous supprimiez tout le texte et ne gardiez que les en-têtes, ils se liraient comme une liste.

Code HTML

Vous trouverez ci-dessous un extrait de code extrait du même article de la BBC sur les statistiques des coronavirus, et vous pouvez voir qu'il existe un en-tête H2 correctement configuré, suivi de deux paragraphes:

4. Texte alternatif de l'image

Alors que l'objectif principal du texte alternatif est l'accessibilité du Web, l'objectif SEO de l'attribut alt est l'indexation des images.

L'objectif principal du texte alternatif d'image est d'aider les utilisateurs à comprendre l'image lorsqu'elle ne peut pas être vue, par exemple, par un visiteur malvoyant. Dans ce cas, en plus des moments où, par exemple, il y a un problème et que l'image ne se charge pas, le texte alternatif peut être utilisé pour décrire ce qui se trouve dans l'image, au lieu de le visualiser.

Du point de vue du référencement, le texte alternatif est une grande partie de la façon dont les images sont indexées dans la recherche Google. Donc, s'il y a un composant visuel dans ce que vous faites - que ce soit les images de vos produits, votre travail, vos images de stock, votre art - alors vous devriez certainement envisager d'utiliser des textes alternatifs d'image.

Les meilleures pratiques

Une condition préalable à l'ajout de balises de texte alternatif est de trouver toutes les images sans elles.

Vous pouvez utiliser un outil tel que WebSite Auditor pour explorer votre site Web et compiler une liste d'images avec un texte alternatif manquant.

Une fois que vous avez créé votre liste, appliquez ces consignes:

Soyez concis, mais descriptif - Un bon texte alternatif concerne une ou deux lignes de texte qui aideraient une personne malvoyante à comprendre ce qui est illustré.
Ne soyez pas trop concis - un mot, ou même quelques mots, ne va probablement pas le couper - 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.
Ne faites pas de bourrage de mots-clés - Il n'y a plus d'endroit où le bourrage de mots-clés fonctionne toujours, et le texte alternatif ne fait pas exception.

Code HTML

Voici un exemple d'extrait de texte alternatif à partir d'une image de cellules malades:

5. Balisage de schéma

Le balisage de schéma est utilisé pour améliorer les extraits de code SERP réguliers avec des fonctionnalités d'extrait de code enrichi:

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. À leur tour, les moteurs de recherche utilisent ces informations pour améliorer leurs extraits de code SERP avec diverses fonctionnalités riches.

Il n'y a aucune certitude quant à savoir si l'utilisation du balisage Schema améliore ses chances de classement - il ne fait aucun doute, cependant, que les extraits résultants semblent beaucoup plus attrayants que les extraits réguliers, et améliorent ainsi sa position dans la recherche.

Les meilleures pratiques

La seule bonne pratique consiste à visiter schema.org et à voir si des balises peuvent être appliquées à vos types de pages. Il y a des centaines, voire des milliers de balises, il y aura donc probablement une option qui s'applique et peut aider à améliorer les listes de vos sites Web.

Code HTML

Voici un exemple de code spécifiant la valeur nutritive d'une recette. Vous pouvez visiter schema.org pour une liste complète des éléments disponibles pour le balisage:

6. Balises sémantiques HTML5

Les éléments HTML5 sont utilisés pour une meilleure description des différents 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 avons utilisé des classes et des identifiants pour spécifier ces composants. Chaque webmaster a spécifié les composants à sa manière, et en tant que tel, cela a fini par être un peu compliqué et un défi pour les moteurs de recherche de comprendre ce qui était quoi sur chaque page.

Avec l'introduction d'éléments sémantiques HTML5, nous avons un ensemble de balises intuitives, chacune décrivant un composant de page distinct. Ainsi, au lieu de baliser notre contenu avec un tas de divs déroutants, nous avons maintenant un moyen de décrire les composants d'une manière standardisée et facile à comprendre.

Comme vous pouvez l'imaginer, les moteurs de recherche sont très enthousiasmés par le HTML5 sémantique.

Code HTML

Voici quelques-uns des éléments HTML5 sémantiques les plus pratiques, utilisez-les pour améliorer votre communication avec les moteurs de recherche:

article - isole un message du reste du code, le rend portable
section - isole un groupe d'articles dans un blog ou un groupe d'en-têtes dans un article
de côté - isole le contenu supplémentaire qui ne fait pas partie du contenu principal
en-tête - isole la partie supérieure du document, article, section, peut contenir la navigation
pied de page - isole le bas du document, article, section, contient des méta-informations
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 là que les propriétaires de sites Web peuvent définir un ensemble de règles pour l'exploration et l'indexation de leurs pages. Certaines de ces règles sont obligatoires, tandis que d'autres ressemblent plus à des suggestions - tous les robots d'exploration ne respecteront pas les balises méta des robots, mais les moteurs de recherche traditionnels le feront souvent. Et s'il n'y a pas de balise meta robots, les robots d'exploration feront ce qu'ils veulent.

Les meilleures pratiques

La balise Meta robots doit être placée dans la section head du code de la page, et elle doit spécifier les robots d'exploration auxquels elle s'adresse et les instructions à appliquer:

Adresse des robots par nom - Utilisez des robots si vos instructions concernent tous les robots d'exploration, mais utilisez des noms spécifiques pour adresser des robots individuels. Le robot d'exploration Web standard de Google, par exemple, s'appelle Googlebot . S'adresser à des robots individuels est généralement fait pour bannir les robots malveillants de la page tout en permettant aux robots bien intentionnés de continuer.
Faites correspondre les instructions à vos objectifs - Vous voudrez normalement utiliser des balises méta robots pour empêcher les moteurs de recherche d'indexer des documents, des résultats de recherche internes, des pages en double, des zones de préparation et tout ce que vous ne voulez pas afficher dans la recherche.

Code HTML

Vous trouverez ci-dessous quelques-uns des paramètres les plus couramment utilisés avec les balises meta robots. Vous pouvez en utiliser n'importe quel nombre dans une seule balise meta robots, séparée par une virgule:

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 de la page ne doivent pas être indexées
noarchive - les résultats de la recherche ne doivent pas afficher une version mise en cache de la page
indisponible_after - la page ne doit pas être indexée au-delà d'une certaine date.

8. Balise canonique

La balise canonique vous évite le risque de contenu dupliqué:

L'essentiel est que n'importe quelle page donnée, sans aucune faute de votre part, peut avoir plusieurs adresses. Parfois, ils résultent de divers artefacts - comme http / https et diverses balises de suivi - et d'autres fois, ils 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 peuvent être pénibles sur le budget d'exploration et sur l'autorité de votre page, et cela peut également perturber votre suivi des performances. L'alternative consiste à utiliser une balise canonique pour indiquer à un moteur de recherche laquelle de ces adresses de page est la principale.

Les meilleures pratiques

Pour éviter les complications potentielles du référencement, appliquez la balise canonique 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

Dernières pensées

Ce sont mes principales balises HTML dont je dois encore m'inquiéter en 2020, même si je pense que certaines d'entre elles sont sur le point de disparaître. Comme indiqué, les moteurs de recherche devenant de plus en plus intelligents, l'optimisation des balises HTML est de moins en moins nécessaire, car la plupart des choses peuvent désormais être déduites de manière algorithmique. De plus, la plupart des systèmes CMS modernes ajoutent automatiquement ces éléments, au moins dans une certaine mesure.

Pourtant, je ne laisserais pas entièrement à Google le soin d'interpréter mon contenu - il est préférable de le rencontrer à mi-chemin où vous le pouvez.