Générateur de balises meta / Open Graph

Une balise '<title>', une meta description, un lien canonique auto-référent, une balise robots, l'ensemble Open Graph principal (og:type, og:title, og:description, og:url, og:site_name, og:image, og:image:alt, og:locale), l'ensemble Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site), et une balise theme-color si vous en avez fourni une. Chaque champ laissé vide est simplement omis du résultat plutôt que de générer une balise vide ou cassée.

La meta description est ce que les moteurs de recherche peuvent afficher comme extrait sous votre page dans les résultats de recherche ; la description Open Graph (og:description) est ce qui s'affiche quand la page est partagée sur Facebook, LinkedIn ou similaire. En pratique, une même phrase ou deux bien écrites fonctionnent généralement pour les deux, c'est pourquoi cet outil réutilise votre unique champ de description pour les deux balises - mais rien ne vous empêche de modifier l'extrait collé ensuite si vous voulez qu'elles disent quelque chose de légèrement différent.

La consigne d'environ 60 caractères reflète approximativement la quantité de texte que les moteurs de recherche affichent généralement avant de tronquer un titre dans les résultats de recherche avec des points de suspension - ce n'est pas une limite technique stricte, et un titre plus long fonctionnera quand même partout ailleurs. Si le libellé exact affiché dans les résultats de recherche vous importe, garder la partie importante du titre dans cette limite approximative évite qu'elle soit coupée.

1200×630 pixels (environ un ratio de 1,91:1) est la taille la plus couramment recommandée, puisque c'est ce autour de quoi les mises en page à grande image de Facebook, LinkedIn et X sont conçues. Des images plus petites ou de forme différente s'affichent généralement quand même, mais la plateforme peut les recadrer d'une façon que vous ne contrôlez pas, donc une image proche de ce ratio a tendance à s'afficher comme prévu.

Non - c'est uniquement un générateur de texte. Il construit l'extrait dans votre navigateur et rien n'est publié ni modifié automatiquement nulle part. Vous devez toujours coller le résultat vous-même dans le vrai '<head>' HTML de votre page, ou dans les champs SEO/meta que votre CMS ou constructeur de site propose pour cette page.

twitter:card est réglé sur summary_large_image dès qu'une URL d'image est fournie, et sur summary sinon - conformément à l'usage prévu des types de cartes de Twitter/X : summary_large_image affiche une grande image de prévisualisation bien visible, tandis que summary est une vignette plus petite pensée pour les cartes sans image forte à montrer.

Non. Chaque champ que vous saisissez et l'extrait généré lui-même restent entièrement dans votre navigateur - rien n'est jamais envoyé à un serveur.

L'extrait reste propre et valide - tout champ laissé vide (une image, un identifiant Twitter, une couleur de thème, etc.) est simplement omis du résultat plutôt que de produire une balise vide ou mal formée. Remplissez autant ou aussi peu que ce qui s'applique à votre page.

Oui - le sélecteur de type de contenu couvre website, article, product et profile, ce qui définit la valeur og:type que les plateformes utilisent comme indice de catégorisation lorsqu'elles analysent la page (les robots de Facebook et LinkedIn la lisent ; elle ne fait pas partie de la spécification Twitter Card elle-même, qui repose plutôt sur sa propre balise twitter:card distincte). Choisir le type qui correspond réellement à votre page est un petit signal, mais authentique, sur le type de contenu qu'elle représente.

Oui, si vous le souhaitez - cet outil couvre les meta tags, les balises Open Graph et Twitter Card, mais les données structurées JSON-LD sont un mécanisme distinct que Google lit pour des choses comme les résultats enrichis et les panneaux de connaissances, que les balises Open Graph ne fournissent pas. Les outils Générateur de balisage Schema et Générateur de schéma IA de ce site couvrent ça séparément ; une page porte souvent à la fois cet extrait et un script JSON-LD côte à côte dans son '<head>', chacun faisant un travail différent.

Ça indique aux plateformes dans quelle langue et région se trouve le contenu de la page - un code comme en_US ou fr_FR - que Facebook en particulier utilise pour décider quelles chaînes d'interface localisées (comme la langue d'un bouton « Voir plus ») afficher autour du lien partagé. Cet outil le règle par défaut sur en_US ; changez-le si votre page est vraiment dans une autre langue, et laissez-le correspondre à la langue réelle de votre contenu pour le résultat le plus précis.

Pour la plupart des pages, réutiliser le même titre et la même description bien écrits pour les deux est plus simple et plus facile à garder cohérent - une seule source de vérité plutôt que deux textes qui peuvent diverger avec le temps. Certains sites choisissent délibérément des légendes plus percutantes ou plus décontractées spécifiquement pour le partage social, ce qui est un choix légitime - cet outil privilégie par défaut l'approche du champ partagé plus simple, mais rien ne vous empêche de modifier ensuite les lignes spécifiques à Open Graph dans le résultat généré si vous voulez que les deux diffèrent.

Oui - rien d'une visite précédente n'est sauvegardé, donc il n'y a pas d'état périmé à gérer. Remplissez simplement à nouveau le formulaire avec les valeurs mises à jour et copiez le nouvel extrait chaque fois que le titre, la description ou l'image de votre page changent.