ToolHub
Abrir herramienta

Vista previa de redes sociales

Previsualiza cómo se muestra un sitio web al compartirlo en Twitter, Facebook, LinkedIn y otras plataformas de redes sociales

Herramientas para desarrolladores
Iniciar herramienta Todas las herramientas

Acerca de esta herramienta

Previsualiza cómo se muestra un sitio web al compartirlo en Twitter, Facebook, LinkedIn y otras plataformas de redes sociales. Ingrese el título de la página, descripción, URL e imagen para ver vistas previas de tarjetas en tiempo real y generar metaetiquetas Open Graph. Todo el procesamiento se realiza localmente en el navegador.

Características principales

Vista previa rápida

Casos de uso

social

Preguntas frecuentes

¿Qué plataformas de redes sociales se pueden previsualizar?

La herramienta previsualiza cómo se muestra su página en Twitter (X), Facebook, LinkedIn y otras plataformas que admiten metaetiquetas Open Graph y Twitter Card. El diseño de la tarjeta varía ligeramente en cada plataforma.

¿Qué son las metaetiquetas Open Graph?

Las metaetiquetas Open Graph (og:title, og:description, og:image, og:url) son elementos HTML meta que controlan cómo aparece el contenido cuando se comparte en redes sociales. Definen el título, la descripción, la imagen y la URL que las plataformas sociales muestran en las vistas previas de enlaces.

¿En qué se diferencia Twitter Card de Open Graph?

Twitter usa sus propias metaetiquetas (twitter:card, twitter:title, etc.), pero recurre a las etiquetas Open Graph si faltan las de Twitter. La herramienta le permite alternar entre las vistas previas de Twitter y Open Graph, asegurando que ambas se rendericen correctamente.

¿Cuál es el mejor tamaño de imagen para las vistas previas sociales?

Facebook y LinkedIn requieren imágenes de al menos 1200x630 píxeles. La Tarjeta de resumen con imagen grande de Twitter recomienda una relación de aspecto 2:1, como 1200x600 u 800x400. La vista previa le ayuda a verificar si su imagen se muestra correctamente.

¿Por qué no se muestra mi imagen en la vista previa?

Las causas comunes incluyen URL og:image faltantes o incorrectas, archivos de imagen menores de 200x200 píxeles, formatos de imagen no compatibles o caché de la plataforma social. Use URL absolutas y asegúrese de que la imagen cumpla con los requisitos mínimos de tamaño.

Herramientas relacionadas

Validador JSONSelector de colorGenerador de hashGenerador de UUID