Générateur de balises meta
Le bon aperçu dans Google et sur les réseaux
Informations de la page
0 / 60 caractères recommandés
0 / 155 caractères recommandés
Format conseillé : 1200 × 630 px, adresse absolue en https.
Points à vérifier
- Le titre est vide.
- La description est vide : Google en choisira une lui-même.
- L'URL canonique est vide.
- Sans image, les partages sur les réseaux seront peu visibles.
Code généré
Aperçus
Aperçus indicatifs : votre image n'est pas chargée (aucune requête vers un site tiers), seul son nom d'hôte est affiché.
Résultat Google
example.com
example.com
Titre de la page
La description de la page apparaîtra ici.
Facebook / LinkedIn
example.com
Titre de la page
La description de la page apparaîtra ici.
X (Twitter)
example.com
À propos de l'outil
Ce générateur prépare les balises meta d'une page à partir d'un formulaire : titre, description, URL canonique, image de partage, nom du site, langue, type Open Graph, type de carte X, compte X et couleur de thème. Une jauge indique la longueur du titre par rapport aux 60 caractères conseillés, et celle de la description par rapport à la fourchette de 50 à 155 caractères.
Une liste de points à vérifier signale les oublis courants : URL relative ou sans https, image manquante, compte X ou locale mal formés. Le code est proposé en balises HTML pour le head ou en objet metadata pour Next.js, avec un export viewport pour la couleur de thème. Des aperçus montrent le rendu approximatif dans Google, sur Facebook ou LinkedIn et sur X.
Comment l'utiliser
- Remplissez les « Informations de la page » : « Titre de la page », « Description », « URL canonique » et « URL de l'image de partage ».
- Complétez si besoin « Nom du site », « Langue (locale) », « Type Open Graph », « Type de carte X », « Compte X » et « Couleur de thème ».
- Corrigez les éléments signalés dans « Points à vérifier » et contrôlez les « Aperçus ».
- Dans « Code généré », choisissez l'onglet « HTML » ou « Next.js (metadata) », puis cliquez sur « Copier ».
Questions fréquentes
Quelle longueur pour le titre et la description ?
L'outil recommande 60 caractères au maximum pour le titre et entre 50 et 155 caractères pour la description. Au-delà, Google coupe souvent le texte dans ses résultats. Les jauges passent à l'orange ou au rouge quand vous sortez de ces limites.
Le code Next.js fonctionne-t-il avec l'App Router ?
Oui. L'onglet Next.js produit un export metadata typé avec Metadata, comprenant alternates.canonical, openGraph et twitter. Si vous indiquez une couleur de thème, elle est placée dans un export viewport séparé, car Next.js ne l'accepte plus dans metadata.
L'outil charge-t-il mon image ou analyse-t-il mon site ?
Non. Les aperçus affichent seulement le nom d'hôte de l'image, sans la télécharger, et aucune requête n'est envoyée au site indiqué. Tout est calculé dans votre navigateur à partir de ce que vous saisissez dans le formulaire.
Quel format d'image choisir pour le partage ?
L'outil conseille une image de 1200 × 630 px servie en https avec une adresse absolue. Une URL relative ou en http déclenche un avertissement, car les réseaux sociaux ont besoin d'une adresse complète pour récupérer l'image.