À quoi sert Meta Tag Studio ?
Chaque page web contient, dans sa partie invisible (le <head>), des balises qui disent à Google et aux réseaux sociaux
quel est le titre de la page, son résumé, son image de partage, si elle doit être indexée… C'est ce qui décide de l'allure de ton lien dans les résultats Google
ou quand quelqu'un le partage sur Facebook, LinkedIn ou WhatsApp.
Meta Tag Studio te pose les bonnes questions et génère toutes ces balises en direct, avec un aperçu de ton résultat Google et de ta carte de partage, un score SEO et des conseils pour l'améliorer. Il ne te reste qu'à copier le code dans ton site.
Pour qui ?
E-commerçants
Pour afficher prix, stock et étoiles directement dans Google.
Commerces locaux
Restaurant, salon, artisan : adresse, horaires et zone desservie.
Blogueurs
Des articles qui donnent envie de cliquer, sur Google comme sur les réseaux.
Développeurs
Un <head> complet et valide en quelques minutes.
Consultants SEO
Auditer, comparer aux concurrents et livrer des balises propres.
Débutants
Pas besoin de connaître le HTML : l'outil explique chaque champ.
Les étapes, une par une
Identification du projet
Indique l'adresse de ta page (URL canonique), la langue et l'auteur. L'URL canonique dit à Google quelle est l'adresse « officielle » de la page, ce qui évite les doublons.
Contenu de la page
Le titre (idéalement 30 à 60 caractères) et la description (70 à 155 caractères) sont ce qui s'affiche dans Google. Le compteur passe au vert quand la longueur est bonne, et l'aperçu Google à droite se met à jour pendant que tu tapes.
Partage social
Choisis l'image de partage (format conseillé 1200 × 630 px, en JPG, PNG ou WebP), son texte alternatif et le nom du site. La carte de partage à droite te montre le rendu sur Facebook, LinkedIn ou X.
Indexation et robots
Par défaut, la page est indexée et Google peut afficher de grands extraits et de grandes images : c'est le bon réglage dans la plupart des cas.
Ne coche « nosnippet » que si tu ne veux vraiment pas d'extrait (la page n'apparaîtrait alors plus dans les réponses IA de Google).
Si ton site existe en plusieurs langues, active hreflang et liste une ligne par langue : fr | https://monsite.com/fr.
Données structurées (JSON-LD)
Renseigne l'identité de ton entreprise (nom, logo, téléphone, adresse, profils sociaux). Elle sert à Google pour comprendre qui tu es. En Pro, coche ensuite le ou les types qui correspondent à ta page (voir plus bas).
llms.txt et optimisation IA (Pro)
Le fichier llms.txt est une petite carte de ton site destinée aux IA (ChatGPT, Claude, Perplexity…). Écris une phrase qui résume ton site
et liste tes pages importantes, une par ligne : https://monsite.com/tarifs | Nos tarifs. Le résumé « abstract » et les sélecteurs « speakable »
aident les assistants à citer les bons passages de ta page.
Les données structurées : à quoi servent les 14 types ?
Trois entités sont toujours incluses : WebSite, Organization et WebPage. En Pro, tu ajoutes celles qui décrivent ta page :
| Type | Pour quelle page | Ce que Google peut afficher |
|---|---|---|
| LocalBusiness | Commerce, restaurant, artisan | Adresse, horaires, gamme de prix |
| Product | Fiche produit | Prix, disponibilité, étoiles |
| Review | Avis clients | Note moyenne en étoiles |
| FAQ | Questions fréquentes | Questions dépliables sous le lien |
| Article | Article de blog, actualité | Date, auteur, image |
| Event | Concert, salon, atelier | Date, lieu, prix des billets |
| HowTo, Recipe | Tutoriel, recette | Étapes, temps, ingrédients |
| Course, JobPosting | Formation, offre d'emploi | Organisme, type de contrat |
| SoftwareApplication, VideoObject | Application, vidéo | Prix, note, miniature |
| Person, BreadcrumbList | Page « à propos », fil d'Ariane | Profil, chemin de navigation |
Le score SEO
Le score sur 100 est la moyenne de 5 axes : balises de base, partage social, données structurées, extraction Googlebot et indexation. Sous l'aperçu, la liste « Vérifications » te dit exactement quoi corriger (titre trop long, image manquante, URL canonique avec des paramètres de suivi…). Vise au moins 75 : le cercle passe alors au vert.
Installer les balises sur ton site
- Clique sur « 📋 Tout » au-dessus du code généré.
- Colle le code dans la partie
<head>de ta page, à la place des anciennes balises (titre, description…) pour ne pas les avoir en double. - Sur WordPress, Wix ou Shopify, utilise la zone « code personnalisé / en-tête » de ton thème, ou demande à ton développeur.
- Publie, puis vérifie avec les liens de la section « Vérifier après publication » (test des résultats enrichis Google, débogueur Facebook, inspecteur LinkedIn).
llms.txt, sitemap.xml et robots.txt à la racine de ton site (à côté de ta page d'accueil).Les onglets Pro
- 📊 Analyse : checklist technique de 30 points, estimation des Core Web Vitals, audit de sécurité et validation AMP.
- 🎯 Concurrents : ajoute l'adresse d'un concurrent, sa page est lue et notée sur les mêmes 5 axes que la tienne, avec un radar comparatif.
- 📈 Rankings : note la position de tes mots-clés dans Google au fil du temps et suis leur évolution.
- 📉 Analytics : importe l'export CSV de Google Search Console pour voir tes pages et requêtes, et lancer un test A/B de titres.
- 📅 Calendar : planifie tes contenus à publier.
- 🚀 Sync Deploy : fichiers de configuration prêts pour Netlify, Vercel, Apache (.htaccess), Nginx et Firebase (sécurité, HTTPS, compression, cache).
En Pro, tu peux aussi importer une page existante (bouton « 🔍 URL » : l'outil lit la page et pré-remplit le formulaire) ou un dépôt GitHub public.
Les exports (Pro)
- ZIP complet : index.html avec toutes les balises, llms.txt, sitemap.xml, robots.txt, un README d'installation et les configurations d'hébergement.
- HTML seul ou JSON-LD seul.
- Projet JSON : une sauvegarde à réimporter plus tard, ou sur un autre ordinateur.
- Lien de partage : pour montrer ta configuration à un collègue connecté à Yok-Kod.
Où sont enregistrés mes projets ?
Tes projets sont enregistrés dans ton navigateur, pas sur nos serveurs. Nos serveurs construisent seulement les balises à partir de ce que tu saisis, sans rien conserver. L'historique (bouton « 🕐 Historique ») garde les 20 dernières versions pour revenir en arrière.
Version découverte ou Pro ?
| Découverte (gratuit) | Pro | |
|---|---|---|
| Balises de base, Open Graph, Twitter, robots, hreflang | ✓ | ✓ |
| JSON-LD WebSite, Organization, WebPage | ✓ | ✓ |
| Aperçus Google et réseaux sociaux, score SEO, vérifications | ✓ | ✓ |
| Copier le code | ✓ | ✓ |
| Projets | 1 seul | Jusqu'à 50 |
| 14 types Schema.org, édition manuelle du JSON-LD, llms.txt | — | ✓ |
| 12 templates, import URL et GitHub | — | ✓ |
| Analyse technique, concurrents, rankings, analytics, calendrier, déploiement | — | ✓ |
| Exports HTML, JSON-LD, llms.txt, ZIP, projet JSON, lien de partage | — | ✓ |
Problèmes fréquents
- Le code ne se met pas à jour.
- Le code se met à jour un quart de seconde après ta dernière frappe. S'il reste figé, vérifie ta connexion Internet et recharge la page.
- L'image de partage affiche « inaccessible ».
- L'adresse de l'image est fausse, ou le site qui l'héberge bloque son affichage ailleurs. Ouvre l'adresse dans un nouvel onglet pour vérifier.
- Facebook ou LinkedIn affichent encore l'ancienne image.
- Ils gardent un cache : passe ton adresse dans le débogueur Facebook ou l'inspecteur LinkedIn (liens dans « Vérifier après publication ») pour forcer la mise à jour.
- L'import d'une URL échoue.
- La page doit être publique (sans mot de passe). Certains sites bloquent les lectures automatiques : utilise alors l'onglet « 📋 Coller le HTML » (Ctrl+U sur la page, tout copier, coller).
- « Trop de requêtes, patiente une minute ».
- Tu as tapé très longtemps sans pause : attends quelques secondes, l'aperçu reprendra tout seul.
- Je ne retrouve plus mon projet.
- Vérifie que tu utilises le même ordinateur, le même navigateur et le même compte.
Une autre question ? Écris-nous, on répond rapidement.