Vista previa de Open Graph
Mira cómo se ve tu página cuando se comparte en Facebook, Twitter/X y LinkedIn. Optimiza tus tarjetas sociales para maximizar la interacción.
Esta herramienta se ejecuta entera en tu navegador. Tu HTML se procesa localmente y nunca se envía a ningún servidor.
Preguntas frecuentes
¿Qué son las meta etiquetas Open Graph?+
Las meta etiquetas Open Graph (OG) son etiquetas HTML que controlan cómo aparece tu página cuando se comparte en plataformas sociales como Facebook, LinkedIn, Slack y Discord. Definen el título, la descripción y la imagen que se muestran en la tarjeta social.
¿Qué diferencia hay entre las etiquetas OG y las Twitter Cards?+
Las etiquetas Open Graph las usan la mayoría de plataformas (Facebook, LinkedIn, Slack). Twitter/X tiene sus propias meta etiquetas (twitter:card, twitter:title, etc.), pero recurre a las etiquetas OG si no están las específicas de Twitter. Lo recomendable es incluir ambas.
¿Cuál es el tamaño recomendado para la imagen OG?+
El tamaño recomendado es 1200x630 píxeles (proporción 1,91:1) para la mayoría de plataformas. Funciona bien tanto en Facebook como en la tarjeta summary_large_image de Twitter. Mantén el archivo por debajo de 5MB y usa formato JPG o PNG.
¿Por qué mi enlace compartido muestra la imagen incorrecta?+
Las plataformas sociales cachean las vistas previas de enlaces. Tras actualizar tus etiquetas OG, tienes que limpiar la caché. Usa el Sharing Debugger de Facebook, el Card Validator de Twitter o el Post Inspector de LinkedIn para forzar una actualización.
¿Las etiquetas Open Graph afectan al SEO?+
Las etiquetas OG no afectan directamente al posicionamiento en búsquedas, pero mejoran el porcentaje de clics desde redes sociales. Más tráfico social e interacción puede impulsar tu SEO de forma indirecta gracias a una mayor visibilidad y posibles backlinks.