Los meta tags Open Graph indican cómo debe mostrarse una página cuando se comparte en redes sociales, chats o servicios de marcadores. No cambian el contenido visible, sino que aportan metadatos para construir la vista previa.
Empieza por cuatro campos
Los campos principales son og:title, og:description, og:image y og:url. Si están claros y se pueden obtener públicamente, los servicios externos tienen más posibilidades de mostrar la vista previa correcta.
<meta property="og:title" content="Page title" />
<meta property="og:description" content="Short page description." />
<meta property="og:image" content="https://example.com/ogp.png" />
<meta property="og:url" content="https://example.com/page" />- og:title no está vacío
- og:description coincide con el contenido
- og:image es una URL absoluta y pública
- og:url no contradice la URL canónica
- No quedan metadatos antiguos tras cambiar la plantilla