Balises meta et Open Graph

Balises SEO avec aperçu

Aucune base de données : AIMRAN ne conserve ni vos fichiers, ni vos textes, ni vos résultats

Qu’est-ce que Balises meta et Open Graph ?

Les balises meta sont des lignes de code invisibles qui indiquent à Google et aux réseaux sociaux comment afficher votre page : le titre, la description et l’image qui apparaissent lors d’une recherche ou du partage d’un lien.

Renseignez les informations de votre page et voyez le rendu dans les résultats Google et lors d’un partage sur Facebook, LinkedIn ou X. Copiez ensuite le HTML et collez-le dans votre site.

Mode d’emploi

  1. Saisissez le titre et la description en surveillant le compteur de caractères.
  2. Ajoutez l’URL, l’image, le nom du site et la langue.
  3. Choisissez le type de page, la carte Twitter et, si vous voulez, la couleur du thème.
  4. Vérifiez l’aperçu dans Google et lors du partage.
  5. Copiez le HTML et collez-le dans le <head> de votre page.

Avantages

Détails techniques

L’outil génère <title>, meta description, link rel="canonical" et, en option, theme-color. Le bloc Open Graph comprend og:type (website ou article), og:title, og:description, og:url, og:image, og:site_name et og:locale, et ajoute og:image:width 1200 et og:image:height 630 lorsque la carte à grande image est choisie. Le bloc X/Twitter comprend twitter:card (summary ou summary_large_image), twitter:title, twitter:description, twitter:image et twitter:site, avec le @ ajouté automatiquement. Toutes les valeurs sont échappées pour le HTML et les balises vides sont omises. Les compteurs recommandent des titres de 30 à 60 caractères et des descriptions de 70 à 160, et l’aperçu Google tronque à ces limites.

Questions fréquentes

Que sont les balises meta ?

Des balises HTML placées dans le <head> de la page qui décrivent son contenu aux moteurs de recherche et aux réseaux sociaux. Les plus importantes sont le titre et la meta description.

Combien de caractères doit compter le titre SEO ?

Entre 30 et 60 caractères environ, pour que Google l’affiche en entier. La meta description, jusqu’à 160 environ.

Qu’est-ce qu’Open Graph ?

Un protocole créé par Facebook qui définit le titre, la description et l’image affichés lors du partage d’un lien sur des réseaux comme Facebook, LinkedIn ou WhatsApp.

Quelle taille pour l’image og:image ?

On recommande 1200 × 630 pixels (ratio 1,91:1) pour qu’elle s’affiche en grand et nette lors du partage.

Quelle différence entre summary et summary_large_image ?

summary affiche une petite vignette à côté du texte ; summary_large_image affiche une grande image au-dessus du titre sur X (Twitter).

Plus d’outils : Développeurs