¿Algo va mal con esta herramienta?
Sobre «Vista Previa De Tarjeta Social En Línea»
Qué hace la herramienta
Vista previa de tarjeta social convierte una URL en una vista previa visual en vivo de las tarjetas para compartir que las apps sociales crean a partir de las etiquetas meta de tu página. Obtiene la página una vez y muestra cómo aparecerá el enlace en X (Twitter), Facebook, LinkedIn y Slack o Discord—el título, la descripción, la miniatura y el dominio—para que veas la tarjeta real en lugar de adivinar.
Qué lee
La herramienta lee las etiquetas Open Graph y Twitter Card de tu página: og:title, og:description, og:image, og:url, og:site_name, además de twitter:card, twitter:title y twitter:image. Cuando falta una etiqueta, recurre al <title> simple de la página y a su meta descripción, igual que la mayoría de plataformas decide qué mostrar.
Por qué importa
Un enlace compartido suele ser lo primero que ve la gente, y una tarjeta rota—imagen ausente, título incorrecto, descripción obsoleta—te cuesta clics sin que lo notes. La vista previa te permite ver y corregir cómo se ve tu enlace antes de publicar. El problema más común que detecta es un og:image ausente o incorrecto, que deja tu tarjeta vacía o con la imagen equivocada en cada plataforma.
Etiquetas que faltan y requisitos
Cuando falta una etiqueta clave, la herramienta la señala como advertencia—por ejemplo, «sin og:image» o «sin og:description»—en lugar de ocultar el vacío en silencio. Como obtiene la página en vivo, la URL debe ser accesible públicamente: no puede leer páginas tras un inicio de sesión, un muro de pago o una red privada.
Cómo usar esta herramienta
Pasos
Pega la URL de la página que quieres comprobar—tu artículo, producto o página de destino.
Pulsa ejecutar. La herramienta obtiene la página y lee sus etiquetas Open Graph y Twitter Card.
Revisa las vistas previas de X, Facebook, LinkedIn y Slack, y lee cualquier advertencia sobre etiquetas ausentes.
Corrige las etiquetas meta en tu página y vuelve a comprobar hasta que cada tarjeta se vea bien.
Consejos
- Usa un
og:imageabsoluto con HTTPS de unos 1200×630 píxeles—las rutas relativas y las imágenes diminutas a menudo no se muestran. - Algunas redes y plataformas almacenan en caché tarjetas antiguas, así que un cambio recién hecho puede tardar en aparecer; volver a comprobar confirma que tus nuevas etiquetas están activas.
- Si una tarjeta sigue viéndose mal, corrige las etiquetas meta y ejecuta la herramienta de nuevo en vez de confiar en una vista previa obsoleta.