Open Graph Preview
Simula cómo aparecerá tu enlace al compartirlo en Facebook, LinkedIn, Twitter/X y WhatsApp. Vista previa de los 4 formatos lado a lado, valida tamaño de título/descripción/imagen y señala problemas antes de publicar.
Vistas previas
<title>Open Graph Preview — Veja como seu link aparece</title> <meta name="description" content="Simule como seu link vai aparecer compartilhado em Facebook, LinkedIn, Twitter e WhatsApp antes de publicar." /> <link rel="canonical" href="https://batedor.com.br/ferramentas/og-preview" /> <!-- Open Graph (Facebook, LinkedIn, WhatsApp) --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://batedor.com.br/ferramentas/og-preview" /> <meta property="og:title" content="Open Graph Preview — Veja como seu link aparece" /> <meta property="og:description" content="Simule como seu link vai aparecer compartilhado em Facebook, LinkedIn, Twitter e WhatsApp antes de publicar." /> <meta property="og:site_name" content="Batedor" /> <meta property="og:locale" content="pt_BR" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Open Graph Preview — Veja como seu link aparece" /> <meta name="twitter:description" content="Simule como seu link vai aparecer compartilhado em Facebook, LinkedIn, Twitter e WhatsApp antes de publicar." />
Cómo funciona
Cómo funciona Open Graph Preview
Open Graph Preview lee las meta tags que defines (URL, título, descripción, imagen y nombre del sitio) y arma la tarjeta tal como Facebook, LinkedIn, Twitter/X y WhatsApp la van a renderizar. Todo corre en el navegador: escribes los campos y las cuatro vistas previas se actualizan lado a lado en tiempo real, con el dominio extraído de la URL.
La herramienta valida cada campo contra los límites de cada red. Título ideal hasta 60 caracteres (corta en 90), descripción hasta 160 (límite 200) e imagen en la proporción recomendada de 1200x630. Si falta imagen, título o URL, o si algún texto se pasa, marca el problema antes de publicar. Por ejemplo, un título de 95 caracteres aparece resaltado en rojo y la tarjeta muestra cómo queda truncado.
Consejo para e-commerce BR: la imagen 1200x630 es lo que vende el clic en los grupos de WhatsApp y en el feed de Facebook, donde circulará tu oferta de Black Friday. Sin og:image la miniatura desaparece y el enlace queda solo como texto. Genera aquí las etiquetas HTML listas y pégalas en el <head> del producto o landing antes de lanzar la campaña.
Aprende más
Artículos para sacarle partido a esta herramienta
Como Monitorar Instagram de Concorrentes (Forma Profissional)
Print de story não serve. Veja como monitorar Instagram de concorrentes do jeito profissional.
Como Monitorar o Site de um Concorrente (Preços, Lançamentos e Mudanças)
O site é onde a estratégia do concorrente se materializa primeiro — e é o canal menos vigiado. Como detectar cada preço novo, lançamento e banner sem viver dando F5.
Analisar Criativos dos Concorrentes com IA de Visão
Ler 5 criativos do rival é tranquilo; 300 por mês é impossível na mão. Veja o que uma IA de visão extrai de cada arte (tema, oferta, rosto, texto na imagem, paleta), como o playbook visual transforma isso em padrão legível e o que a análise automática ainda não faz.
Preguntas frecuentes
Preguntas frecuentes
- ¿Qué es Open Graph (OG)?
- Open Graph es el conjunto de meta etiquetas (og:title, og:description, og:image) que define cómo se ve un enlace al compartirlo en redes sociales. Sin ellas, Facebook, LinkedIn y WhatsApp arman la tarjeta con datos aleatorios de la página.
- ¿Cómo previsualizar un enlace antes de publicar?
- Pega la URL o los datos del enlace en la herramienta de Open Graph Preview y simula lado a lado cómo aparecerá la tarjeta en Facebook, LinkedIn, Twitter/X y WhatsApp. Funciona 100% en el navegador, sin registro.
- ¿Cuál es el tamaño ideal de la imagen Open Graph?
- La imagen og:image recomendada es 1200×630 px (proporción 1.91:1), que funciona bien en Facebook, LinkedIn y Twitter/X. La herramienta valida el tamaño y señala cuando una imagen está fuera de estándar o puede recortarse.
- ¿Por qué mi enlace aparece sin imagen en WhatsApp?
- Normalmente porque faltan las etiquetas og:image/og:title o la imagen es demasiado grande y no carga en el caché de WhatsApp. La vista previa muestra los 4 formatos lado a lado e indica exactamente qué etiqueta falta o es inválida.
- ¿El Open Graph Preview es gratis?
- Sí, es 100% gratis y funciona directo en el navegador, sin login. Revisas el título, la descripción y la imagen de la tarjeta y corriges los problemas antes de publicar el enlace.
