Qu’est-ce qu’une balise Meta ?

Que sont les balises Meta et pourquoi sont-elles si importantes pour le référencement ?

Métabalises HTML

Les balises Méta Html définissent le contenu d’une page web et sont essentielles pour communiquer des informations spécifiques aux robots des moteurs de recherche. <> Ces balises constituent la base de l’optimisation de la page Seo et se trouvent dans l’en-tête du site web. Google pourra alors utiliser ces informations pour créer des extraits enrichis ou activer le tri des résultats de recherche.

Syntaxe des métadonnées

La syntaxe des métadonnées est traduite en deux attributs : “name” qui identifie le type d’information fourni par la balise et “content” qui décrit le contenu réel de la balise.

Copy to Clipboard

En plus de ces deux éléments, un troisième élément “http-equiv” peut être ajouté, qui indique au navigateur qu’il s’agit de valeurs d’en-tête de connexion HTTP.

Parmi les caractéristiques des métadonnées, trois se distinguent :

  • Unicité: chaque page de notre site doit avoir des balises méta uniques qui reflètent fidèlement son contenu spécifique. Ce scénario a un impact particulier sur la balise title et la balise méta description, qui représentent les “points de contact” entre notre site et le visiteur directement dans Serp.
  • La longueur est un autre facteur déterminant qui doit toujours être pris en compte afin de ne pas subir de troncature dans Serp. Dans ce cas, ce n’est pas le nombre absolu de caractères qui doit être pris en compte, mais plutôt les “pixels”. En fait, il suffit de penser qu’un “M” majuscule prend plus de place qu’un “i” minuscule et cette condition devient encore plus importante si nous suivons l’orientation “Mobile First Indexing” (indexation mobile d’abord). Pour contourner ce problème, il suffit d’utiliser l’onglet “SERP Snippet” de Screaming Frog pour prévisualiser nos Meta Title et Description en temps réel dans les versions Desktop et Mobile.
  • Pertinence: les balises méta doivent être pertinentes par rapport au contenu et ne pas représenter une tentative de sur-optimisation du contenu à des fins de référencement, ce qui, compte tenu du dernier algorithme de Google, pourrait entraîner des pénalités.

Métabalises

  • Balise de titre: définit le titre de la page web et est utilisé par les moteurs de recherche dans les Serp Snippets. Cet attribut contribue à la définition du classement et doit être optimisé en termes de longueur, sous peine d’être automatiquement modifié par l’algorithme de Google ou tronqué. Représentant le premier “point de contact” avec le visiteur, elle doit expliquer le contenu de la page liée afin d’augmenter le CTR.

Une bonne pratique pour le Meta Title est d’inclure le mot-clé principal dans l’attribut, de préférence en première position. Il ne s’agit pas de bombarder le titre de “mots-clés”, mais de fournir un titre concis et pertinent par rapport à l’objectif réel de tout référencement, l'”intention de recherche” du document !

  • Meta Description: il s’agit d’un résumé du contenu de la page. En termes de marketing traditionnel, il représente les 10 premières secondes pendant lesquelles un site doit se présenter et faire bonne impression. Contrairement au Meta Title, il ne contribue pas au classement mais permet d’augmenter le CTR.
  • Balises Meta Robots : elles représentent des suggestions sur la manière dont Google et d’autres moteurs de recherche devraient se comporter lorsqu’ils analysent le site exploré. Les Meta Robots les plus fréquemment utilisés sont les suivants :
    • noindex: demande au robot de ne pas afficher l’élément analysé dans ses résultats.
    • nofollow: sert à empêcher les liens de la page d’être suivis par le moteur de recherche. Il est également très utile pour ne pas transmettre le Link Juice à la page liée. Si vous souhaitez inhiber un “hyperlien” spécifique, vous ne devez pas utiliser cet attribut dans l’en-tête, mais directement dans le code du lien souhaité.
    • none: représente la fermeture majeure pour le robot du moteur de recherche et correspond à noindex, nofollow.
    • noarchive: ne permet pas à Google d’afficher un lien “copie en cache” sur le Serp.
    • noimageindex: empêche l’indexation des images dans Serp.

Les Meta Tag Robots peuvent être analysés très facilement avec Screaming Frog via l’onglet ‘Directives’.

  • Hreflang: attribut utilisé pour l’internationalisation d’un projet en ligne ; grâce à cette balise, les versions linguistiques sont présentées au moteur de recherche, ce qui permet d’éviter les contenus dupliqués et d’augmenter les chances d’être listé dans les Serpos géolocalisés avec son propre site web.
  • Canonical : un attribut incontestablement précieux qui permet de déclarer quel contenu est principal et quel contenu est secondaire (ou dupliqué). À ne pas confondre avec Hreflang qui, bien que similaire, poursuit des objectifs différents. Il est recommandé d’insérer la mention “self canonical” sur toutes les pages (si elles ne sont pas “canonisées”).
  • Balise Meta Keyword : deprecated
  • Balise Viewport : dans un scénario de plus en plus lié au monde “mobile”, cet attribut contrôle la manière dont le contenu est affiché sur les appareils mobiles. Avec l’introduction de l’indexation “Mobile First”, il s’agit d’un nœud crucial pour le classement dans les moteurs de recherche et pour garantir une interface utilisateur appropriée.
Copy to Clipboard

La partie width=device-width définit la largeur de la page en fonction de la largeur de l’écran de l’appareil (qui varie en fonction de l’appareil).

La partie initial-scale=1.0 définit le niveau de zoom initial lorsque la page est chargée pour la première fois par le navigateur.

  • Balise Open Graph : identifie la façon dont le contenu sera représenté sur les médias sociaux une fois partagé.
  • Meta Char Set: une balise très importante pour encoder les caractères d’une page web et ne pas détériorer l’expérience utilisateur du visiteur et par conséquent augmenter le taux de rebond. Il existe des dizaines d’encodages, mais les plus courants sont les suivants :
    • UTF-8 – Codage de caractères pour Unicode ;
    • ISO-8859-1 – Codage de caractères pour l’alphabet latin.
Copy to Clipboard
  • Meta Refresh Redirect: demande au navigateur de créer une redirection vers une page différente après un intervalle de temps spécifique. Ce scénario détériore l’expérience de navigation et une redirection 301 (permanente) ou 302 (temporaire) est recommandée.
Copy to Clipboard

Comme la redirection Meta Refresh est une pratique que je ne recommande pas, vous pouvez l’identifier simplement en utilisant les filtres de l’onglet Code de statut de Seo Spider.

Seo Spider Tab