47 outils gratuits · Développement
Outils pour développeurs en ligne gratuits
Formater, encoder, tester ou générer sans envoyer une ligne à un serveur : tout s'exécute dans votre navigateur, ce qui vaut pour un mot de passe comme pour un jeton JWT.
Formater, encoder, tester ou générer sans envoyer une ligne à un serveur : tout s'exécute dans votre navigateur, ce qui vaut pour un mot de passe comme pour un jeton JWT.
Meta tags de partage avec aperçu de la carte
Quand une page est partagée sur un réseau social ou une messagerie, l'aperçu affiché (titre, description, image) provient des balises Open Graph placées dans son <head>. Sans elles, la plateforme improvise, souvent mal : mauvaise image, titre tronqué, description absente. Ce générateur produit le bloc de balises complet (og:title, og:description, og:image, og:url, twitter:card…) à partir d'un simple formulaire, avec un aperçu simulé de la carte de partage. Renseignez une image en 1200×630 pixels, le format recommandé, copiez le bloc dans votre <head>, et vos liens partagés auront fière allure partout.
Aperçu du partage (réseaux sociaux, messageries)
exemple.fr
Mon super article
Une description accrocheuse qui donne envie de cliquer.
Balises à coller dans <head>
<meta property="og:title" content="Mon super article" /> <meta property="og:description" content="Une description accrocheuse qui donne envie de cliquer." /> <meta property="og:url" content="https://exemple.fr/article" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Mon super article" /> <meta name="twitter:description" content="Une description accrocheuse qui donne envie de cliquer." />
Ces balises contrôlent l'aperçu de votre page quand elle est partagée sur les réseaux sociaux et messageries. Testez le rendu réel avec l'outil de debug de chaque plateforme après mise en ligne.
1200×630 pixels (ratio 1,91:1) est le standard recommandé : il s'affiche en grand sur les principales plateformes. Restez sous 5 Mo, en JPG ou PNG, et utilisez une URL absolue en HTTPS.
Les plateformes mettent les aperçus en cache. Utilisez leur outil de debug (Sharing Debugger de Facebook, Post Inspector de LinkedIn…) pour forcer une nouvelle lecture de la page après avoir modifié les balises.
Ce sont deux protocoles cousins : Open Graph (og:) est lu par la plupart des plateformes, X/Twitter lit d'abord ses balises twitter: puis retombe sur Open Graph. Le bloc généré inclut les deux pour une couverture maximale.
Un résultat qui vous paraît faux, une valeur périmée, un cas qui manque ? Signalez-le à contact@topapps.fr