Aperçu de lien pour les réseaux sociaux
Prévisualisez l'apparence d'un lien partagé sur Facebook, X et LinkedIn d'après son titre, sa description et son image, ou chargez les balises og: depuis l'URL d'une page.
Qu'est-ce que Aperçu réseaux sociaux ?
Cet outil affiche côte à côte des maquettes approximatives des cartes de lien que Facebook, X (Twitter) et LinkedIn montrent pour une URL. Saisissez le titre, la description et l'URL de l'image, ou cliquez sur « Charger les balises depuis l'URL » pour lire automatiquement les balises Open Graph et Twitter de la page.
Comment utiliser Aperçu réseaux sociaux
- Saisissez l'URL de la page ; cliquez éventuellement sur Charger les balises depuis l'URL pour remplir les champs à partir de ses balises og: et twitter:.
- Modifiez le titre, l'URL de l'image et la description pour essayer des variantes.
- Comparez les trois maquettes de cartes ; les textes longs sont raccourcis comme le fait habituellement chaque réseau.
Quand utiliser Aperçu réseaux sociaux
Utilisez-le pour itérer sur les titres et images de partage avant publication. Les maquettes sont des approximations : les vraies cartes dépendent de la version de l'application, de la taille d'écran et du cache de chaque réseau ; confirmez donc avec les débogueurs officiels pour les campagnes importantes.
Comment fonctionne Aperçu réseaux sociaux
Les aperçus sont rendus en local avec la mise en page actuelle des cartes de chaque réseau (image 1,91:1, nom d'hôte, titre et description) et des limites de caractères approximatives. « Charger les balises depuis l'URL » utilise la Pages Function d'AlgoKit protégée contre la SSRF pour récupérer la page et en extraire les balises meta (og:title, og:description, og:image, twitter:* avec le title et la description HTML en secours). L'image est affichée directement depuis l'URL que vous saisissez.
Cas d'utilisation courants
- Vérifier qu'un titre d'article n'est pas coupé sur Facebook.
- Voir comment une image de produit est recadrée dans une carte large.
- Comparer l'aperçu de deux variantes de titre.
- Vérifier que l'og:image d'une page en ligne est correctement définie.
Questions Fréquentes
Ces aperçus sont-ils exacts ?
Non. Ils suivent les mises en page actuelles des réseaux, mais les polices, la troncature et le recadrage varient selon l'appareil et évoluent avec le temps.
Pourquoi « Charger les balises depuis l'URL » échoue-t-il ?
La page peut bloquer les bots, exiger une connexion, se trouver sur un réseau privé ou être hors ligne. Vous pouvez toujours saisir les valeurs à la main.
Quelles balises sont lues ?
og:title, og:description, og:image et og:url d'abord, puis twitter:title/description/image, puis le <title> et la meta description de la page.