vue.js - 为什么 Quora 不能从元标记中获取正确的图像缩略图？

Question

我在博客上发表了一篇文章，并尝试在 Quora 上分享。

我已经设置了正确的 og:image 标签和 twitter 卡标签，我已经使用 Facebook Open Graph 调试器验证了这些标签。

不幸的是，在 Quora 上分享这篇文章并没有按预期工作。

Quora，对于缩略图，设置 html 内容中的第一张图片（一个标志），而不是抓取og:image标签中指定的那个（文章封面照片）

以下是受影响的网址：

https://driggl.com/blog/a/why-we-are-not-dry

笔记

• Facebook 调试器不会返回任何错误或警告。
• 在 slack/Fb/twitter 上分享效果很好
• 图片比例是FB建议的（1.9x1）
• 禁用 JS 后，所有内容仍然加载相同。

有人知道为什么会这样吗？

截图：

预期行为

当前行为：

使用的技术：

• 这个微型项目是用 Nuxt.js 编写的，元数据是服务器渲染的
• 是开源的：https ://github.com/driggl/blog

更新

经过大量调试，我发现：

1. 在 Next (React) 中编写了快速基础项目后，我遇到了同样的问题。
2. Quora 似乎忽略了此页面上的图像元标记。
3. 当我将加载的图像放在同一个域中时，Quora 可以毫无问题地抓取缩略图。
4. 当图像直接从 AWS S3 加载时，Quora 不会加载它。

我带来了一个猴子补丁：

1. 配置 PROXY 以从托管项目的同一域中加载图像
2. 在 html 正文的顶部添加 1x1 像素的图像，以便 quora 可以抓取它。

但是这个问题仍然没有答案，因为我不认为这个 hacky 的东西是一个正确的答案。

标签： vue.jsnuxt.jsmeta-tagssocial-mediaquora