Estoy tratando de establecer una etiqueta meta para mi proyecto nextjs y usando el paquete next-seo .

Actualmente tengo un archivo de configuración next-seo como el que se muestra a continuación, pero no estoy seguro de cómo cambiar la imagen de OGP en Twitter o en un sitio web normal. Estoy usando dos imágenes OGP en formato .gif y .png , y quiero usar .gif como OGP general, luego Twitter y Facebook para el recurso .png .

 // eslint-disable-next-line import/no-anonymous-default-export export default { title: '', description:'', canonical: 'url', openGraph: { type: 'website', url: 'url', locale: 'en_US', site_name: '', title: '', description:'', defaultImageWidth: 1200, defaultImageHeight: 630, images: [ { url: './ogp-1.gif', width: 1200, height: 630, alt: 'GIF OGP' } // Want to use this png image for twitter OGP // { // url: '/ogp-2.png', // width: 1200, // height: 630, // alt: 'PNG OGP' // } ], twitter: { handle: '@handle', site: 'url', cardType: 'summary' } } }

De acuerdo con la documentación del paquete, solo tengo que configurar la imagen OGP en la sección oepnGraph. Me gustaría saber cómo crear una lógica si OGP actual debe ser .png o .gif depende del usuario que usa la URL del sitio en un sitio normal (por ejemplo, Slack, Messenger, sitio web) o SNS (por ejemplo, Facebook o Twitter).