Générateur de cartes Twitter

Générez des cartes Twitter accrocheuses en quelques secondes, aucune compétence en conception n'est requise.

À propos de cet outil

Écoutez, je construis des choses depuis des années et, honnêtement, la plupart des outils compliquent excessivement les choses. Celui-ci? Ce n’est pas chic. C'est juste utile. Le générateur de cartes Twitter est exactement ce à quoi il ressemble : un moyen simple de créer ces petites cartes d'aperçu que vous voyez lorsque quelqu'un dépose un lien sur Twitter. Vous savez, ceux avec l'image, le titre et une brève description ? Ouais, ceux-là. Au lieu de jouer avec les balises méta ou de deviner si votre image apparaîtra réellement, cette chose crache le code dont vous avez besoin en quelques secondes. Je l'ai construit parce que j'en avais marre de vérifier le validateur Twitter toutes les cinq minutes. Maintenant, je branche simplement mes informations, récupère le code HTML et continue ma vie. Pas de drame.

Fonctionnalités clés

  • Saisie simple basée sur un formulaire : aucune connaissance en codage n'est requise.
  • Aperçu en temps réel pour que vous puissiez voir à quoi ressemblera votre carte avant de la publier.
  • Génère automatiquement les balises méta appropriées pour Twitter (et fonctionne également avec la plupart des autres plates-formes).
  • Prend en charge tous les types de cartes : résumé, résumé avec grande image, cartes d'application et de joueur.
  • Sortie HTML prête à copier-coller : déposez-la simplement dans la section d'en-tête de votre site.
  • Gratuit. Aucune inscription. Aucun suivi. Pas de bêtises.

FAQ

Dois-je héberger l'image dans un endroit spécifique ?
Non. Tant que l'URL de l'image est publique et accessible (comme sur votre site ou Imgur), Twitter la récupérera. Assurez-vous simplement que la taille est correcte : 1 200 x 630 pixels est la meilleure solution.

Est-ce que cela fonctionnera si j'utilise un générateur de site statique comme Jekyll ou Hugo ?
Absolument. Le code généré est constitué de simples balises méta HTML. Vous pouvez le coller directement dans la section d’en-tête ou dans le texte préliminaire de votre modèle, en fonction de votre configuration. Je l'utilise moi-même avec Hugo.