Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
CMS-General

¿Cómo incluyo una metaetiqueta de gráfico abierto en las imágenes en las páginas de HubSpot?

Última actualización: December 20, 2018

Marketing Hub Professional, Enterprise

Requisitos

Marketing Hub
marketing-basic-pro-enterprise
Professional, Enterprise
Básico
HubSpot CMS

El protocolo de Gráfico abierto te permite tener más control sobre cómo los sitios de terceros, como las plataformas de redes sociales manejan y muestran el contenido de tu sitio web. Las metaetiquetas de gráficos abiertos se incluyen en las imágenes en tus publicaciones del blog de HubSpot automáticamente. 

Puedes agregar una etiqueta de gráfico abierto al HTML del encabezado de tu página web o página de destino para asegurarte de que tu contenido aparezca como lo deseas en otros sitios. 

Ten en cuenta: para obtener instrucciones detalladas sobre cómo editar el HTML del encabezado de tu página en HubSpot, revisa este artículo

Para implementar una metaetiqueta de gráfico abierto en tu imagen en una página de destino de HubSpot o en una página web, puedes agregar el siguiente fragmento de código al HTML del encabezado de la página:

Al agregar este código, asegúrate de reemplazar la URL IMG con la URL de tu archivo desde el Administrador de archivos. 

Las tarjetas de Twitter requieren una etiqueta adicional para mostrar el contenido de vista preliminar de tu página de destino o página del sitio web. Para optimizar la manera en que tu contenido se muestra en Twitter, agrega el siguiente fragmento de código al HTML del encabezado de tu página:

Más información sobre el marcado obligatorio para las tarjetas de Twitter en su documentación de desarrollador.