Vista previa Open Graph
Genera y previsualiza meta tags Open Graph y Twitter Card
Acerca de Vista previa Open Graph
Convierte ocho campos, entre ellos og:title, og:description, og:image, og:type y twitter:card, en meta tags Open Graph y Twitter Card, con una vista previa genérica de la tarjeta que se actualiza mientras escribes. El título, la descripción y la imagen de Twitter reutilizan los valores de Open Graph, y og:image, og:site_name y twitter:site se omiten mientras estén vacíos. La vista previa carga la imagen directamente desde la URL que indicas.
Categoría: SEO.
Preguntas frecuentes
¿Qué es Open Graph?
▾
Un protocolo desarrollado por Facebook que te permite controlar cómo aparecen tus páginas cuando se comparten en redes sociales. Usa etiquetas <meta property="og:..."> para definir el título, la descripción, la imagen y la URL de la tarjeta que se muestra al compartir.
¿Qué plataformas usan etiquetas Open Graph?
▾
Facebook, LinkedIn, Pinterest y la mayoría de las demás plataformas sociales. Twitter/X tiene sus propias etiquetas twitter: pero usa las etiquetas og: como respaldo cuando las etiquetas twitter: están ausentes.
¿Qué tamaño de imagen debo usar para Open Graph?
▾
1200×630 píxeles, una proporción de 1,91:1, es la recomendación habitual y funciona bien en Facebook, LinkedIn y las tarjetas grandes de X. Las imágenes más pequeñas, aproximadamente por debajo de 600×315, suelen mostrarse como una miniatura en lugar de una tarjeta grande. Usa una URL absoluta con https en og:image.
¿La vista previa es exactamente lo que mostrarán Facebook, LinkedIn o X?
▾
No. Es una tarjeta genérica creada con los valores que escribes; cada plataforma recorta las imágenes, trunca el texto y guarda en caché las vistas previas a su manera. La herramienta tampoco consulta páginas en vivo, así que prueba la URL publicada con un depurador de la plataforma, como el Sharing Debugger de Facebook o el Post Inspector de LinkedIn.