Escribe el título, la descripción, el enlace canónico, las etiquetas Open Graph y las etiquetas de tarjeta X de una página.
Qué etiquetas se escriben
Una página necesita un título, una descripción, una URL canónica, etiquetas Open Graph y una tarjeta X. Esta página escribe esas etiquetas y cuenta el título y la descripción.
Cómo usarla
Rellene Título y Descripción. El recuento está junto a cada campo y se actualiza con Actualizar al escribir.
URL canónica, URL de la imagen, Texto alternativo, Nombre del sitio, og:type, og:locale, Tarjeta X y Sitio X son opcionales. og:type empieza en website. Tarjeta X empieza en summary_large_image.
Convertir refresca las etiquetas. Mostrar ejemplo pone el título en Ada Lovelace notes, la descripción en Short notes on the analytical engine, with a portrait and a canonical page, la URL canónica y la imagen og en https://example.com/ada y https://example.com/ada.jpg, el texto alternativo en Portrait of Ada, el sitio en Example, og:type en article, og:locale en en_US, la tarjeta en summary_large_image y el sitio X en @example.
Ese resultado incluye un elemento 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 y twitter:site content="@example".
Borrar todo vacía los campos, devuelve og:type a website y la tarjeta a summary_large_image. Copiar resultado copia las etiquetas.
Recuentos y campos vacíos
El recuento del título y el de la descripción se muestran siempre. Pasados 60 caracteres, la línea del título avisa. Pasados 160 caracteres, la línea de la descripción avisa. Las etiquetas se escriben igual.
Un campo opcional vacío se omite. Las comillas del texto se escapan. og:type es website o article. El valor de la tarjeta X es summary o summary_large_image.
Dónde se usa
Preparar las etiquetas head de un artículo.
Ver que un título ha pasado de 60 caracteres antes de publicarlo.
Cambiar la tarjeta entre summary y summary_large_image.
Preguntas
¿Un título largo se corta aquí?
El aviso es un recuento. El elemento title sigue conteniendo el texto completo.
¿Por qué se usa twitter: en una tarjeta X?
El nombre meta de la tarjeta en el head de la página sigue siendo twitter:card.
