Datos de la tarjeta
Sobre esta vista previa Open Graph
Las etiquetas Open Graph indican a las redes sociales y aplicaciones de mensajes qué mostrar cuando alguien comparte una página. Dan el título, la descripción, la dirección y la imagen de la tarjeta.
Cambia los campos para ver una tarjeta aproximada y copia las líneas generadas en la sección head. La imagen necesita una URL pública que el robot de la red pueda abrir. Una imagen de 1200 × 630 usa la forma habitual 1,91:1 y suele funcionar bien.
La tarjeta real puede ser distinta de esta vista. Cada aplicación tiene su diseño, sus límites de texto y su caché. Después de publicar nuevas etiquetas, la red puede seguir mostrando la tarjeta antigua hasta que vuelva a leer la página.
Las principales etiquetas Open Graph
Usa un valor claro para cada etiqueta y haz que coincida con la página que se abrirá.
| Etiqueta | Qué controla |
|---|---|
| og:title | La línea principal de la tarjeta compartida |
| og:description | Una explicación breve debajo del título |
| og:image | Una imagen pública; 1200 × 630 es un buen tamaño inicial |
| og:url | La dirección preferida completa de la página compartida |
Cómo hacer una vista previa Open Graph
- Escribe el texto de la tarjeta: Añade un título y una descripción breves que coincidan con la página.
- Añade las URLs de página e imagen: Usa direcciones públicas completas. Describe la imagen para quien no pueda verla.
- Copia y publica: Pon las líneas OG en la sección head y deja que la plataforma vuelva a leer la página pública.
Preguntas frecuentes
¿Qué tamaño de imagen uso para Open Graph?
1200 × 630 píxeles es un tamaño habitual, con proporción 1,91:1. Aleja palabras y caras de los bordes porque algunas aplicaciones recortan la imagen.
¿Por qué la tarjeta compartida aún muestra la imagen antigua?
Las redes guardan las tarjetas en caché. Comprueba que las nuevas etiquetas estén en la página pública y usa el depurador de la red o espera a que vuelva a leer la URL.
¿Esta vista garantiza el resultado exacto?
No. Facebook, LinkedIn, aplicaciones de mensajes y otros servicios tienen diseños y límites distintos. Es una comprobación útil, no una copia exacta de cada aplicación.
¿Mi texto o imagen se sube a QwHub?
No. El texto y las etiquetas se quedan en el navegador. Para mostrar una URL pública, el navegador pide la imagen directamente a su servidor; QwHub no la copia.