Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpromoteurDéveloppement d'outils d'IA pour les entreprises. Haute qualité. Prix abordables.Écrire sur Telegram

Générateur de balises méta en ligne: Comment rédiger le titre, la description et le code Open Graph et insérer le code

Générateur de balises méta en ligne: titre, description et Open Graph avec aperçu et code HTML prêt à l’emploi

Ce que vous obtiendrez

  • Bloc HTML prêt à l'emploi avec titre, description, balise canonique, balise robots, Open Graph et carte Twitter — gratuit
  • Formules de titre et de description pour les articles principaux, les catégories, les produits et les articles.
  • Comprendre où insérer du code dans WordPress, un outil de création de sites web ou un site web personnalisé
Appliquer: en 15 minutesSauvegardes: temps passé à écrire et à déboguer manuellement du code dans la tête

En bref: pour créer des balises méta en ligne, ouvrez le générateur de balises méta gratuit PromoPilot et remplissez les champs titre, description, balise canonique, robots, Open Graph et Twitter Card. Un aperçu du contenu Google et Facebook s'affichera à droite, ainsi que le code HTML final en dessous. Copiez-le simplement en un clic et collez-le dans <head> de votre page. Vous pouvez partir de zéro ou télécharger les balises existantes depuis une page via un lien et les modifier. Vous trouverez ci-dessous la marche à suivre pour remplir chaque champ et éviter les erreurs courantes.

Je crée des sites web depuis 12 ans, et les balises méta sont la première chose qui disparaît quand je modifie un modèle. Le générateur est une véritable aubaine quand j'ai besoin de composer rapidement le bon bloc pour une page d'accueil ou une page de destination sans avoir à me souvenir de la syntaxe og: et twitter::.

Que crée le générateur de balises méta?

Le générateur est un formulaire avec des indications qui transforme votre texte en code valide. Voici les champs qu'il remplit et leur fonction.

Champ Que saisissez-vous? Pourquoi le site a-t-il besoin de cela?
Titre Titre de la page (30 à 60 caractères recommandés) Lien bleu dans les résultats de recherche Google et onglet du navigateur
Méta-description Description (120 à 160 caractères recommandés) Candidat pour un extrait de texte sous le titre
URL canonique Adresse de la page principale Fusionne les doublons avec paramètres et balises UTM
Robots index/noindex, follow/nofollow Active ou désactive l'indexation d'une page.
Open Graph og:titre, og:description, og:image (1200×630), og:type, og:locale Aperçu du lien sur Facebook, LinkedIn et messageries instantanées
Carte Twitter twitter:card (summary_large_image ou résumé), titre, description Carte de lien dans X (Twitter)

En dessous des champs se trouvent des compteurs de caractères avec des plages recommandées, à droite un aperçu en direct de l'extrait Google et de la publication Facebook, et en bas le code HTML généré.

Comment créer des balises méta en ligne?

