# Générateur Open Graph Génère des méta-balises Open Graph pour le partage sur les réseaux sociaux et les extraits enrichis > Page canonique: https://elysiatools.com/fr/tools/open-graph-generator - **Catégorie:** Development - **Mots-clés:** open graph, og, méta-balises, réseaux sociaux, partage, facebook, twitter, linkedin, extraits enrichis ## Présentation Le générateur Open Graph est un outil essentiel pour optimiser la manière dont vos pages web s'affichent lors de leur partage sur les réseaux sociaux, garantissant des aperçus professionnels et attrayants. ## Entrées - **Titre** (text): Enter page title... - **Description** (textarea): Enter page description (recommended: 150-200 characters) - **URL** (text): https://example.com/page - **URL de l'Image** (text): https://example.com/image.jpg (recommended: 1200x630px) - **Type de Contenu** (select) - **Nom du Site** (text): Your Website Name - **Langue** (text): en_US, zh_CN, es_ES, etc. - **Inclure Twitter Card** (checkbox) - **Nom d'utilisateur Twitter** (text): @yourusername (without @) - **Inclure les Balises Facebook** (checkbox) - **Inclure les Balises LinkedIn** (checkbox) - **Inclure les Méta-balises de Base** (checkbox) - **Propriétés Supplémentaires** (textarea): key:value, key:value (e.g., og:audio:audio.mp3, article:published_time:2024-01-01) ## Quand l'utiliser - Avant de publier un nouvel article de blog pour assurer un affichage correct sur Facebook et LinkedIn. - Lors de la configuration technique de votre site web pour améliorer le taux de clic sur les réseaux sociaux. - Pour personnaliser les extraits enrichis de vos pages produits ou de vos profils publics. ## Fonctionnement - Saisissez les informations de base de votre page, telles que le titre, la description et l'URL de l'image. - Sélectionnez le type de contenu approprié pour définir la nature de votre page (article, produit, site web). - Configurez les options spécifiques pour Twitter, Facebook ou LinkedIn afin d'adapter les balises aux exigences de chaque plateforme. - Copiez le code généré et insérez-le dans la section de votre document HTML. ## Cas d'usage - Optimisation du partage d'articles de blog pour augmenter le trafic provenant des réseaux sociaux. - Amélioration de la visibilité des fiches produits e-commerce sur Facebook et Pinterest. - Standardisation des métadonnées pour les portfolios professionnels et les pages de profil. ## Questions fréquentes ### Qu'est-ce que le protocole Open Graph ? C'est un protocole qui permet à n'importe quelle page web de devenir un objet riche dans un graphe social, contrôlant ainsi l'apparence du lien partagé. ### Pourquoi utiliser cet outil ? Il simplifie la création manuelle de balises complexes, évitant les erreurs de syntaxe et garantissant une compatibilité optimale avec les réseaux sociaux. ### Quelles plateformes supportent ces balises ? La majorité des plateformes majeures comme Facebook, LinkedIn, Twitter (via les Twitter Cards) et Discord utilisent ces balises pour générer des aperçus. ### Quelle est la taille recommandée pour l'image ? Pour un affichage optimal sur la plupart des réseaux, une image de 1200 x 630 pixels est fortement recommandée. ### Puis-je ajouter des propriétés personnalisées ? Oui, vous pouvez utiliser le champ des propriétés supplémentaires pour inclure des balises spécifiques comme les dates de publication ou des données audio. ## Outils associés - [Générateur de Data URI](https://elysiatools.com/fr/tools/data-uri-generator): Convertit les fichiers en Data URI (Base64 ou pourcentage-encodé) pour intégrer images, polices et ressources directement dans HTML, CSS ou Markdown - [Créateur de Collage d'Images](https://elysiatools.com/fr/tools/image-collage-maker): Créez des collages photo artistiques avec des effets décoratifs comme des coins arrondis, des bordures, des ombres et des arrière-plans dégradés. Parfait pour les publications sur les réseaux sociaux et les murs de photos. - [Studio d’aperçu SERP et social](https://elysiatools.com/fr/tools/serp-social-preview-studio): Affiche Google SERP (troncature au pixel près desktop/mobile), carte X et OpenGraph avec diagnostics SEO pré-lancement - [Generateur de heatmap d accessibilite](https://elysiatools.com/fr/tools/accessibility-heatmap-generator): Genere une heatmap d accessibilite centree sur le contraste a partir d une capture ou de HTML et suggere des couleurs - [Generateur de codes en lot](https://elysiatools.com/fr/tools/barcode-batch-generator): Genere en lot des codes Code 128, EAN-13, UPC-A, ITF-14, QR Code et Data Matrix depuis CSV ou texte multilignes avec export PNG ZIP ou PDF - [Générateur de Carte de Profondeur](https://elysiatools.com/fr/tools/image-depth-map): Génère des cartes de profondeur à partir d'images en utilisant l'analyse de luminosité, saturation et des bords. Crée des cartes de profondeur en niveaux de gris où les pixels plus clairs indiquent des objets plus proches et les pixels plus sombres indiquent des objets plus lointains. - [Générateur de Motifs Fractals](https://elysiatools.com/fr/tools/image-fractal-generator): Génère de beaux motifs fractals incluant l'ensemble de Mandelbrot, l'ensemble de Julia et Burning Ship avec paramètres personnalisables - [Générateur de Stéréoscope Oscillant](https://elysiatools.com/fr/tools/image-wiggle-stereoscopy): Génère des GIF de stéréoscope oscillant qui créent un effet 3D en alternant rapidement entre les perspectives de l'œil gauche et droit. Pas de lunettes 3D nécessaires! ## Exemples - [Exemples de Traitement d'Images Android Java](https://elysiatools.com/fr/samples/android-image-processing-java): Exemples de traitement d'images Android Java incluant lecture/écriture, mise à l'échelle et conversion de format - [Exemples de Traitement d'Images Android Kotlin](https://elysiatools.com/fr/samples/android-image-processing-kotlin): Exemples de traitement d'images Android Kotlin incluant lecture/écriture, mise à l'échelle et conversion de format - [Exemples de Traitement d'Images Web Python](https://elysiatools.com/fr/samples/web-image-processing-python): Exemples de traitement d'images Web Python utilisant PIL/Pillow incluant la lecture, l'enregistrement, le redimensionnement et la conversion de format - [Exemples de Traitement d'Images Web Rust](https://elysiatools.com/fr/samples/web-image-processing-rust): Exemples de traitement d'images Web Rust incluant lecture/écriture, redimensionnement et conversion de format ## Contenu associé - [Workflows URL pour le SEO technique](https://elysiatools.com/fr/hubs/technical-seo-url-workflows): Validez les slugs SEO, inspectez les parametres, preparez robots et sitemap, generezez les metadonnees sociales et verifiez les signaux de page.