Informations sur le fonctionnement des métatags
Les balises méta : qu'est-ce que c'est ?
Les balises méta ou méta-tags, sont des morceaux de code que l'on trouve dans la source des pages d'un site internet. La source étant le code, la partie non-visible, d'une page internet. Elles se situent en haut de la page dans la partie <head> du code source de la page. Il y a différents types de balise par exemple : <title> et <description> qui sont sans doute les deux plus connues. Elles contiennent des informations sur la page qui seront utilisées par différents services web comme les moteurs de recherche.Pourquoi les balises méta sont-elles importantes ?
La balise <title> est visible par le visiteur du site, mais la plupart ne sont pas visibles directement en visitant la page web. Pourtant, elles sont aussi importantes. Elles permettent au moteur de recherche de récupérer des informations importantes sur le contenu de la page et son fonctionnement. C'est pourquoi il est important de soigner la mise en place de ses balises et de les vérifier de temps en temps, de manière à obtenir le meilleur référencement possible dans les moteurs de recherche. Le référencement étant un peu le « nerf de la guerre » dans le monde des créateurs de site web.Et les balises <h1>, <h2> ?
Sur notre site, lesmetatags.fr nous plaçons les balises <h1> et <h2> dans le même panier que les balises méta citées ci-dessus. Toutefois, elles ne sont pas considérées comme des balises méta-tags, bien qu'elles jouent un peu le même rôle. La balise <h1> doit être unique sur un site internet, c'est le titre principal de la page. Les balises <h2> peuvent être en plus grand nombre. Le contenu des deux types de balise sont visibles par le visiteur et permettent au moteur de recherche de comprendre facilement qu'elle est le contenu de votre page, sans forcément analyser tout le texte de la page. Pour résumé, c'est un peu comme si vous surligniez les titres importants de votre page, en les encadrants avec <h1> ou <h2> pour dire aux moteurs de recherche : voilà le titre principal et voilà les titres secondaires de ma page.Où se trouvent les balises méta dans une page
Toutes les balises méta se placent dans le <head>, la section d'en-tête du code source, avant le <body> qui contient ce que le visiteur voit. Cette section n'est jamais affichée : elle sert uniquement à transmettre des informations aux navigateurs, aux moteurs de recherche et aux réseaux sociaux.
Vous pouvez les consulter sur n'importe quelle page en faisant un clic droit puis « Afficher le code source de la page ». Les premières lignes contiennent presque toujours le titre, la description et l'encodage.
Voici à quoi ressemble un en-tête correctement renseigné :
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Réparation de vélos à Rennes | Atelier Duval</title>
<meta name="description" content="Atelier de réparation de vélos à Rennes centre. Devis gratuit, remise en état sous 48 heures, vente de pièces détachées.">
<link rel="canonical" href="https://exemple.fr/reparation-velo-rennes">
</head>
Les balises méta qui comptent vraiment
La balise title
Techniquement, ce n'est pas une balise méta, c'est une balise à part entière, mais elle joue exactement le même rôle et on la traite toujours avec les autres. C'est la plus importante de toutes. Elle donne son titre à l'onglet du navigateur, elle constitue le lien bleu cliquable dans les résultats de recherche, et elle sert de titre par défaut quand quelqu'un ajoute votre page à ses favoris. Comptez 30 à 65 caractères, avec l'information essentielle au début.
La balise description
Elle ne participe pas au classement de la page, et Google le confirme depuis des années. Son rôle est ailleurs : c'est le texte de présentation affiché sous le titre dans les résultats, celui qui décide si l'internaute clique sur votre lien ou sur celui du dessous. Comptez 120 à 160 caractères, rédigés comme une phrase, pas comme une liste de mots-clés.
Si vous ne la remplissez pas, Google fabriquera lui-même un extrait à partir du texte de la page. Ce n'est pas une catastrophe, mais l'extrait automatique tombe souvent au milieu d'une phrase et rend rarement service.
La balise robots
Elle indique au moteur s'il peut indexer la page et suivre ses liens. Sa valeur par défaut convient à la quasi-totalité des pages ; on ne la modifie que pour exclure volontairement une page des résultats, avec noindex. C'est aussi la balise responsable du plus gros accident classique du référencement : un noindex posé pendant le développement et jamais retiré à la mise en ligne, qui maintient un site entier invisible pendant des mois.
La balise canonical
Elle désigne l'adresse officielle d'une page. Un même contenu est souvent accessible par plusieurs adresses : avec ou sans www, avec ou sans barre oblique finale, avec des paramètres de suivi ajoutés à la fin. La balise canonique dit au moteur laquelle retenir, et lui évite de considérer ces variantes comme du contenu dupliqué.
La balise viewport
Sans elle, un téléphone affiche la page comme un écran d'ordinateur miniature, et le visiteur doit zoomer pour lire. Comme la majorité des visites se fait aujourd'hui depuis un mobile, son absence est éliminatoire. La valeur width=device-width, initial-scale=1 convient dans la quasi-totalité des cas.
La balise charset
Elle déclare l'encodage des caractères. En français, c'est elle qui fait la différence entre « créé » et « créé ». Utilisez UTF-8 et placez-la dans les toutes premières lignes du <head>, avant tout texte.
Les balises Open Graph
og:title, og:description et surtout og:image contrôlent l'aperçu affiché quand votre page est partagée sur un réseau social ou une messagerie. Sans og:image, le partage se réduit à deux lignes de texte gris et attire nettement moins l'attention.
Les balises devenues inutiles
Certaines balises continuent de circuler dans les modèles de sites alors qu'elles ne servent plus à rien. Les conserver ne pénalise pas votre référencement, mais autant savoir qu'elles n'y contribuent pas non plus.
- keywords : ignorée par Google depuis 2009. Elle affiche publiquement les mots-clés que vous visez, ce qui est son seul effet notable.
- revisit-after : aucun moteur ne l'a jamais respectée. La fréquence de passage du robot dépend de l'activité réelle du site.
- author, copyright, generator : purement informatives, sans incidence sur le référencement.
- rating, distribution, language : héritées des années 1990. La langue se déclare aujourd'hui avec l'attribut
langsur la balise<html>.
Cinq erreurs à vérifier sur votre propre site
- Le même titre sur plusieurs pages. Le défaut le plus répandu, et le plus coûteux. Le moteur ne peut plus distinguer les pages entre elles.
- Une description absente sur les pages secondaires. On soigne l'accueil, on oublie les vingt autres pages.
- Un titre qui commence par le nom du site. « Atelier Duval | Réparation de vélos » place l'information utile après quinze caractères perdus. L'inverse fonctionne mieux.
- Une canonique qui pointe vers l'accueil. Erreur de configuration fréquente : toutes les pages se déclarent comme étant la page d'accueil, et disparaissent des résultats.
- Un noindex oublié. À vérifier en premier dès qu'un site n'apparaît pas dans Google.
Deux sujets prolongent naturellement cette page : les balises Open Graph, qui gouvernent l'aperçu de vos liens sur les réseaux sociaux, et les fichiers robots.txt et sitemap.xml, qui décident de ce qui est exploré et indexé.
Ces cinq points sont exactement ce que l'analyseur de balises méta contrôle sur chaque page de votre site. L'analyse est gratuite, sans inscription, et vous n'avez qu'une adresse à saisir.
En savoir plus sur la validation W3C
Tester la vitesse de votre connexion
La vitesse d'affichage compte autant que les balises. Gonzales mesure le débit réel de votre connexion en quelques secondes, un préalable utile avant de conclure qu'un site est lent.
- Analyser les balises <h1> et <h2>
- La liste des balises méta et SEO
- Vérifier les pages valides W3C
- Extracteur de texte d'un site web pour corriger les fautes
- Corriger l'orthographe des balises (titre, description, ...)
- Vérifier la balise Google AdSense sur toutes les pages
- La liste des erreurs et codes HTTP (404, 403, ...)
- Open Graph et Twitter Cards : l'aperçu de partage
- robots.txt et sitemap.xml : faire indexer son site