Meta Tags
Open Graph
Seo
Twitter Card
Html
Generateur
Outil En Ligne De Génération De Meta Tags
Générateur de méta tags & Open Graph
0 / 60
0 / 160
Aperçu Google
Titre de la page
https://monsite.com
Description de la page apparaîtra ici.
og:image apparaîtra ici
monsite.com
Titre Open Graph
Description Open Graph...
Créez instantanément vos balises méta SEO et Open Graph : title, description, og:image, Twitter Card et plus encore. Prévisualisez le rendu Google et réseaux sociaux avant de copier le code.
Les balises méta SEO
Les balises <meta> sont des éléments HTML placés dans le <head> de la page. Elles transmettent des informations aux moteurs de recherche et aux navigateurs.
Les 3 essentielles :
title, description et robots. Sans elles, le SEO de votre page est incomplet.
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon article | MonSite</title>
<meta name="description" content="Description courte et claire.">
<meta name="robots" content="index, follow">
<meta name="author" content="Mezgani Said">Open Graph : partage sur les réseaux
Le protocole Open Graph (créé par Facebook) permet de contrôler l'aperçu affiché lorsqu'un lien est partagé sur les réseaux sociaux : Facebook, LinkedIn, WhatsApp, Discord...
og:title— titre affiché dans la carteog:description— texte sous le titreog:image— image de couverture (1200×630px recommandé)og:url— URL canonique de la pageog:type—website,article,product...
<meta property="og:title" content="Mon article">
<meta property="og:description" content="Description...">
<meta property="og:image" content="https://monsite.com/image.jpg">
<meta property="og:url" content="https://monsite.com/article">
<meta property="og:type" content="article">
<meta property="og:site_name" content="MonSite">Twitter Card
Twitter/X utilise ses propres balises pour personnaliser l'aperçu des liens partagés. Le type summary_large_image est le plus utilisé car il affiche une grande image d'en-tête.
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Mon article">
<meta name="twitter:description" content="Description...">
<meta name="twitter:image" content="https://monsite.com/image.jpg">
<meta name="twitter:site" content="@MonCompte">Bonnes pratiques
- Title : entre 50 et 60 caractères, mot-clé principal en premier
- Description : entre 120 et 160 caractères, incitative au clic
- og:image : 1200×630px minimum, format JPG ou PNG
- Tester avec Facebook Debugger et Twitter Card Validator
- Ne pas oublier
<meta charset="UTF-8">et<meta name="viewport">
Note : Si
og:title est vide, les réseaux sociaux utilisent le <title> HTML. Il est quand même recommandé de les renseigner séparément.
