3

我在博客上发表了一篇文章,并尝试在 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 后,所有内容仍然加载相同。

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

截图:

预期行为 预期行为

当前行为: 在 Quora 上分享文章时缩略图错误

使用的技术:

更新

经过大量调试,我发现:

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

我带来了一个猴子补丁:

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

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

4

0 回答 0