Générateur Open Graph
Générez des balises meta Open Graph pour optimiser les aperçus de partage sur Facebook, Twitter et LinkedIn avec aperçu en direct
Qu'est-ce que les balises meta Open Graph ?
Les balises meta Open Graph sont des balises HTML qui contrôlent l'apparence de votre page web lorsqu'elle est partagée sur les réseaux sociaux comme Facebook, Twitter et LinkedIn. Elles définissent le titre, la description, l'image et d'autres propriétés.
Pourquoi ai-je besoin de balises Open Graph ?
Sans balises OG, les réseaux sociaux choisiront du contenu aléatoire de votre page, ce qui peut donner des aperçus peu attrayants ou incorrects. Les balises OG garantissent que vos liens partagés paraissent professionnels.
Quelle est la taille d'image recommandée pour og:image ?
La taille recommandée est de 1200×630 pixels avec un minimum de 600×315 pixels. Facebook et la plupart des plateformes utilisent un ratio d'aspect 1.91:1 pour les aperçus de liens.
Les cartes Twitter utilisent-elles les balises Open Graph ?
Twitter prend en charge les balises Open Graph comme solution de secours, mais possède également ses propres balises twitter:card, twitter:title, twitter:description et twitter:image. Cet outil génère les deux pour une compatibilité maximale.
Quelles sont les balises Open Graph obligatoires ?
Les balises OG minimales requises sont og:title, og:type, og:image et og:url. Cependant, il est fortement recommandé d'ajouter og:description pour de meilleurs aperçus sur les réseaux sociaux.
Comment tester mes balises Open Graph ?
Vous pouvez utiliser le Débogeur de Partage de Facebook, le Validateur de Cartes Twitter ou l'Inspecteur de Publications LinkedIn. Cet outil fournit également un aperçu en direct.
Open Graph affecte-t-il le SEO ?
Les balises Open Graph n'affectent pas directement le classement dans les moteurs de recherche, mais elles améliorent les taux de clics sur les réseaux sociaux en rendant les liens plus attrayants, ce qui peut indirectement bénéficier votre SEO.
Qu'est-ce que og:type et quelles valeurs sont disponibles ?
og:type définit le type de contenu partagé. Les valeurs courantes incluent website, article, video, music, book et profile. Choisir le bon type aide les plateformes à afficher correctement votre contenu.
Puis-je utiliser plusieurs balises og:image ?
Oui, vous pouvez spécifier plusieurs balises og:image. Les réseaux sociaux afficheront généralement la première image ou permettront aux utilisateurs de choisir parmi toutes les images disponibles.
Comment ajouter des balises Open Graph à mon site ?
Copiez simplement les balises meta HTML générées et collez-les dans la section <head> de votre page. Pour WordPress, vous pouvez utiliser des plugins SEO comme Yoast ou Rank Math qui génèrent automatiquement les balises OG.
Quelle est la différence entre Open Graph et Twitter Cards ?
Open Graph a été créé par Facebook et est utilisé par la plupart des plateformes sociales. Twitter Cards est la spécification propre à Twitter avec des fonctionnalités supplémentaires comme summary_card_with_large_image. Les deux peuvent coexister.
Comment prévisualiser Open Graph avant publication ?
Utilisez ce générateur pour créer et prévisualiser vos balises OG en temps réel. L'aperçu en direct montre exactement comment votre lien apparaîtra sur Facebook, Twitter et LinkedIn avant la publication.
Comment utiliser Générateur Open Graph
Générez des balises meta Open Graph pour que vos pages s'affichent correctement sur Facebook, X et LinkedIn, avec un aperçu de carte en direct. Les balises sont générées localement dans votre navigateur — rien n'est envoyé.
- Saisissez l'adresse de votre page dans le champ og:url et l'image de partage dans og:image, p. ex. https://www.localtoolz.com/image.jpg.
- Choisissez le type de contenu parmi les options og:type : website, article, product, profile, video.movie, music.song ou book.
- Renseignez og:site_name et og:locale pour que la carte affiche votre marque et votre langue.
- Pour les articles, ajoutez article:published_time, article:modified_time, article:author, article:section et article:tag.
- Pour les produits, définissez product:price:amount et product:price:currency, p. ex. 29.99 et USD.
- Copiez les balises générées depuis la sortie et collez-les dans le <head> de votre page.
og:image exige une URL absolue, idéalement 1200×630 pixels — les chemins relatifs cassent la plupart des aperçus sociaux.
Outils associés
- Générateur de Balises Meta Outil gratuit pour générer des balises meta SEO, Open Graph et Twitter Card avec aperçu Google.
- Calculatrice Chmod Calculatrice chmod gratuite en ligne pour visualiser et calculer les permissions de fichiers Linux avec des cases à cocher. Convertissez instantanément entre notation numérique (755, 644) et symbolique (rwxr-xr-x). Supporte les permissions spéciales comme setuid, setgid, sticky bit.
- Table ASCII Référence complète de codage de caractères ASCII avec codes décimaux, hexadécimaux, octaux, binaires, entités HTML et descriptions. Recherche et filtre instantanés.
- Testeur de Requêtes HTTP Testez les APIs REST directement dans votre navigateur. Envoyez des requêtes GET, POST, PUT, DELETE avec des en-têtes, corps et paramètres personnalisés. Voyez le statut, les en-têtes et le corps JSON instantanément.
- Générateur .htaccess Générez des règles .htaccess Apache pour les redirections, réécritures, en-têtes de sécurité, cache et plus.
- Générateur de Robots.txt Générateur gratuit de robots.txt en ligne. Créez et personnalisez des fichiers robots.txt pour contrôler le crawl des moteurs de recherche, gérer l'accès des robots et optimiser le SEO de votre site.
- Générateur de Sitemap Générateur gratuit de sitemap XML en ligne. Ajoutez des URLs, définissez priorités et fréquences, créez des sitemaps SEO instantanément.
- Crontab Guru Analyse et explique les expressions cron. Affiche la description lisible et les prochaines exécutions.