Operacional

Optimice las etiquetas de Open Graph en línea para obtener mejores vistas previas

Anuncio

La solicitud está siendo procesada

Consulta los metadatos de gráficos abiertos de cualquier sitio web.
Anuncio

Tabla de contenido

Las etiquetas Open Graph son simples etiquetas HTML meta que controlan cómo se ve tu página web cuando se comparte en redes sociales. Indican a plataformas como Facebook y X (Twitter) qué mostrar en la vista previa de enlaces, como el título de la página, la imagen destacada y una breve descripción.

Añadiendo etiquetas Open Graph, puedes hacer que cada compartición parezca limpia, consistente y más clicable. Te ayuda a captar la atención, mejorar la interacción y evitar que las plataformas sociales extraigan la imagen equivocada o textos desordenados de tu página.

Facebook creó etiquetas Open Graph (OG), pero hoy en día se utilizan en muchas plataformas sociales, aplicaciones de mensajería y herramientas. Ayudan a cada plataforma a seleccionar el título, la imagen y la descripción correctos para crear una vista previa de enlaces limpia y clicable.

Estas son las plataformas y servicios más comunes que usan etiquetas OG:

  • Facebook: Construye la vista previa completa de la parte compartida (título, imagen, descripción).
  • X (Twitter): Utiliza etiquetas OG cuando faltan etiquetas de Twitter Card.
  • LinkedIn: Muestra avances de aspecto profesional utilizando datos originales.
  • Pinterest: Utiliza los detalles originales para mejorar las vistas previas de pines y el contexto del contenido.
  • WhatsApp: Genera previsualizaciones de enlaces a partir de etiquetas originales en los chats.
  • Telegram: Crea avances enriquecidos para enlaces compartidos en los mensajes.
  • Slack: Muestra las tarjetas de vista previa del enlace usando la información original.
  • Reddit: Recopila datos originales para adelantos de enlaces de publicaciones.
  • Motores de búsqueda (en algunos casos): pueden usar señales originales para mejorar cómo aparecen las páginas en los resultados.
  • Herramientas CMS (como WordPress): A menudo soportan etiquetas originales mediante plugins o configuraciones integradas.

Usar etiquetas Open Graph garantiza que tu contenido parezca consistente en todas partes donde se comparte, ayudándote a conseguir más clics, mejor interacción y una presencia de marca más pulida.

Documentación de la API disponible próximamente

Documentation for this tool is being prepared. Please check back later or visit our full API documentation.

Anuncio

Preguntas frecuentes

  • Las etiquetas de Open Graph no afectan directamente al SEO, pero indirectamente tienen un gran impacto en él. Crear enlaces interactivos a redes sociales aumenta las posibilidades de más clics y visibilidad, y esto incrementa las posibilidades de posicionamiento en la web. De ese modo, Open Graph es un factor indirecto pero muy esencial para el SEO. Que la web mejore su posicionamiento en las diferentes plataformas.
  • Cada vez que subes a algún nuevo personal en la web o haces algunos cambios en ella. Sin embargo, es mejor comprobarlo a intervalos regulares para mejorar la visualización y el rendimiento de tu sitio web.
  • Absolutamente sí, las etiquetas de grafo abierto pueden usarse tanto para contenido HTML como contenido no HTML, como vídeos, artículos y otro contenido.
  • No se recomienda hacerlo. Deberías añadir etiquetas de gráfico abierto para las páginas que quieres publicar en redes sociales, como entradas de blog, páginas de productos o páginas de destino. Sin embargo, no es necesario añadir estas etiquetas en los formularios de contacto ni en los avisos legales.