Quick definition
Open Graph es un conjunto de meta tags HTML que controla cómo aparecen el título
Open Graph (OG) es un protocolo web — introducido por Facebook en 2010 y adoptado ampliamente desde entonces — que define un conjunto de meta tags HTML que permiten a los propietarios de páginas web especificar cómo se previsualiza su URL al compartirla en redes sociales. Los cuatro tags principales son og:title (el titular en la tarjeta de vista previa), og:description (el texto de resumen), og:image (la miniatura) y og:url (la dirección canónica). Sin estos tags, las plataformas intentan extraer la misma información automáticamente del texto de la página y otros metadatos, con resultados inconsistentes y a menudo poco atractivos.
Cuando compartes una URL en una red social, la plataforma obtiene los tags Open Graph de la página y ensambla la tarjeta de vista previa que la audiencia ve debajo de la publicación — la imagen, el titular y la descripción. Muchos espectadores deciden si hacer clic basándose en esa tarjeta, a menudo sin leer el pie de foto. Un og:image bien elaborado y un og:title escrito pensando en el lector pueden superar notablemente una vista previa genérica generada automáticamente que tomó el logo del sitio y un tag de título HTML escrito para SEO en lugar de para compartir en redes.
Una empresa comparte una URL de entrada de blog en LinkedIn sin tags Open Graph. La tarjeta de vista previa selecciona automáticamente una cabecera genérica del sitio y muestra el título HTML de la página: "Blog – Nombre de la empresa." Tras añadir og:title ("Five pricing mistakes that kill conversion"), og:description (una frase con el beneficio para el lector) y og:image (un visual creado a propósito), la misma URL obtiene notablemente más clics en compartidos posteriores — el único cambio fue lo que comunicó la tarjeta de vista previa.
Los tags OG se colocan dentro del elemento <head> de una página HTML. La mayoría de los sistemas de gestión de contenido y frameworks los admiten de forma nativa o mediante plugins de amplia disponibilidad. Tras publicar o actualizar los tags, valida la vista previa usando Facebook's Sharing Debugger o LinkedIn's Post Inspector. Ambas herramientas renderizan una vista previa en vivo, listan los tags detectados y ofrecen una opción de borrado de caché que fuerza a la plataforma a volver a obtener los metadatos actualizados — imprescindible cuando los tags de una URL ya compartida han cambiado.
Where SocialKit fits
Cada enlace que programas a través de SocialKit se beneficia de unos tags Open Graph bien configurados — la tarjeta de vista previa es lo primero que ve tu audiencia en el feed, y las analíticas integradas de SocialKit muestran qué enlaces generaron más clics para que puedas relacionar la calidad del OG con el tráfico real.
€0.00 due today · cancel anytime · 7-day money-back guarantee
FAQ
Quick answers to the questions people ask most about this term.
SocialKit posts to all 11 platforms from one calendar and tracks how every post performs, so the numbers explain themselves. Try it free for 7 days.
€0.00 due today · cancel anytime · 7-day money-back guarantee