我在博客上发表了一篇文章,并尝试在 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
更新
经过大量调试,我发现:
- 在 Next (React) 中编写了快速基础项目后,我遇到了同样的问题。
- Quora 似乎忽略了此页面上的图像元标记。
- 当我将加载的图像放在同一个域中时,Quora 可以毫无问题地抓取缩略图。
- 当图像直接从 AWS S3 加载时,Quora 不会加载它。
我带来了一个猴子补丁:
- 配置 PROXY 以从托管项目的同一域中加载图像
- 在 html 正文的顶部添加 1x1 像素的图像,以便 quora 可以抓取它。
但是这个问题仍然没有答案,因为我不认为这个 hacky 的东西是一个正确的答案。