如何创建一个 API 端点来自动生成图像并将它们索引到 Google？

Question

如果您 search for "palmeiras x corinthians sofascore"，您会看到 SofaScore 拥有：

• 3 张不同的图片；
• 3 种不同的纵横比；
• 所有 3 个都对应同一场足球比赛。

我检查了 HTML 源代码并发现：

<meta property="og:image" content="https://api.sofascore.com/api/v1/images/share/16x9/palmeiras-corinthians-9540700.png"/>

现在，如果我想为我的网站做同样的事情，我应该怎么做：

• 只是创建一个 API 端点？
• 用我自己的端点创建一个类似的元标记？

如何处理不同的纵横比？

Answer 1

这是我所做的：

• 创建了一个端点images/share/16x9/foo-bar-9540700.jpg；
• 获取到：文件名作为请求参数；
• 根据 id 9540700;
为团队徽标获取了外部 API
• 使用 node-canvas 动态生成匹配的缩略图；
• 在对客户端的响应中发送生成的图像；

关于 Google 索引：我只需要将端点的 url 放在带有 property="og:image".

的元标记中

端点 url 也可以放在 <img> 标签中。

---

有用的资源：

• https://flaviocopes.com/canvas-node-generate-image/