HTML est le langage de balisage qui forme la base de la plupart des pages web. C’est sans doute l’un des aspects les plus fondamentaux du référencement technique. En utilisant des éléments HTML, les professionnels du SEO peuvent transmettre des informations sur la page aux utilisateurs et aux robots de recherche, ce qui peut aider à clarifier l’importance, la nature, et l’ordre du contenu sur une page, ainsi que sa relation avec d’autres pages web.
Qu’est-ce qu’un attribut HTML ?
Les attributs sont des informations supplémentaires ajoutées aux éléments HTML. Ils se trouvent dans l’élément, comme :
<link rel="canonical" href="https://www.example.com" />
Ils modifient l’élément, en lui donnant un contexte supplémentaire. Dans le cas de la balise HTML ci-dessus, l’attribut rel="canonical" modifie la balise link pour dire aux robots de recherche que cette URL doit être considérée comme canonique.
Format des attributs HTML
Les attributs HTML consistent en un nom et une valeur. Par exemple, lors de la définition d’une image, le nom « src » est utilisé et la valeur est le nom de fichier de l’image. L’attribut « alt » spécifie un texte alternatif à afficher si l’image ne peut pas être affichée.
<img src="chat-roux.jpg" alt="Chat roux dans un arbre">
Types d’attributs HTML
Les attributs sont généralement classés en quatre catégories : obligatoires, optionnels, standard ou d’événement.
- Les attributs obligatoires sont ceux dont l’absence signifie que la balise ne fonctionnerait pas correctement.
- Les attributs optionnels, comme leur nom l’indique, ne sont pas nécessaires pour que la balise fonctionne mais peuvent être utilisés pour spécifier des informations ou des comportements supplémentaires pour cette balise.
- Les attributs standard ou globaux sont des attributs universels comme « style » qui peuvent être utilisés pour définir l’apparence d’un élément, comme la couleur ou la taille de la police.
- Les attributs d’événement définissent comment un élément doit se comporter en réponse à certaines actions comme un utilisateur passant la souris sur un bouton.
Pourquoi les attributs HTML sont importants
Les attributs HTML sont importants car ils permettent aux développeurs d’ajouter du contexte et de la fonctionnalité aux sites web. Ils sont particulièrement cruciaux pour le SEO car ils fournissent un contexte indispensable aux balises et jouent un rôle clé dans la manière dont les robots de recherche parcourent et servent les pages web.
Les attributs permettent de facilement empêcher le suivi de certains liens, ou de définir quelles pages d’un ensemble doivent être servies aux utilisateurs dans différents pays ou utilisant différentes langues. Beaucoup des éléments fondamentaux du SEO technique sont en fait contrôlés par des attributs HTML.
Attributs courants utilisés en SEO
1. Attribut « name »
L’attribut « name » est utilisé avec la balise <meta>. C’est un moyen de spécifier aux robots que les informations suivantes s’appliquent ou non à eux. Par exemple, inclure <meta name="robots" content="noindex" /> signifie que tous les robots doivent prendre en compte la directive « noindex ».
2. Attribut « noindex »
L’attribut « noindex », souvent appelé « balise noindex », est un attribut de la balise <meta>. Cette pièce de code permet aux éditeurs de déterminer quel contenu peut être inclus dans l’index d’un moteur de recherche. Ajouter l’attribut « noindex » revient à dire à un moteur de recherche qu’il ne peut pas utiliser cette page dans son index. Cela est utile pour empêcher des contenus sensibles d’être disponibles via une recherche organique.
3. Attribut « description »
L’attribut « description », mieux connu sous le nom de « meta description », est utilisé avec la balise <meta>. Le contenu de cette balise est utilisé dans les SERP sous le contenu de la balise <title>. Il permet aux éditeurs de résumer le contenu de la page, et aide les chercheurs à déterminer si la page répond à leurs besoins.
4. Attribut « href »
Les professionnels du SEO passent beaucoup de temps à chasser les liens. Une balise de lien standard est essentiellement une balise <a>. Son format est le suivant :
<a href="www.exemple.com">le texte d'ancrage du lien ici</a>.
La balise <a> indique qu’il s’agit d’un lien. L’attribut href= dicte la destination du lien.
5. Attributs rel= »nofollow », rel= »ugc » et rel= »sponsored »
L’attribut rel="nofollow" indique aux robots que l’URL dans l’attribut href n’est pas une page qu’ils peuvent suivre. Cet attribut n’affecte pas la capacité d’un utilisateur à cliquer sur le lien, mais seulement les robots.
6. Utilisation de l’attribut rel= »nofollow » par Google
En 2019, Google a annoncé des modifications concernant l’utilisation de l’attribut « nofollow ». Des attributs supplémentaires comme rel="ugc" et rel="sponsored" ont été introduits pour mieux exprimer la relation du lien avec sa page de destination. Ces attributs sont maintenant traités comme des « indices » par Google.
7. Attribut « hreflang »
L’attribut « hreflang » aide les éditeurs dont les sites montrent le même contenu dans plusieurs langues. Il dirige les moteurs de recherche vers la version de la page à montrer aux utilisateurs, en fonction de leur langue préférée. L’attribut est utilisé avec la balise <link> et est formaté comme suit :
<link rel="alternate" href="https://exemple.com" hreflang="en-gb" />.
8. Attribut « canonical »
L’attribut rel="canonical" de la balise <link> permet aux professionnels du SEO de spécifier quelle autre page sur un site ou un autre domaine doit être considérée comme canonique. Un attribut canonique indique la page principale, dont d’autres peuvent être des copies.
9. Utilisations de l’attribut « canonical »
Le site web pourrait être configuré de manière à ce que cette attribution soit utile pour les utilisateurs. Par exemple, une page de catégorie principale pour un ensemble de produits sur un site ecommerce peut avoir un contenu identique sur plusieurs pages de produit filtre.
10. Attribut « src »
L’attribut src= est utilisé pour référencer l’emplacement d’une image affichée sur la page. Cet attribut est crucial pour que la balise <img> fonctionne.
11. Attribut « alt »
L’attribut alt= spécifie le texte alternatif à afficher si l’image ne peut pas être rendue. Bien que ce texte profite au référencement en décrivant l’image, il est avant tout destiné à rendre les sites web accessibles aux technologies d’assistance. L’utilisation de mots-clés pertinents dans cet attribut peut aider les moteurs de recherche à mieux comprendre l’image.
