Comment creer des balises meta HTML pour le SEO et le partage social

JotTools Team 4 min de lecture
L'outil de ce guide Ouvrir Balises meta

Les balises meta sont ces petites lignes de code situees dans l’en-tete d’une page HTML qui indiquent aux moteurs de recherche et aux reseaux sociaux comment presenter votre page. Bien configurees, votre page apparait avec un titre propre, un resume attrayant et une carte d’apercu correcte lorsque quelqu’un la partage. Mal configurees, les moteurs de recherche redigent leur propre resume ou votre lien partage semble casse. Ce guide explique les balises qui comptent et comment les construire avec le Generateur de balises meta.

Les balises meta qui comptent vraiment

Vous n’avez pas besoin de dizaines de balises. Une poignee porte presque tout le poids :

  • La balise title. Le titre cliquable dans les resultats de recherche et l’etiquette de l’onglet du navigateur. C’est l’element SEO sur la page le plus important de tous.
  • La meta description. Le court resume affiche sous le titre dans les resultats de recherche. Elle ne classe pas votre page directement, mais une bonne description gagne des clics.
  • Les balises Open Graph. Des balises comme og:title, og:description et og:image qui controlent l’apparence de votre lien lorsqu’il est partage sur Facebook, LinkedIn et les plateformes similaires.
  • Les balises Twitter Card. Un ensemble parallele qui faconne l’apercu sur cette plateforme.

Ensemble, elles decident a la fois si les gens trouvent votre page et s’ils cliquent une fois qu’ils l’ont trouvee.

Bien doser les longueurs

Les moteurs de recherche et les plateformes sociales tronquent le texte trop long, donc la longueur n’est pas un detail que vous pouvez ignorer. Comme objectifs pratiques, visez un titre d’environ 50 a 60 caracteres et une description d’environ 150 a 160 caracteres. Si vous depassez, la fin de votre phrase soigneusement redigee se retrouve coupee par des points de suspension, souvent au milieu d’un mot.

C’est la que compter aide. Plutot que de deviner, collez votre brouillon de titre et de description dans le Compteur de mots pour voir le nombre exact de caracteres avant de valider. Coupez jusqu’a rester dans la limite et que le message complet survive. Une description qui se lit comme une pensee complete vaut mieux qu’une qui s’eteint dans le vide.

Rediger une description sur laquelle on clique

La longueur est la contrainte, mais l’objectif est la persuasion. Une meta description est une minuscule publicite pour votre page. Commencez par le benefice ou la reponse que le lecteur recherche, employez un langage simple et incluez le mot cle principal de maniere naturelle pour qu’il ressorte lorsqu’il correspond a la requete. Evitez d’entasser des mots cles ou de repeter le titre mot pour mot.

Redigez-la sous forme d’une ou deux phrases claires, a la voix active, et faites une petite promesse que la page tient vraiment. Si la page est un tutoriel, dites ce que le lecteur sera capable de faire a la fin. Cette honnetete compte, car une description qui en promet trop entraine des rebonds rapides, et cela n’aide personne.

Comment generer vos balises meta

Ecrire le balisage a la main est fastidieux et facile a rater. Le Generateur de balises meta gratuit fonctionne entierement dans votre navigateur, de sorte que ce que vous tapez reste sur votre propre appareil et n’est jamais televerse.

  1. Saisissez le titre de votre page, la description et les autres champs proposes par l’outil, comme l’URL de la page et une image d’apercu pour Open Graph.
  2. Lisez le bloc de balises meta genere, pret a coller dans l’en-tete de votre HTML.
  3. Copiez-le dans votre page et enregistrez.

Comme il fonctionne hors ligne dans l’onglet, vous pouvez rediger des balises pour des pages non publiees ou privees sans rien envoyer a un serveur.

Gerer les caracteres speciaux et les URL propres

Deux petits details font trebucher les gens. D’abord, si votre titre ou votre description contient des caracteres comme &, < ou des guillemets, ils doivent etre encodes pour que le HTML reste valide. L’outil Encoder et decoder le HTML convertit ces caracteres dans leur forme d’entite securisee afin qu’une esperluette egaree ne casse pas votre balise.

Ensuite, le og:url et l’adresse de votre page se lisent mieux lorsqu’ils sont propres et en minuscules, les mots separes par des traits d’union. Si vous transformez le titre d’une page en slug d’URL, l’outil Texte vers slug le fait instantanement, en supprimant la ponctuation et les espaces pour que vos liens restent nets et faciles a partager.

La version courte

Les balises meta decident de la facon dont votre page apparait dans la recherche et sur les reseaux sociaux, elles meritent donc quelques minutes de soin. Concentrez-vous sur un titre solide, une description digne d’un clic et des balises Open Graph pour le partage, gardez le titre proche de 60 caracteres et la description proche de 160, et encodez tout caractere special. Le Generateur de balises meta construit le bloc entier pour vous dans le navigateur, gratuitement et sans inscription, afin que vous puissiez publier des balises propres et laisser vos pages apparaitre comme vous le souhaitez.

Essayez Balises meta maintenant

Générateur de balises meta gratuit. Saisissez titre, description, URL et image pour créer des balises SEO, Open Graph et Twitter Card dans votre navigateur.

Ouvrir Balises meta

Outils gratuits associés