Le scénario classique : vous venez de publier une page, vous la partagez sur LinkedIn,
et l'aperçu affiche le mauvais titre, une description vide, et une image au hasard.
Ou pire : votre page n'a pas de balise <title> du tout parce que
vous avez oublié que le CMS ne la génère pas automatiquement.
Les balises meta ne sont pas visibles sur la page. C'est exactement pour ça qu'on les oublie. Pourtant, elles font toute la différence entre un lien qui donne envie de cliquer et un lien qui ressemble à une erreur 404.
Ce que les balises meta contrôlent vraiment
Trois couches distinctes, chacune avec ses propres règles :
Le moteur de recherche lit <title> (affiché en
bleu dans les résultats, 50-70 caractères max) et
<meta name="description"> (le texte gris en dessous, 150-160 chars).
Google peut décider d'ignorer votre description et d'en générer une lui-même, mais
si vous ne remplissez rien, il prend ce qu'il trouve, souvent le premier paragraphe,
rarement le meilleur.
Les réseaux sociaux (Facebook, LinkedIn, WhatsApp) lisent les
balises Open Graph : og:title, og:description,
og:image et og:url. Sans elles, l'aperçu est généré
au hasard. L'image OG idéale fait 1200 × 630 px : assez grand pour être lisible
dans le fil, assez petit pour charger vite.
Twitter/X a son propre format, les Twitter Cards : même principe,
balises préfixées twitter:. En pratique, Twitter utilise les balises OG
en fallback, mais les balises twitter: permettent de choisir le type
d'affichage (summary ou summary_large_image).
Les erreurs les plus courantes
Un title trop long : Google tronque au-delà de 600 pixels environ (pas de caractères : un « M » prend plus de place qu'un « i »). Un title trop court : vous laissez des mots-clés sur la table.
Une description générique copiée partout : « Bienvenue sur notre site web. Découvrez nos produits et services. » C'est la pire chose possible pour le CTR. La description est le seul endroit où vous pouvez parler directement à quelqu'un qui hésite à cliquer.
Une image OG absente ou en mauvais format : l'aperçu LinkedIn affiche un carré blanc. Le lien a l'air d'un spam.
Des balises og: présentes en FR mais pas en EN, ou différentes selon
la langue : les crawlers sociaux ne suivent pas les redirections de langue, ils
voient ce que vous leur montrez.
Utiliser le générateur
J'ai construit un générateur de meta tags gratuit qui produit en un clic les trois couches : SEO, Open Graph et Twitter Card.
Il affiche en temps réel le rendu dans Google (titre + description + URL), sur Facebook/LinkedIn (image + titre + domaine), et sur Twitter (summary ou large image). Vous voyez exactement ce que verront vos visiteurs avant même de publier.
Les compteurs de caractères passent au rouge quand vous dépassez les limites. Un score SEO global (sur 100) agrège les règles de base : longueur du title, présence de la description, de l'URL canonique, de l'image OG, du viewport.
Le code généré est prêt à coller dans votre <head>, dans
l'ordre recommandé (charset et viewport en premier, OG après).
Quelques règles à retenir
Le title doit contenir votre mot-clé principal, idéalement en début de phrase. La description ne sert pas directement au classement Google, mais elle influence le taux de clic, qui lui influence votre position à terme.
L'URL canonique (<link rel="canonical">) évite le duplicate
content si votre page est accessible depuis plusieurs URLs (avec et sans
www, avec et sans / final, avec des paramètres UTM).
Pour tester vos balises après publication : le Facebook Sharing Debugger
(developers.facebook.com/tools/debug), le
Twitter Card Validator, et le
Google Rich Results Test. Le générateur vous évite le cycle
« publier, tester, corriger, republier » en vous montrant le résultat avant.