Vista Previa Open Graph
Previsualice cómo aparece su contenido en Facebook, Twitter, LinkedIn, Discord, Slack y WhatsApp.
Open Graph Tags
Vista Previa Open Graph
Previsualice sus etiquetas Open Graph en 6 plataformas principales antes de publicar.
Herramientas populares
Acerca de Vista Previa Open Graph
Escribe og:title, og:description, og:image, og:url y og:site_name y se generan tarjetas de enlace simuladas para Facebook, Twitter/X, LinkedIn, Discord, Slack y WhatsApp. Cada tarjeta aplica el recorte propio de esa plataforma, así que puedes ver un título cortado a los 70 caracteres o una descripción truncada cerca de los 125 en Twitter antes de publicar. Encaja con cualquiera cuya vista previa al compartir tenga que quedar bien en varias aplicaciones. Las etiquetas se introducen a mano en lugar de descargarse, y las vistas previas se renderizan localmente en tu navegador.
Casos de uso
Cómo usar
Escribe tu og:title y tu og:description en los campos de la izquierda; los contadores que hay junto a cada etiqueta te indican cómo vas respecto a las guías de 70 y 160 caracteres.
Pega la dirección de una imagen en og:image, cuyo tamaño recomendado es 1200x630px, y rellena después og:url y og:site_name.
También puedes cargar un ejemplo resuelto con los botones predefinidos Article, Product o Video que hay encima del formulario.
Ve pasando por las pestañas de plataforma (facebook, twitter, linkedin, discord, slack y whatsapp) para ver la tarjeta del enlace tal y como la muestra cada servicio.
Fíjate en dónde se corta el texto: los títulos se recortan a los 70 caracteres y las descripciones a los 125 en twitter o a los 155 en el resto, así que acorta todo lo que termine en puntos suspensivos.
Consejos Pro
- Pega tu contenido directamente: la Vista Previa de Open Graph detecta los formatos de entrada más habituales y aplica los ajustes adecuados de forma automática.
- Usa los atajos de teclado (Ctrl/Cmd+A para seleccionar todo, Ctrl/Cmd+C para copiar) y agiliza tu trabajo en la Vista Previa de Open Graph.
- Si el contenido es muy extenso, divídelo en partes: la mayoría de pestañas del navegador aguantan megabytes de texto, pero analizar cargas enormes puede bloquear la interfaz unos instantes.
- La Vista Previa de Open Graph no registra ni almacena lo que introduces. Si necesitas un historial, copia los resultados importantes a un archivo local o a tu aplicación de notas.
- Combina la Vista Previa de Open Graph con otras herramientas del sitio (formateadores, conversores, codificadores) para montar flujos de datos completos sin salir del navegador.
Preguntas frecuentes
Sí, es totalmente gratuito: sin registro, sin clave de API, sin marcas de agua y sin límites de uso.
No. La Vista Previa de Open Graph se ejecuta íntegramente en tu navegador, del lado del cliente. Lo que introduces nunca pasa por nuestros servidores.
No hay un límite estricto, pero es normal que se ralentice con entradas de más de unos pocos megabytes, según la memoria de tu dispositivo.
Sí. Los resultados que generes con la Vista Previa de Open Graph son tuyos y puedes usarlos libremente en cualquier proyecto personal o comercial.
Casi toda la lógica funciona con JavaScript en el navegador, así que después de la carga inicial normalmente puedes seguir trabajando sin conexión a la red.
Ninguno. Como la Vista Previa de Open Graph funciona en tu navegador, puedes procesar tantas entradas como permita tu hardware, sin claves de API ni restricciones.