Categoría: Desarrollo
Vista previa de Open Graph
Previsualiza cómo se verá la tarjeta de enlace de una página al compartirla
Pega las etiquetas <head> de una página y comprueba cómo se mostrará el enlace como tarjeta al compartirlo, junto con una lista de los campos de Open Graph y Twitter Card que le faltan. Se analiza por completo en tu navegador: no se obtiene ni se sube nada.
Vista previa del enlace
Lista de comprobación
Todo lo de esta página se procesa en tu navegador. No se sube nada.
Para qué sirve
Cuando se comparte un enlace en redes sociales o en una app de chat, la tarjeta de vista previa se construye a partir de las etiquetas meta de Open Graph y Twitter Card del <head> de la página —no del contenido de la página en sí—. Unas etiquetas ausentes o mal formadas dan como resultado un título en blanco, una imagen que falta o directamente ninguna tarjeta. Esta herramienta lee las etiquetas que pegas y muestra la tarjeta tal como la renderizaría una plataforma de redes sociales, junto a una lista de lo que está presente.
Cómo se usa
- Copia la sección <head> de tu página, o solo sus meta etiquetas.
- Pégala en el campo de entrada.
- Revisa la tarjeta de vista previa generada y la lista de comprobación debajo.
Privacidad
Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.
Preguntas frecuentes
- ¿Esto obtiene mi página en vivo?
- No: pega tú mismo el HTML. Nada de lo que introduces se envía a ningún sitio; las etiquetas se analizan en tu navegador.
- ¿Por qué no aparece mi imagen?
- La vista previa carga la URL de tu etiqueta og:image directamente desde tu navegador, así que solo aparecerá si esa URL es pública y accesible. Una etiqueta de imagen ausente también deja la tarjeta en blanco.
- ¿Necesito tanto las etiquetas de Open Graph como las de Twitter Card?
- Open Graph (og:*) cubre Facebook, LinkedIn, Slack y la mayoría de las plataformas. Twitter/X lee primero las etiquetas twitter:* y recurre a Open Graph si faltan, así que definir ambas da el resultado más consistente.