Générateur de balises meta
Générez des balises meta SEO, Open Graph et Twitter Card à partir d'un simple formulaire dans votre navigateur. Les détails de votre page restent sur votre appareil.
Le générateur de balises meta s'exécute entièrement dans votre navigateur. Le title, la description, les URL et les autres détails de page que vous saisissez ne quittent jamais votre appareil et rien n'est téléversé vers ArrayKit.
Ouvrir le générateur Open Graph
À propos de Générateur de balises meta
Le générateur de balises meta transforme un court formulaire en un bloc prêt à copier de balises HTML d'en-tête pour les moteurs de recherche et le partage social. Renseignez un titre, une description, une URL canonique, un auteur, des mots-clés, une directive robots et une theme-color, puis ajoutez des champs Open Graph et Twitter Card pour de riches aperçus de liens. Il émet un ensemble propre de balises <meta> et <link>, échappe chaque attribut en HTML pour que les guillemets et les esperluettes restent valides, et saute les champs que vous laissez vides. Le titre, la description et l'URL Open Graph se rabattent sur leurs équivalents standard, si bien qu'un titre renseigné alimente tout de même votre carte sociale. Un aperçu en direct montre à peu près à quoi ressemble la carte avant que vous ne colliez les balises dans le <head>. Il est conçu pour les développeurs, les spécialistes SEO et les équipes de contenu. Tout s'exécute sur votre appareil — rien concernant votre page n'est téléversé.
Fonctionnalités
- Construit les balises SEO : title, description, keywords, author, robots et link canonique
- Génère les balises Open Graph pour title, description, image, URL et type
- Génère les balises Twitter Card, y compris le type de carte, le site et le créateur
- Échappe en HTML les guillemets et esperluettes pour que chaque valeur d'attribut reste valide
- Omet les champs vides pour que la sortie ne contienne que les balises réellement définies
- Le title, la description et l'URL Open Graph se rabattent sur les champs standard
- Aperçu de carte sociale en direct qui approxime le rendu du lien
- Copiez le bloc entier ou téléchargez-le sous forme d'extrait HTML
Comment utiliser Générateur de balises meta
- Saisissez votre title, votre description et votre URL canonique
- Ajoutez author, keywords, robots et theme-color si vous les voulez
- Renseignez les champs Open Graph et Twitter Card pour les aperçus sociaux
- Copiez le bloc généré et collez-le dans le <head> de votre page
Exemple
Entrée
title: My Page
description: A short summary
og:image: https://example.com/og.png
Sortie
<title>My Page</title>
<meta name="description" content="A short summary" />
<meta property="og:image" content="https://example.com/og.png" />
Les champs du formulaire deviennent des balises <title>, <meta> et <link> pour l'en-tête.
Erreurs courantes et dépannage
- L'image d'aperçu social ne s'affiche pas lorsque le lien est partagé. — Utilisez une URL og:image absolue (commençant par https://) et une image assez grande ; beaucoup de plateformes mettent les aperçus en cache, alors re-scannez avec le débogueur de la plateforme après vos changements.
- La description ou le titre semble cassé parce qu'il contient un guillemet ou une esperluette. — Rien à corriger ici — le générateur échappe automatiquement les guillemets en " et les esperluettes en &, alors collez la sortie telle quelle.
- Les moteurs de recherche indexent une page que vous vouliez cachée. — Réglez robots sur noindex, follow (ou noindex, nofollow). Souvenez-vous que les balises meta robots sont une demande, pas un contrôle d'accès, et ne s'appliquent qu'aux pages que les robots peuvent atteindre.
- Avertissements de contenu dupliqué sur des URL similaires. — Réglez l'URL canonique sur l'unique adresse préférée pour la page afin que les moteurs consolident les signaux de classement sur une seule URL.
Foire aux questions
- Que produit le générateur de balises meta ?
- Il produit un bloc prêt à copier de balises HTML d'en-tête — un <title>, des balises SEO <meta> standard, un <link> canonique, plus des balises <meta> Open Graph et Twitter Card — construit à partir des valeurs que vous tapez dans le formulaire.
- En quoi les balises Open Graph et Twitter Card diffèrent-elles des balises meta ordinaires ?
- Les balises standard comme description et robots visent les moteurs de recherche. Les balises Open Graph (og:) contrôlent l'apparence d'un lien partagé sur Facebook, LinkedIn et similaires, tandis que les balises Twitter Card contrôlent l'aperçu sur X/Twitter. Cet outil émet les trois à partir d'un seul formulaire.
- Dois-je renseigner chaque champ pour obtenir des balises meta valides ?
- Non. Laissez un champ vide et sa balise est simplement omise de la sortie. Le title, la description et l'URL Open Graph se rabattent aussi sur vos title, description et URL canonique standard lorsqu'ils sont laissés vides.
- Le générateur échappe-t-il les caractères spéciaux dans mon titre et ma description ?
- Oui. Les guillemets, esperluettes et chevrons sont échappés en HTML dans chaque valeur d'attribut (par exemple " devient " et & devient &), si bien que les balises restent valides même avec de la ponctuation dans votre texte.
- Où dois-je placer les balises meta générées ?
- Collez le bloc entier à l'intérieur de l'élément <head> de votre page HTML, avant la fermeture </head>. Vous pouvez le copier ou le télécharger sous forme d'extrait HTML à déposer dans votre modèle.
- Les informations de ma page sont-elles envoyées à un serveur ?
- Non. Le générateur de balises meta s'exécute entièrement dans votre navigateur. Le title, la description, les URL et les autres champs que vous saisissez ne quittent jamais votre appareil et ne sont pas téléversés vers ArrayKit.
Outils associés
Tous les outils ArrayKit