SEO et Web

Aperçu Open Graph

Générez et visualisez vos balises meta Open Graph pour contrôler l'affichage de vos pages web lors de leur partage sur les réseaux sociaux.

Exécuter l’outil

Cet outil génère le balisage HTML Open Graph destiné à structurer le partage de vos pages web sur les réseaux sociaux. Vous renseignez les informations textuelles de votre contenu : titre principal, description, lien vers l'image d'illustration, adresse canonique et nom de votre site. Si vous laissez les paramètres techniques par défaut, le type de ressource prend la valeur « website » et la langue s'établit sur « en_US », que vous pouvez remplacer par exemple par « fr_FR ».

Dès que le champ du titre contient du texte, le générateur produit les balises meta correspondantes au format HTML standardisé. Toutes les valeurs saisies bénéficient d'un échappement automatique des caractères spéciaux pour préserver la syntaxe du code. Si aucun titre n'est fourni, aucune balise n'apparaît dans le volet d'affichage. L'outil fonctionne à partir de vos saisies directes sans extraire ni vérifier de page distante.

Mode d’emploi

  1. Indiquez le titre de votre publication ou page web dans le champ prévu à cet effet.
  2. Complétez la description pour préciser le contenu qui accompagnera le lien partagé.
  3. Renseignez l'URL de l'image d'illustration, l'adresse web de la page et le nom de votre site.
  4. Modifiez le type de document ou l'indicateur de langue si les valeurs prédéfinies ne correspondent pas à votre contenu.
  5. Copiez le balisage HTML affiché pour l'intégrer dans l'en-tête de votre page web.

Exemples

  • Création de balises pour un article de blog : Titre « Guide du café de spécialité », Description « Tout savoir sur les méthodes d'extraction douce », Image « https://example.com/cafe.jpg », Type « article », Langue « fr_FR ».
  • Configuration minimale d'un site vitrine : Titre « Atelier Numérique », Nom du site « Atelier Numérique », URL « https://example.com », avec le type « website » et la langue « en_US » par défaut.

FAQ

Pourquoi aucun code HTML n'est-il affiché après la saisie ?

La création des métadonnées requiert au minimum un titre. Dès que ce champ est renseigné, les balises Open Graph associées sont immédiatement formulées.

L'outil charge-t-il l'image ou la page web renseignée ?

Non, le générateur traite uniquement les chaînes de texte fournies dans le formulaire et n'effectue aucun appel réseau vers des adresses distantes.

Comment modifier la langue indiquée dans le code généré ?

Il suffit de remplacer la valeur par défaut « en_US » par le code correspondant à votre audience, comme « fr_FR » pour le français de France ou « fr_CA » pour le français canadien.

Intégrer cet outil

Ajoutez cet outil SmartPlusLab fonctionnel à votre site avec le code ci-dessous.