Générateur de balises meta

Construit le titre, la description, le lien canonique, les balises Open Graph et les balises de carte X d'une page.

Quelles balises sont écrites

Une page a besoin d'un titre, d'une description, d'une URL canonique, de balises Open Graph et d'une carte X. Cette page écrit ces balises et compte le titre et la description.

Comment l'utiliser

  1. Remplissez Titre et Description. Le compte est à côté de chaque champ et se met à jour avec Mettre à jour en tapant.
  2. URL canonique, URL de l'image, Texte alternatif, Nom du site, og:type, og:locale, Carte X et Site X sont facultatifs. og:type commence à website. Carte X commence à summary_large_image.
  3. Convertir rafraîchit les balises. Afficher un exemple met le titre à Ada Lovelace notes, la description à Short notes on the analytical engine, with a portrait and a canonical page, l'URL canonique et l'image og à https://example.com/ada et https://example.com/ada.jpg, le texte alternatif à Portrait of Ada, le site à Example, og:type à article, og:locale à en_US, la carte à summary_large_image et le site X à @example.
  4. Ce résultat comprend un élément title, name="description", rel="canonical", og:title, og:description, og:url, og:image, og:image:alt, og:site_name, og:type content="article", og:locale content="en_US", twitter:card content="summary_large_image", twitter:title, twitter:description, twitter:image et twitter:site content="@example".
  5. Tout effacer vide les champs, remet og:type à website et la carte à summary_large_image. Copier le résultat copie les balises.

Comptes et champs vides

Le compte du titre et celui de la description sont toujours affichés. Passé 60 caractères, la ligne du titre avertit. Passé 160 caractères, la ligne de la description avertit. Les balises sont quand même écrites.

Un champ facultatif vide est omis. Les guillemets du texte sont échappés. og:type vaut website ou article. La valeur de la carte X est summary ou summary_large_image.

Où on s'en sert

  • Esquisser les balises head d'un article.
  • Voir qu'un titre a dépassé 60 caractères avant de publier.
  • Basculer la carte entre summary et summary_large_image.

Questions

Un titre long est-il coupé ici ?

L'avertissement est un compte. L'élément title contient encore le texte complet.

Pourquoi twitter: sert-il à une carte X ?

Le nom meta de la carte dans le head de la page reste twitter:card.