Vista previa Open Graph

Las etiquetas Open Graph son metapropiedades en el encabezado HTML que describen cómo debe representarse una URL cuando se comparte en plataformas sociales y aplicaciones de chat. Facebook introdujo el protocolo; LinkedIn, Slack, Discord y muchas herramientas empresariales ahora leen og:title, og:description, og:image y og:url al crear tarjetas de vista previa de enlaces. Sin ellos, las plataformas adivinan a partir del texto y las imágenes de la página, y a menudo eligen fotos destacadas aleatorias, títulos recortados o miniaturas vacías.

La optimización OG es distinta del trabajo clásico de títulos y metadescripciones de SEO, aunque los campos deben seguir siendo consistentes. Las tarjetas sociales prefieren og:título conversacional de menos de 60 caracteres, og:descripción basada en beneficios de entre 110 y 200 caracteres e imágenes horizontales grandes de 1200 por 630 píxeles con márgenes seguros para recortar. Los logotipos cuadrados por sí solos fallan en las vistas previas de enlaces grandes de LinkedIn donde las caras y el texto de la oferta se cortan de manera impredecible.

HeyLead Vista previa Open Graph recupera etiquetas activas o acepta marcas pegadas, valida las propiedades requeridas, verifica las dimensiones de la imagen y la accesibilidad HTTPS, y aproxima los diseños de las tarjetas de Facebook, LinkedIn y Twitter. Documenta las cadenas de respaldo cuando faltan etiquetas de twitter:card y explica la eliminación de caché después de intercambios creativos porque las plataformas almacenan en caché los datos de OG de manera agresiva.

Ejecute la vista previa de OG antes de lanzamientos sociales pagados, recogidas de relaciones públicas, anuncios de productos en comunidades de Slack y nutrición de correo electrónico que dependen de tarjetas de enlace pulidas. Las imágenes OG rotas son fugas silenciosas de ingresos: los usuarios pasan por archivos compartidos que parecen spam o incompletos. Trate los metadatos sociales con la misma disciplina de control de calidad que los banners de héroe y los fragmentos de SERP.

Las transferencias de los desarrolladores deben incluir criterios de aceptación de OG en la definición de hecho para nuevas rutas. El marketing debería proporcionar masters de 1200x630 con zonas seguras, no exportaciones de Figma recortadas en dimensiones incorrectas. Cuando varios equipos comparten un CMS sin cabeza, designe un propietario para la alineación canónica de og:url para evitar divisiones de atribución compartida entre nombres de host de prueba y producción durante lanzamientos de rápido movimiento. Los programas de defensa de los empleados fracasan silenciosamente cuando las páginas de precios de acciones de ventas cuyas imágenes originales todavía muestran el logotipo del año pasado. Programe el control de calidad de OG en el mismo tren de lanzamiento que las actualizaciones de metadatos SERP para que todas las superficies de cara al cliente se actualicen juntas. Las tarjetas OG pulidas indican credibilidad en los abarrotados feeds de LinkedIn donde los compradores eligen qué enlace merece su atención. Obtenga una vista previa de cada URL de alta visibilidad antes de que los ejecutivos la compartan en vivo en las redes sociales.