Etiquetas de vista previa social en HTML

Las etiquetas Open Graph y de Twitter deciden cómo se ve un enlace compartido.

<meta property="og:title" content="Type faster in SQL">
<meta property="og:description"
      content="Three tours, forty snippets, real formatting.">
<meta property="og:image" content="https://typestar.io/og/sql.png">
<meta property="og:url" content="https://typestar.io/tours/sql">
<meta property="og:type" content="article">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@typestar">

Cómo funciona

1. og:image quiere una URL absoluta, de unos 1200 por 630.
2. og:type es website para páginas, article para publicaciones.
3. Las etiquetas de tarjeta de Twitter usan las de Open Graph como fallback.

El intento, en números

Líneas

8

Caracteres a escribir

425

Tokens

63

Ritmo de tres estrellas

75 tpm

Al ritmo de tres estrellas de 75 tokens por minuto, este intento toma unos 50 segundos.

Escribe este fragmento

Paso 2 de 6 en Metadatos; paso 18 de 23 en Semántica y metadatos.

← Anterior Siguiente →