Balises méta en 4 étapes: télécharger les balises actuelles, renseigner le titre et la description, ajouter l’URL canonique et Open Graph, copier le code HTML dans l’en-tête.

  1. Ouvrez le générateur de balises méta. Si la page existe déjà, collez son adresse dans le champ supérieur et cliquez sur « Téléverser»; les balises actuelles seront insérées dans le formulaire.
  2. Rédigez votre titre et votre description en surveillant le nombre de caractères. Une barre rouge indique que le texte est plus court ou plus long que la normale.
  3. Spécifiez l'adresse canonique: l'adresse complète de la page avec https://, sans paramètres.
  4. Sélectionnez robots. Pour une page classique, index, follow. noindex est réservée aux pages de service: panier, compte personnel et résultats de recherche du site.
  5. Remplissez la carte Open Graph et Twitter: une image de 1200×630, le type ( website pour la page principale, article pour l'article, product pour le produit) et la langue, par exemple ru_RU ou en_US.
  6. Vérifiez l'aperçu et copiez le code HTML à l'aide du bouton de copie.

Le résultat sera quelque chose comme ce bloc, qui est inséré dans <head>:

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

Remarque: le titre (og:title) ne doit pas nécessairement être une copie conforme du titre. Sur les réseaux sociaux, les termes « marque» et « acheter» peuvent paraître intrusifs; un titre plus pertinent est donc préférable, et il doit refléter la requête de recherche.

Voici à quoi ressemble l'espace de travail: une ligne pour charger les tags via un lien, un formulaire à gauche et un aperçu Google et Facebook à droite.

Page de l'outil gratuit de génération de balises méta de PromoPilot: importation de balises URL, champs titre et description, aperçus Google et Facebook

Comment rédiger un titre et une description qui incitent au clic?

Le générateur prend en compte la longueur, mais pas le contenu. Voici les formules que j'utilise pour différents types de pages:

  • Accueil: Что продаёте + для кого / где | Бренд — par exemple, Мебель из массива дуба на заказ | Woodline.
  • Catégorie: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • Produit: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • Article: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Rédigez votre description sous forme de promesse concise: ce que le visiteur trouvera sur la page et pourquoi il devrait cliquer. Mauvais exemple: « Bienvenue sur notre site! Nous proposons une large gamme de…» Bon exemple: « 120 sacs à dos en cuir en stock, livraison dans toute l’Europe en 2 à 4 jours, retours gratuits sous 30 jours. Choisissez votre modèle par taille et couleur.»

Erreurs de code courantes que le générateur permet d'éviter:

  1. La page contient deux balises de titre: l’une provient du modèle, l’autre de l’extension. Après avoir collé le code, vérifiez que l’ancienne balise a bien été supprimée.
  2. Adresse relative dans og:image ( /img/cover.jpg) — les réseaux sociaux attendent l'adresse complète avec https://.
  3. L'utilisation d'une balise canonique sur la page d'accueil de toutes les pages est une erreur de modèle courante qui exclut les pages de l'index.
  4. noindex, oublié après le développement - le site est lancé, mais le moteur de recherche ne le voit pas.

Où dois-je coller le code généré?

Le code est inséré dans <head>, mais la méthode dépend du moteur de recherche. Sur un site web personnalisé, il est inséré directement dans le modèle HTML de la page. Sous WordPress, il est plus simple d'éviter de coller le code manuellement et d'importer plutôt le texte généré dans les champs d'une extension SEO (Yoast SEO ou Rank Math): l'extension générera automatiquement les balises et évitera les doublons. Dans les outils de création de sites web, recherchez la section « SEO» dans les paramètres de la page.

Après la publication, vérifiez les résultats: notre article sur l’analyse des balises méta vous expliquera comment vous assurer que les balises sur la page en ligne correspondent à celles prévues, et notre article sur les aperçus des SERP vous expliquera comment visualiser l’extrait dans les résultats de recherche sur un téléphone.

Comparaison: Générateur de balises méta et alternatives

Outil Qu'est-ce qui est gratuit? Restrictions À qui convient-il?
PromoPilot — Générateur de balises méta Titre, description, URL canonique, robots, fiches OG et Twitter, aperçu Google et Facebook, HTML prêt à l'emploi Rédigez vous-même les textes, une page à la fois. Page de destination, page d'accueil, site web personnalisé, test d'idée
Yoast SEO / Rank Math Intégrez directement les champs Titre, Description et OG dans l'éditeur WordPress. WordPress uniquement, installation de plugin requise Pour les propriétaires de sites web WordPress
Paramètres SEO dans le générateur Champs Titre et description d'une page L'ensemble des champs est limité par les capacités de la plateforme. Sites Web sur les constructeurs
Codage manuel Contrôle total Il est facile de faire des erreurs de syntaxe et des doublons. Pour les développeurs

Conclusion: si votre site est sous WordPress, remplissez les champs du plugin SEO et utilisez le générateur comme brouillon avec aperçu. Pour un site web personnalisé ou une page de destination dédiée, le générateur produit du code prêt à l’emploi plus rapidement.

En plus du générateur, PromoPilot propose 87 autres outils SEO gratuits, allant d'un débogueur Open Graph à un générateur de balisage Schema.

Quelles sont les limitations du générateur de balises méta?

Le générateur ignore les requêtes de recherche utilisées: vous choisissez les mots-clés dans le titre. Il ne vérifie pas l’unicité: si vous insérez la même description sur 50 pages, l’outil ne le remarquera pas. Enfin, il fonctionne avec une seule page: pour une boutique proposant des centaines de produits, les tags sont générés automatiquement à partir d’un modèle intégré au code du site, et non manuellement.

Quand un outil gratuit ne suffit-il pas?

Générateur de balises méta vs. Modèles de balises clés en main: Génération manuelle de règles pour une seule page vs. règles pour l’ensemble du site

Le générateur est idéal pour cinq pages. Pour cinq cents pages, une autre approche est nécessaire. Un spécialiste est requis si:

  • Vous disposez d'un catalogue, et des étiquettes devraient être automatiquement attribuées à chaque nouveau produit;
  • Le site est multilingue et des balises sont nécessaires dans chaque langue avec la localisation appropriée;
  • vous ne savez pas quelles requêtes attirent les acheteurs, et les titres sont écrits « à l’œil»;
  • Après la modification du CMS, des balises ont été perdues ou dupliquées.

Que puis-je faire pour votre site web?

Je suis Valeriy Danyuk, développeur et spécialiste SEO avec 12 ans d'expérience et plus de 200 clients. J'intègre les balises méta dans les modèles dès la conception, afin que les propriétaires de sites web n'aient pas à s'en soucier lors de chaque publication.

Référencement et promotion

Sites Web et boutiques en ligne

CRM et automatisation

Envoyez-moi l'adresse de votre site web via Telegram et je vous suggérerai une formule de titre pour vos pages clés.

Résultat

  1. Le générateur de balises méta en ligne assemble un bloc d'en-tête prêt à l'emploi: titre, description, balise canonique, robots, Open Graph et carte Twitter avec un aperçu.
  2. Votre titre doit compter entre 30 et 60 caractères, votre description entre 120 et 160 caractères, et placez le mot-clé et l'avantage en premier.
  3. Après avoir collé le code, vérifiez que les balises ne sont pas dupliquées et que og:image est spécifié comme adresse complète.
  4. Pour un site de catalogue et multilingue, les balises sont collectées à l'aide d'un modèle ou d'une plateforme où cela a déjà été fait, comme 1001site.

Récupérez les balises pour votre page d'accueil à l'aide d'un générateur de balises méta gratuit — cela vous prendra moins de temps que de lire cet article.

Sources

  • Page de l'outil PromoPilot Meta Tag Generator - champs, plages recommandées et FAQ.
  • Open Graph Protocol (ogp.me) — description des balises og:title, og:image, og:type, og:locale.
  • Documentation des plugins Yoast SEO et Rank Math pour WordPress.

Références et sources

Questions et réponses

Quelle est la longueur optimale du titre et de la description?

Consignes du générateur: titre — 30 à 60 caractères, description — 120 à 160 caractères. Des compteurs sous les champs indiquent si le texte dépasse les limites spécifiées. Placez le mot-clé et le bénéfice en premier; Google tronquera la fin des textes trop longs.

Pourquoi les balises Open Graph sont-elles nécessaires?

Open Graph contrôle l'affichage des aperçus de liens sur Facebook, LinkedIn, Telegram, WhatsApp et d'autres applications: le titre, la description et l'image. Sans ces éléments, la messagerie affichera du texte et une image aléatoires de la page, voire un lien nu.

Où coller le code généré?

Dans l'en-tête de la page, avant la balise de fermeture . Sous WordPress il est plus simple de renseigner ces mêmes champs via une extension SEO (Yoast ou Rank Math) ou, dans les constructeurs de pages, dans les paramètres SEO de la page. Assurez-vous qu'il n'y a pas de balises en double: la présence de deux balises title sur une même page constitue une erreur.

En quoi un générateur diffère-t-il de l'analyse des métadonnées?

Le générateur vous aide à rédiger les balises et produit du code prêt à l'emploi. L'analyse des balises méta vérifie le contenu de la page et détecte les erreurs. Une solution pratique: vérifiez la page, corrigez les balises problématiques dans le générateur, insérez-les, puis vérifiez à nouveau.

Nous avons consulté le site web, mais il n'y a personne pour le réparer?

Cet outil gratuit détecte les problèmes. J'analyserai le rapport, établirai les priorités et corrigerai les points suivants: audit SEO, optimisation de la vitesse, balisage et migration vers un nouveau site sans perte de positionnement.