Javascript 显示其他网站的社交媒体预览

我正在建立一个网站，它将从其他几个网站（allrecipes、yummly等）向用户预览食谱。如何显示链接页面的预览（例如）

---

我读过关于使用iFrame的文章，但是这个选项显示得不好。理想情况下，我想获取网站为其社交媒体预览指定的预览。刮是我唯一的选择吗？

我做了一些研究。他们的社交媒体预览似乎是该项目的图片，例如

我建议使用一种叫做a（一种数据源）的东西。
然后，您可以自己对数据进行样式设置和渲染，而不必依赖外部源

以下是您提到的源代码的API（来自快速谷歌搜索）：

---

找到了这个奇妙的小包装，它完全满足了我的需求，并且不局限于任何一个食谱网站：

非常感谢@barhastor！我会试试看——非常感谢你的回答！