HedgieTools

Aperçu de partage sur les réseaux sociaux

Voyez à quoi ressemblera votre page partagée sur Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord ou Pinterest, corrigez ce qui est coupé et copiez des balises Open Graph prêtes à coller.

1. Les informations de votre page

Remplissez le formulaire ou importez-les depuis le code d’une page.

0 / 60
0 / 155
Type de page
Image de partage

JPG, PNG, WebP ou GIF. L’image choisie ne sert qu’à l’aperçu : indiquez aussi son adresse en ligne, pour le code.

2. Aperçus

Une simulation pour chaque plateforme : le rendu réel peut légèrement varier, mais les recadrages sont proches de la réalité.

Google

Eexample.comhttps://example.com › …
Titre de la pageLa description de la page apparaîtra ici.

Facebook

example.comTitre de la pageLa description de la page apparaîtra ici.

X

Titre de la page
De example.com

LinkedIn

Titre de la pageexample.com

WhatsApp

Titre de la pageLa description de la page apparaîtra ici.example.com
https://example.com10:24

Slack

example.comTitre de la pageLa description de la page apparaîtra ici.

Discord

example.comTitre de la pageLa description de la page apparaîtra ici.

Pinterest

Titre de la pageEexample.com

Pinterest affiche l’image entière, sans la recadrer. Une image verticale (2:3, par exemple 1 000 × 1 500 px) y prend plus de place, mais sera recadrée ailleurs.

3. Vérifications et code

Ce qu’il faut corriger, puis les balises à coller dans votre page.

  • ProblèmeTitre manquantSans titre, chaque réseau en invente un à partir de la page.
  • ProblèmeDescription manquanteLes réseaux prendront un extrait de la page, souvent mal choisi.
  • ProblèmeAucune imageLes liens sans image reçoivent bien moins de clics. Prévoyez une image de 1200 × 630 px.
  • À améliorerAdresse de la page manquanteog:url indique l’adresse officielle de la page, pour que les partages soient regroupés.

Collez-le dans la section head de votre page.

Remplissez le formulaire pour générer le code.

À propos de l’aperçu de partage sur les réseaux sociaux

Chaque fois que quelqu’un partage votre page, un réseau affiche une carte avec son titre, sa description et son image. Cet outil vous montre ces cartes avant la publication et rédige les balises qui les alimentent.

Soignez l’apparence de vos liens

Quand votre page est partagée, chaque réseau affiche une carte avec un titre, une description et une image. Ces informations proviennent des balises Open Graph placées dans le code de la page. Sans elles, la carte est vide ou mal remplie.

Les bonnes longueurs

Google coupe un titre vers 60 caractères et une description vers 155. Une image de 1200 × 630 pixels (1,91:1) rend bien partout : gardez l’essentiel au centre, car certaines plateformes la recadrent. Pinterest préfère une image verticale.

Un code prêt à coller

Copiez les balises HTML à placer dans le head de votre page, ou l’objet metadata pour un site Next.js. Après la mise en ligne, les réseaux gardent parfois l’ancien aperçu en cache pendant quelques jours.

Rien n’est envoyé

Les aperçus sont simulés dans votre navigateur. Votre image et vos textes ne sont envoyés nulle part. La seule requête, faite par votre navigateur, concerne l’adresse d’image que vous saisissez.

Outils liés

Développement

Décodeur JWT

Lisez l’en-tête, la charge utile et les dates d’un JWT, et vérifiez sa signature.

Développement

SVG en HTML

Convertissez du SVG en HTML, JSX et React.