Pular para o conteúdo

SEO y utilidadesGratis

Open Graph Preview

Simula cómo aparece tu enlace al compartirlo en Facebook, LinkedIn, Twitter/X y WhatsApp. Muestra las vistas previas lado a lado, revisa el tamaño del título, la descripción y la imagen y señala problemas antes de publicar. También genera las meta tags en HTML.

  • Sin registro
  • Funciona en el navegador
Sin imagen. Las tarjetas sin imagen tienen un CTR de 2 a 3 veces menor. Usa 1200×630 px.

Vistas previas

Facebook · LinkedIn (card grande)

Sin imagen
batedor.com.br
Open Graph Preview: mira cómo aparece tu enlace
Simula cómo aparecerá tu enlace al compartirlo en Facebook, LinkedIn, Twitter y WhatsApp antes de publicar.

Twitter / X (summary large image)

Sin imagen
batedor.com.br
Open Graph Preview: mira cómo aparece tu enlace

WhatsApp (mensaje con enlace)

Sin imagen
Open Graph Preview: mira cómo aparece tu enlace
Simula cómo aparecerá tu enlace al compartirlo en Facebook, LinkedIn, Twitter y WhatsApp antes de publicar.
batedor.com.br
https://batedor.com.br/ferramentas/og-preview
HTML para pegar dentro del head de la página
<title>Open Graph Preview: mira cómo aparece tu enlace</title>
<meta name="description" content="Simula cómo aparecerá tu enlace al compartirlo en Facebook, LinkedIn, Twitter y 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: mira cómo aparece tu enlace" />
<meta property="og:description" content="Simula cómo aparecerá tu enlace al compartirlo en Facebook, LinkedIn, Twitter y 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: mira cómo aparece tu enlace" />
<meta name="twitter:description" content="Simula cómo aparecerá tu enlace al compartirlo en Facebook, LinkedIn, Twitter y WhatsApp antes de publicar." />

¿Cómo aparecen tus competidores en línea?

Batedor monitorea a diario los sitios web y las redes sociales de tus competidores y te muestra lo que publican. Pruébalo gratis durante 14 días.

Probar gratis

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 el e-commerce brasileño: la imagen 1200x630 es lo que genera 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 de la página del producto o de la landing antes de lanzar la campaña.

Dudas

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.