Vista Previa OG

Previsualiza como se veran tus tags Open Graph en Facebook, LinkedIn y Discord antes de publicar. Genera el codigo HTML de meta tags OG listo para copiar.

Caracteristicas principales

Tarjetas de vista previa en vivo para Facebook, LinkedIn y Discord
Avisos de conteo de caracteres para el título y la descripción
Genera código de metaetiquetas OG listo para usar
La retroalimentación visual ayuda a optimizar el aspecto al compartir en redes sociales

Guide

Compartes el enlace de tu web en Facebook y se ve... soso. Sin imagen, un título genérico, quizás un fragmento de texto aleatorio sacado de la página. Eso es lo que pasa cuando tus tags Open Graph faltan o están mal configuradas. Las tags OG controlan exactamente cómo aparece tu enlace cuando se comparte en redes sociales - el título, la descripción y la imagen que la gente ve antes de decidir si hace clic. Hacerlas bien puede aumentar drásticamente tu tasa de clics. El previsualizador de Open Graph gratuito de WebRecast te muestra exactamente cómo se renderizarán tus tags OG en Facebook, LinkedIn y Discord - antes de publicar. Introduce tu og:title, og:description, URL de og:image y og:url, y la herramienta genera tarjetas de vista previa en vivo que coinciden con el renderizado real de cada plataforma. Puedes ver inmediatamente si tu título es demasiado largo, tu descripción se corta o tu imagen tiene la proporción incorrecta. La herramienta también genera el código HTML completo de las meta tags OG, listo para copiar y pegar en tu página. Si has usado el Sharing Debugger de Facebook, el Post Inspector de LinkedIn u OpenGraph.xyz, ya conoces el ciclo de depuración - publicar, comprobar, arreglar, republicar, comprobar de nuevo. Este previsualizador OG te permite saltar ese ciclo dejando todo bien antes de que se publique nada. Un consejo que marca la diferencia de verdad: usa imágenes con una proporción de 1200x630 píxeles para og:image. Ese es el tamaño que Facebook y LinkedIn muestran mejor. Cualquier cosa más pequeña se recorta de forma incómoda, y cualquier cosa con una proporción diferente puede perder contenido importante. Este previsualizador de Open Graph online gratuito te ayuda a perfeccionar la presentación de cada enlace compartido. Sin cuenta necesaria, sin publicación requerida. Solo previsualiza, perfecciona y publica con confianza.

Preguntas frecuentes

¿Qué son las etiquetas Open Graph?

Las etiquetas OG controlan cómo aparece tu enlace al compartirlo en redes sociales: el título, la imagen y la descripción que ve la gente.

¿Por qué mi enlace compartido se ve mal?

Normalmente por etiquetas OG ausentes o incorrectas. Esta herramienta te ayuda a configurarlas y previsualizarlas antes de publicar.