Générez des balises meta HTML avec titre et description

Il impose les limites courantes de 60 caractères pour le titre et de 160 pour la description avant toute production. Les caractères HTML sont échappés, les mots-clés en double sont supprimés et le bloc obtenu est prêt pour un modèle, une page statique, un système de gestion de contenu ou une publication automatisée.

Rédigez un titre précis et une description utile

Commencez par la page précise qui recevra le code. Le titre doit indiquer son sujet et, lorsque cela apporte une information utile, le site ou l’organisation qui en est responsable. Placez les termes essentiels au début, car les résultats de recherche et les onglets du navigateur disposent de peu d’espace. Le générateur accepte un titre non vide de 60 caractères au maximum. La description doit résumer ce que la personne découvrira en ouvrant la page, dans un langage concret plutôt que sous la forme d’une série d’expressions sans lien. Elle doit contenir du texte et ne pas dépasser 160 caractères. Ces deux limites comptent les caractères Unicode et non les octets de stockage : les lettres accentuées et les alphabets non latins sont donc traités comme des caractères visibles. Les espaces placés au début et à la fin sont retirés avant la validation et le comptage. Si une valeur dépasse sa limite, la requête renvoie une erreur de saisie sans produire de code partiel. Cette rigueur empêche un brouillon incorrect d’atteindre discrètement un modèle éditorial avec un texte susceptible d’être tronqué.

Ajoutez des mots-clés uniquement si nécessaire

Les mots-clés sont facultatifs et se transmettent sous forme de liste, à raison d’une expression par élément. Lorsqu’au moins un élément est présent, le générateur supprime les espaces extérieurs, refuse les entrées vides, élimine les doublons sans modifier l’ordre de leur première apparition, puis sépare les expressions restantes par des virgules. La comparaison des doublons ignore la casse : Café et café sont ainsi considérés comme le même mot-clé, mais l’orthographe de la première entrée est conservée. La limite de 50 éléments permet de garder une entrée et une sortie bornées dans le navigateur comme avec l’API. La balise de mots-clés n’est pas indispensable à un bloc complet de titre et de description, et de nombreux moteurs actuels ne l’emploient pas comme signal de classement. Elle peut néanmoins servir à un moteur interne, à un ancien gestionnaire de contenu, à un cahier des charges éditorial ou à un analyseur qui attend ce champ. Si votre projet n’en a pas besoin, omettez la liste : le résultat exclura également la balise et le champ structuré facultatif, au lieu de renvoyer des valeurs vides.

Insérez le bloc généré et contrôlez la page

La réponse fournit le code complet dans le champ html ainsi que les mêmes éléments dans le tableau tags, pour les outils de compilation qui préfèrent manipuler des lignes séparées. Placez le bloc dans l’en-tête du document, avec un seul élément title et une seule balise meta de description par page. Dans une application rendue côté serveur, ajoutez-le généralement aux métadonnées de la route ou au composant d’en-tête partagé ; un générateur de site statique peut l’insérer pendant la compilation. Le résultat échappe les esperluettes, chevrons, guillemets et apostrophes afin que le texte fourni ne puisse pas quitter son contexte HTML. L’outil ne consulte pas la page cible, ne rédige pas de texte commercial, ne mesure pas la largeur en pixels et n’ajoute aucune balise sociale Open Graph ou Twitter Card. Après publication, examinez le code source réellement servi plutôt que le seul éditeur visuel, vérifiez qu’aucun thème ou module n’a ajouté de balises concurrentes, puis testez l’URL définitive avec les outils pour webmasters du moteur concerné. Les moteurs peuvent réécrire l’extrait affiché : un code valide constitue donc une instruction claire, sans garantir une présentation identique.