angular - Facebook 分享 - 显示错误的图像

Question

共享链接时显示图像有问题：

https://digital.nbbd.me/unit/zorica-joksimovic-from-water-and-stone-to-story-and-storytelling

标题和描述显示正确，但图像不正确。当我尝试使用调试工具时，它警告 og:image 参数丢失，但它们出现在源代码中。此外，在调试中，图像显示正确。但是，当我分享它时，它会显示徽标图像，而不是代码中的图像。我将不胜感激任何建议如何解决它。项目是用 Angular 制作的，也使用 Angular Universal。

标签： angularfacebooksharefacebook-opengraphangular-universal

Answer 1

网址设置不正确：

<meta _ngcontent-sc324="" property="og:url" content="">

此外，请确保将您的 OG 标签放在任何 CSS 或 JS 之前，Facebook 不会解析整个页面。

旁注：不确定在 Angular 中是否正常，但您的源代码中有 2 个 html 标签、2 个 head 标签和 2 个 body 标签。无论哪种方式，请确保将 OG 标签放在主头部。