Générez des balises méta SEO, les propriétés Open Graph et le balisage Twitter Card à partir d'un seul formulaire. Comprend le lien canonique et des vérifications de longueur en direct pour le titre et la description.
Générez des balises SEO, Open Graph et Twitter Card à partir d'un seul formulaire. Remplissez les champs une fois et obtenez le bloc <head> complet. La longueur du titre et de la description est vérifiée en direct par rapport aux limites utilisées par les moteurs de recherche avant la troncature.
Les balises méta qui ont réellement un effet
La courte liste qui compte
La plupart des balises méta que l'on trouve dans les anciens tutoriels sont ignorées. Celles qui influencent encore ce que voient les utilisateurs sont peu nombreuses :
<title> — l'élément on-page le plus important. Il devient le titre cliquable dans les résultats de recherche et l'étiquette de l'onglet du navigateur.
<meta name="description"> — pas un facteur de classement, mais devient généralement l'extrait sous le titre, si bien qu'il affecte directement le taux de clics.
<link rel="canonical"> — indique aux moteurs de recherche quelle URL est la version autorisée lorsque le même contenu est accessible via plusieurs adresses.
Les propriétés Open Graph et Twitter Card — contrôlent la carte d'aperçu lorsque la page est partagée sur les plateformes sociales et les applications de messagerie.
Notablement absente : <meta name="keywords">. Google a confirmé avoir cessé d'utiliser la balise pour le classement en 2009 après des années d'abus. Elle est incluse ici seulement parce que quelques systèmes de recherche interne la lisent encore.
Les limites de longueur concernent les pixels, pas les caractères
Les moteurs de recherche tronquent les titres et descriptions pour rentrer dans une largeur de pixels fixe, si bien qu'un titre à caractères étroits contient plus de texte qu'un titre en capitales. Les comptes de caractères sont une approximation pratique : environ 60 caractères pour un titre et 160 pour une description vous gardent dans la limite bureau la plupart du temps. Les résultats mobiles sont encore plus étroits.
Être au-delà de la limite n'est pas une erreur. La description est un extrait, pas un contrat, et les moteurs de recherche la réécrivent de toute façon quand un autre passage correspond mieux à la requête. Chargez les mots importants en début pour que le sens survive à la troncature.
Open Graph, et pourquoi les balises Twitter sont généralement optionnelles
Open Graph est né chez Facebook mais est désormais le standard de fait lu par LinkedIn, Slack, Discord, WhatsApp, iMessage et la plupart des autres plateformes. Quatre propriétés font quasiment tout le travail : og:title, og:description, og:url et og:image.
L'analyseur de Twitter revient à Open Graph quand ses propres balises sont absentes, si bien qu'un ensemble complet de propriétés twitter:* n'est nécessaire que lorsque vous voulez un titre, une description ou une image différents sur cette plateforme. La balise qu'il vaut la peine de définir explicitement est twitter:card, qui choisit entre la disposition à grande image héro et la miniature compacte.
Bien paramétrer l'image d'aperçu
C'est là que la plupart des implémentations échouent. Utilisez une URL absolue — les chemins relatifs cassent dans chaque robot d'indexation. Visez 1200 par 630 pixels, le ratio 1,91:1 qui remplit la grande carte sans recadrage. Gardez le fichier sous environ 1 Mo, utilisez JPEG ou PNG, et assurez-vous que l'URL est publiquement accessible sans authentification, cookies ou chaîne de redirection. Tout texte sur l'image doit être grand, car la carte est souvent affichée à une fraction de sa taille naturelle.
La mise en cache, et pourquoi votre changement n'est pas apparu
Chaque grande plateforme met en cache l'aperçu agressivement, souvent pendant des jours. Après la mise à jour de vos balises, l'ancienne carte continuera d'apparaître jusqu'à l'expiration du cache ou jusqu'à ce que vous forciez un rafraîchissement via l'outil de débogage propre à la plateforme. Facebook, LinkedIn et Twitter en fournissent chacun un. Si l'aperçu paraît encore erroné après un rafraîchissement, vérifiez que le robot peut réellement atteindre la page : un mur de connexion, un bloc robots.txt ou un contenu géo-restreint produisent tous une carte vide.
FAQ
La balise méta keywords aide-t-elle encore le référencement ?
Non. Google a publiquement cessé de l'utiliser pour le classement en 2009 après un abus systématique, et les autres moteurs majeurs ont suivi. Il est inoffensif de l'inclure, et quelques systèmes de recherche internes ou verticaux la lisent encore, mais elle n'affectera pas votre position.
Quelle longueur doivent avoir le titre et la description ?
Environ 60 caractères pour le titre et 160 pour la description. La troncature est en réalité basée sur la largeur en pixels, si bien que ces chiffres sont des approximations — placez les mots importants en premier pour que le sens survive s'il est coupé.
Ai-je besoin des balises Twitter Card si j'ai Open Graph ?
Généralement non. L'analyseur de Twitter revient à Open Graph quand les équivalents twitter:* sont absents. L'exception est twitter:card, qui sélectionne la disposition, ainsi que tout cas où vous voulez délibérément un contenu différent sur cette plateforme.
Quelle taille l'image d'aperçu doit-elle avoir ?
1200 par 630 pixels est la norme sûre. Elle remplit la grande carte de résumé au ratio 1,91:1 attendu, et réduit proprement pour les plateformes qui affichent une miniature plus petite.
Pourquoi l'ancien aperçu s'affiche-t-il encore ?
Les plateformes sociales mettent en cache les métadonnées extraites, parfois pendant plusieurs jours. Utilisez l'outil de débogage de partage de la plateforme pour forcer une nouvelle extraction, et confirmez que le robot peut atteindre la page sans rencontrer de mur de connexion ni de redirection.
Les balises méta doivent-elles être dans le head ?
Oui. Les balises placées dans le corps sont ignorées par la plupart des robots. Elles doivent aussi apparaître dans la réponse HTML initiale — les métadonnées injectées plus tard par JavaScript sont peu fiables, car de nombreux robots sociaux n'exécutent aucun script.