Générateur de balises meta

Générer des balises HTML meta, Open Graph et Twitter Card

Qu'est-ce que c'est et comment ça marche ?

Un générateur de balises meta construit les balises HTML qui indiquent aux moteurs de recherche et plateformes sociales comment décrire votre page — le titre et la description qui apparaissent dans les résultats Google, plus les balises Open Graph et Twitter Card qui contrôlent la carte d'aperçu quand un lien est partagé. Ces balises vivent dans le <head> de la page et sont invisibles pour les visiteurs, mais ce sont elles qui déterminent si votre lien montre un aperçu riche avec image et titre, ou une URL nue et peu attrayante. Vous remplissez les détails et l'outil produit les balises complètes à coller.

Bien les faire compte car l'aperçu est souvent la première impression de votre page : une image Open Graph manquante ou erronée fait paraître un lien partagé cassé sur Facebook, LinkedIn ou Slack, et une meta description faible coûte des clics en recherche. La difficulté, c'est que la même information doit être répétée sur plusieurs formats de balises — meta standard, Open Graph (og:) et Twitter (twitter:) — chacun avec ses propres noms de propriété. Cet outil les génère toutes de façon cohérente dans votre navigateur, vous copiez donc un bloc correct au lieu de l'assembler à la main.

Cas d'usage

Questions fréquentes

Quelle différence entre balises meta et balises Open Graph ?

Les balises meta standard (titre, description) servent surtout les moteurs de recherche. Les balises Open Graph (og:title, og:image, etc.) contrôlent l'aspect de la page lors du partage sur les plateformes sociales. Les Twitter Cards sont un ensemble similaire pour X/Twitter. En général on veut les trois pour que recherche et partage soient corrects.

Pourquoi mon lien partagé ne montre-t-il aucune image ou la mauvaise ?

En général la balise og:image manque, pointe vers une URL invalide ou l'image est trop petite. Les plateformes lisent og:image pour construire la carte d'aperçu, elle doit donc être une image valide, accessible publiquement et de taille adéquate — et certaines plateformes la mettent en cache, repartager peut donc nécessiter un rafraîchissement du cache.

Quelle longueur pour le titre et la description ?

Les moteurs affichent généralement environ les 50-60 premiers caractères d'un titre et environ 150-160 d'une description avant de tronquer. Gardez les mots importants au début pour que le message survive s'il est coupé dans les résultats ou aperçus.

Ai-je besoin des balises Open Graph et Twitter Card ?

Open Graph est lu par la plupart des plateformes, y compris en repli par X/Twitter, il couvre donc beaucoup à lui seul. Ajouter les balises twitter: donne un contrôle plus fin de la carte Twitter en particulier, comme le type de carte, inclure les deux est donc le choix le plus sûr.

Développeur

Générateur UUID · Convertisseur de timestamp · Encodeur Base64 · Décodeur Base64 · Générateur de hash · Convertisseur de couleurs