En mi página web quiero compartir un enlace, digamos a esta página de wikipedia para Superhéroe
En el código de esa página hay el siguiente código en la etiqueta principal:
<meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Connecticut_ComiCONN_Superhero_Mascot..jpg/640px-Connecticut_ComiCONN_Superhero_Mascot..jpg">Esta es la miniatura de esa página que se muestra si comparte el enlace en las redes sociales. (La mayoría de las páginas ahora tienen uno).
¿Hay alguna manera de recuperar la URL de esa imagen para incrustarla en mi página web normal?
Estoy usando CSS, HTML y Javascript.
Puede usar https://www.opengraph.io/ , por ejemplo:
https://opengraph.io/api/1.1/site/${url_encoded_link}?app_id=${your_api_key} { //... "openGraph":{ "title":"Superhero - Wikipedia", "type":"website", "image":{ "url":"https://upload.wikimedia.org/wikipedia/commons/d/d6/Connecticut_ComiCONN_Superhero_Mascot..jpg", "width":"1200", "height":"1005" } }, //... }Tenga en cuenta que el nivel gratuito solo permite 100 solicitudes por mes. Y no estoy afiliado a ella.
Alternativamente, puede usar algo como open-graph-scraper : nunca lo probé, pero parece prometedor, requerirá ejecutar el servidor NodeJS, según tengo entendido.
Este parse-open-graph puede funcionar en el navegador, si lo entiendo correctamente.