Aller au contenu
Toolars
Explorer

Générateur de métadonnées Open Graph

Open Graph Meta Generator

13 types Open Graph et champs image, audio, vidéo, locale et MIME facultatifs ; vérifier le HTML échappé.

Traitement local

Détails du traitement

Les données de l’outil sont traitées sur votre appareil.

Des ressources peuvent être téléchargées pour cet outil. Les services de compte sont distincts.

Informations sur la confidentialité
Signaler un bug

Parcours de la tâche / de l'entrée au résultat

Comment générer des balises meta Open Graph

  1. 01

    Rédigez le titre et la description

    Remplissez le Titre (120 caractères maximum) et la Description (300 maximum). Le titre est requis — générer sans lui s'arrête avec une erreur nommée — tandis que la description est optionnelle et devient og:description quand elle est présente. Les deux champs cessent d'accepter la saisie à leurs limites. 13 · og:type · URL audio / URL vidéo / Langue et région (fr_FR) / Autres langues et régions (séparées par des virgules) / Déterminant / Type MIME du média / Largeur (px) / Hauteur (px) / Texte alternatif de l’image

  2. 02

    Ajoutez les URL

    Entrez l'URL canonique, qui doit être une adresse HTTP ou HTTPS absolue, et une URL d'image optionnelle, qui doit aussi être absolue quand elle est présente. Les adresses invalides sont rejetées avec une erreur nommée avant que quoi que ce soit soit généré, donc un chemin relatif ou un domaine nu ne se glisse jamais dans les balises.

  3. 03

    Définissez le nom du site et le type

    13 types Open Graph et champs image, audio, vidéo, locale et MIME facultatifs ; vérifier le HTML échappé.

  4. 04

    Générez les balises

    Cliquez sur Générer les balises meta. Le balisage est assemblé localement avec un élément meta par ligne et chaque valeur échappée pour attribut, et la sortie terminée doit rester dans la limite locale de 16 000 caractères. Charger un exemple remplit un exemple d'article complet et le génère en un clic.

  5. 05

    Examinez et copiez

    Vérifiez la carte de partage représentative — elle montre le nom de site, ou le nom d'hôte de l'URL canonique quand aucun nom de site n'est défini, au-dessus du titre et de la description — et lisez le balisage généré dans le panneau de sortie. Modifier un champ efface le balisage jusqu'à ce que vous génériez à nouveau. Utilisez ensuite Copier les balises meta pour le presse-papiers ou Télécharger le HTML pour enregistrer les balises sous toolars-open-graph-meta.html pour le head de votre page. Exporter le résultat actuel. HTML / Open Graph.

Fiche de l'outil

Traitement
Dans votre navigateur
L'entrée quitte cet appareil
Jamais
Conservation
Rien n'est stocké
Prix
Gratuit

Vos données restent dans le navigateur.

Générateur de métadonnées Open Graph utilise son chemin d'exécution local vérifié et ne crée aucun historique caché des entrées ou sorties.

Exécution locale

S'exécute dans l'onglet actuel du navigateur.

Aucun traitement caché

Les données actives de l'outil ne deviennent jamais un enregistrement de document Toolars.

Aucun compte requis

Utilisez le workflow principal sans créer de profil. Les favoris se synchronisent avec votre compte après connexion.

Réinitialisation immédiate

Effacez l'onglet et les données de travail actives disparaissent.

Ce que Générateur de métadonnées Open Graph fait vraiment

Une développeuse s'apprête à livrer une landing page et veut que le lien se déploie correctement quand l'équipe le postera dans le chat. Elle écrit un titre de 70 caractères, une description de deux phrases et l'URL de production, règle le type sur Website, et génère les six lignes de balises. Générateur de meta Open Graph assemble les lignes og:title, og:type, og:url, og:description, og:image et og:site_name avec un échappement sûr, et montre une carte de partage représentative à côté du balisage pour qu'elle puisse vérifier la troncature avant de coller le fragment dans le head. Le brouillon de texte et l'URL non publiée restent dans l'onglet du navigateur — aucun ping de validation, aucun téléversement.

Questions fréquentes

Quelles balises sont générées ?
13 types Open Graph et champs image, audio, vidéo, locale et MIME facultatifs ; vérifier le HTML échappé. 13 · og:type · URL audio / URL vidéo / Langue et région (fr_FR) / Autres langues et régions (séparées par des virgules) / Déterminant / Type MIME du média / Largeur (px) / Hauteur (px) / Texte alternatif de l’image Cette carte est indicative. Les images, sons et vidéos distants n’ont pas été chargés ni vérifiés.
Comment le contenu est-il échappé ?
Chaque valeur est échappée pour attribut avant d'entrer dans le balisage : les esperluettes, les guillemets doubles et simples et les chevrons sont remplacés par leurs formes d'entité. Cela empêche les titres contenant des guillemets ou des caractères spéciaux de casser la balise, et chaque valeur est d'abord débarrassée des espaces environnantes.
Quelles sont les règles de validation et les limites ?
Le Titre est requis ; l'URL canonique doit être une URL HTTP ou HTTPS absolue, et l'URL d'image aussi quand elle est présente. Les longueurs plafonnent à 120 caractères pour le titre, 300 pour la description et 100 pour le nom de site, et le balisage terminé doit rester dans les 16 000 caractères.
Que montre la carte de partage représentative ?
La carte imprime le nom de site au-dessus du titre et de la description, en retombant sur le nom d'hôte de l'URL canonique quand le champ Nom de site est vide. C'est un aperçu représentatif de la façon dont les valeurs se lisent ensemble, dessiné localement — pas un rendu au pixel près d'une plateforme particulière, puisque chaque plateforme rogne et tronque différemment.
Quelque chose est-il téléversé ou récupéré ?
Non. Le balisage est assemblé et la carte de partage prévisualisée entièrement à l'intérieur de cet onglet du navigateur ; l'URL d'image est écrite dans les balises mais jamais récupérée ici. Aucun compte n'est requis, et Réinitialiser restaure les valeurs d'exemple par défaut.

Des tâches associées, pas une impasse.

Passez à un autre espace de travail ciblé sans revenir à l'index complet.

Filtres Instagram

Instagram Filters

Appliquez 12 préréglages locaux avec intensité réglable. Appliquez un vrai filtre Canvas à une image locale sans la téléverser ni contacter une plateforme.

Modifier

Générateur de publications Instagram

Instagram Post Generator

Composez un concept de publication original et exportez une maquette locale clairement étiquetée. Images: 0–4; Avatar; Format exporté.

Créer

Générateur de stories Instagram

Instagram Story Generator

Élaborez un concept de story verticale sans créer un faux relevé de plateforme. Segments de récit: 1–12; Position horizontale / Position verticale; Couleur du texte.

Créer

Générateur de messages privés Instagram

Instagram DM Generator

Esquissez une disposition de conversation pour des scripts et des prototypes, jamais comme preuve d'un échange réel. Messages: 1–40; Citation de réponse; État; Images.

Créer