À propos de cet outil
Les balises Open Graph (OG) contrôlent la façon dont une page apparaît lorsqu'elle est partagée sur les plateformes sociales. Facebook, LinkedIn, Slack, Discord et bien d'autres lisent les balises OG pour créer des cartes d'aperçu. Sans balises OG appropriées, les liens partagés semblent brisés : favicons génériques, images manquantes, titres tronqués. Avec eux, les actions semblent soignées et les taux de clics s’améliorent considérablement.
Les balises OG standard : og:title (le titre affiché dans l'aperçu), og:description (l'extrait de texte), og:image (l'image d'aperçu, idéalement 1200×630), og:url (URL canonique), og:type (généralement « site Web » ou « article »). Couche de balises de carte Twitter en haut : twitter:card, twitter:title, twitter:description, twitter:image. La plupart des outils reviennent à OG lorsque les balises spécifiques à Twitter sont absentes.
Ce générateur produit un ensemble complet de balises OG et Twitter Card à partir de votre entrée. Collez le code HTML obtenu dans le <head> de la page. Le résultat est un rendu d’aperçu correct sur toutes les principales plateformes sociales.
Pourquoi utiliser un générateur de balises OG
Les pages sans balises OG semblent mauvaises lorsqu'elles sont partagées. Image vide, titre générique, description manquante : l'aperçu ne rivalise pas avec les pages correctement balisées dans les flux. Pour le marketing de contenu et le partage de liens, cela affecte directement le taux de clics.
L’écriture manuscrite des balises OG est répétitive. Chaque page a besoin de son propre ensemble. Un générateur qui produit des balises correctes à partir de quelques entrées évite les fautes de frappe et les propriétés manquées qui interrompent les aperçus sociaux.
Détails techniques
Les balises OG utilisent l'attribut de propriété méta (et non le nom) : <meta property="og:title" content="..." />. L'attribut property est requis pour OG ; certains analyseurs acceptent le nom comme solution de secours mais la propriété est correcte.
Exigences d'image : 1 200 × 630 pixels pour le rendu Retina, rapport hauteur/largeur de 1,91 : 1. Les balises og:image:width et og:image:height aident les plates-formes à mettre correctement en cache les images. og:image:alt fournit un texte d'accessibilité.
Les balises de la carte Twitter utilisent l'attribut de nom : <meta name="twitter:title" content="..." />. Twitter revient aux balises OG lorsque les balises spécifiques à Twitter sont absentes, donc un OG bien défini suffit souvent. L'ajout de twitter:card choisit explicitement le type de carte (summary_large_image est le plus courant).
Questions fréquentes
- Puis-je personnaliser la sortie générée ?
- Oui. L'outil propose diverses options de personnalisation pour adapter la sortie à vos besoins spécifiques. Ajustez les paramètres avant de générer ou régénérez avec différentes options.
- Le contenu généré est-il gratuit ?
- Oui. Tout ce que vous générez avec cet outil vous appartient et vous pouvez l'utiliser à des fins personnelles, éducatives ou commerciales, sans aucune restriction ni exigence d'attribution.
- Est-ce que cela nécessite un compte ?
- Non. L’outil est prêt à être utilisé immédiatement sans inscription, sans e-mail et sans inscription. Ouvrez simplement la page et commencez à générer.
- Mes données saisies sont-elles gardées privées ?
- Oui. Tout le traitement s'effectue dans votre navigateur. Vos données d'entrée et la sortie générée ne sont jamais envoyées à un serveur externe.
- Puis-je utiliser la même image OG pour chaque page ?
- Possible mais sous-optimal. Les images spécifiques à une page surpassent les images génériques à l'échelle du site en termes de clics. Utilisez une valeur par défaut pour la solution de secours, mais produisez des images par page pour le contenu important.
- La déclaration des dimensions de l’image est-elle nécessaire ?
- Utile mais pas strictement obligatoire. og:image:width et og:image:height permettent aux plates-formes de mettre en cache les images sans les récupérer pour déterminer les dimensions. Accélère les partages ultérieurs.
- Mes données sont-elles téléchargées ?
- Non. La génération s'effectue dans votre navigateur.
- Comment tester les balises OG ?
- Le débogueur de partage Facebook, le validateur de carte Twitter et l'inspecteur de publication LinkedIn récupèrent et valident chacun. Utilisez-les après avoir déployé de nouvelles balises OG.