Herramienta SEO gratuita

Vista Previa de Open Graph para redes sociales

Mirá en tiempo real cómo se verá tu enlace al compartirlo en Facebook, LinkedIn, WhatsApp y más. Ajustá og:title, og:description, og:image y og:url, y copiá las etiquetas listas para pegar. Todo ocurre en tu navegador, sin registro ni envío de datos.

0 caracteres
0 caracteres
El dominio se muestra automáticamente en la tarjeta.
Usá una URL absoluta (https://…). Recomendado: 1200×630 px, relación 1.91:1.
Tamaño recomendado: 1200×630 px (relación 1.91:1). Es el formato ideal para la tarjeta grande de Facebook y LinkedIn. El peso ideal es menor a 1 MB en JPG o PNG.
Vista previa de la tarjeta
og:image
Imagen no disponible / og:image
seobuenosaires.com
Así se verá aproximadamente tu enlace al compartirlo. Cada red social puede recortar el texto y la imagen de forma ligeramente distinta.

¿Qué es Open Graph y por qué importa?

El protocolo Open Graph (og) es un conjunto de etiquetas <meta> que le indican a Facebook, LinkedIn, WhatsApp, Telegram y otras plataformas cómo mostrar tu enlace cuando alguien lo comparte. Sin estas etiquetas, las redes intentan adivinar el título, la descripción y la imagen, y el resultado suele ser una tarjeta pobre que recibe menos clics.

Las etiquetas esenciales

  • og:title — el título de la tarjeta. Ideal: hasta 60-70 caracteres para que no se corte.
  • og:description — el resumen debajo del título. Ideal: hasta 200 caracteres; en el feed suelen mostrarse 2 líneas.
  • og:image — la imagen destacada. Usá una URL absoluta y el tamaño recomendado de 1200×630 px (relación 1.91:1).
  • og:url — la URL canónica de la página, sin parámetros de campaña.
  • og:type — el tipo de contenido (por ejemplo website o article).

Tamaños de imagen recomendados

  • 1200×630 px (1.91:1): tarjeta grande, la opción por defecto y la que más engagement genera.
  • Peso menor a 1 MB, en formato JPG o PNG.
  • Evitá texto muy pequeño en la imagen: en móvil se ve reducido.

Cómo usar esta herramienta

  1. Completá og:title, og:description, og:url y og:image en el formulario.
  2. Observá la vista previa en vivo a la derecha y ajustá el texto hasta que se vea bien.
  3. Vigilá los contadores de caracteres: si se ponen en rojo, tu texto podría recortarse.
  4. Copiá el bloque de etiquetas y pegalo dentro del <head> de tu página.
  5. Verificá el resultado real con el Sharing Debugger de Facebook o el Post Inspector de LinkedIn.

Consejo: además de Open Graph, agregá las etiquetas twitter:card para controlar la vista previa en X (Twitter). Muchas plataformas usan Open Graph como respaldo si no encuentran etiquetas específicas.

¿Necesitás más que herramientas?

En Buenos Aires SEO llevamos tu posicionamiento al siguiente nivel con estrategias a medida. Solicitá una auditoría SEO gratuita para tu sitio.

Solicitar Auditoría Gratuita