¿Qué emite el ejemplo del timer de cocina?

El título Kitchen timer tiene 13 caracteres, bajo el límite blando de 60. La descripción A free browser timer for cooking. tiene 33. La imagen https://utilihub.net/og/kitchen.jpg deja twitter:card summary_large_image y sin errores.

¿Esto descarga la imagen?

No. El fragmento se arma en local. No se verifica un 200 ni las dimensiones reales.

¿Por qué una imagen vacía avisa en summary_large_image?

Esa card espera og:image y twitter:image. Las tags igual se emiten, con aviso image-missing. Pasá a summary si no hay imagen.

Generador de etiquetas Open Graph

Generá etiquetas Open Graph para redes sociales.

Título (13/60)Descripción (33/200)URL canónicaImagen absolutaNombre del sitio

og:typetwitter:cardog:locale

Sin avisos. La imagen no se descarga.

<meta property="og:title" content="Kitchen timer" />
<meta property="og:description" content="A free browser timer for cooking." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://utilihub.net/tools/kitchen-timer" />
<meta property="og:image" content="https://utilihub.net/og/kitchen.jpg" />
<meta property="og:site_name" content="UtiliHub" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Kitchen timer" />
<meta name="twitter:description" content="A free browser timer for cooking." />
<meta name="twitter:image" content="https://utilihub.net/og/kitchen.jpg" />

Cargando herramienta…

Siguiente paso recomendado

Herramientas de desarrollo relacionadas

Después de usar Generador de etiquetas Open Graph, continúa con Generador de expresiones cron.

Abrir siguiente

Mismo tipo de tarea, para seguir en el sitio.

Generador de expresiones cronGenerá expresiones cron legibles.DesarrolloAleatorios

Generador gitignoreGenerá un .gitignore según el tipo de proyecto.DesarrolloAleatorios

JSON a TypeScriptGenerá tipos TypeScript a partir de un JSON de ejemplo.DesarrolloJSON y datosAleatorios

Generador de manifest PWAGenerá un manifest.json para PWA.DesarrolloJSON y datosColor

Guía de la herramienta

Generador de etiquetas Open Graph: cómo funciona

Información práctica para entender el resultado y usar bien esta herramienta.

Sobre Generador de etiquetas Open Graph

Las etiquetas Open Graph son las que leen Facebook, LinkedIn, Slack y WhatsApp para la vista previa. Las Twitter cards usan atributos name en paralelo.

Este generador solo escribe el fragmento HTML. No descarga og:image, así que una URL rota igual se ve bien acá.

og:title avisa después de 60 caracteres y og:description después de 200. URLs relativas de imagen o página se rechazan porque los crawlers las resuelven distinto.

Cómo usarla

1Ingresá título, descripción, URL canónica y URL absoluta de la imagen.
2Elegí website o article, y summary o summary_large_image.
3Copiá las meta tags y pegálas en el head de la página.

Preguntas frecuentes

¿Qué emite el ejemplo del timer de cocina?: El título Kitchen timer tiene 13 caracteres, bajo el límite blando de 60. La descripción A free browser timer for cooking. tiene 33. La imagen https://utilihub.net/og/kitchen.jpg deja twitter:card summary_large_image y sin errores.
¿Esto descarga la imagen?: No. El fragmento se arma en local. No se verifica un 200 ni las dimensiones reales.
¿Por qué una imagen vacía avisa en summary_large_image?: Esa card espera og:image y twitter:image. Las tags igual se emiten, con aviso image-missing. Pasá a summary si no hay imagen.