无法在任何社交媒体上获得站点预览答案

【问题标题】：Can't get sitepreview on any Social Media无法在任何社交媒体上获得站点预览
【发布时间】：2020-10-06 18:39:29
【问题描述】：

我创建了一个网站 xxxxxxxxx.org 。虽然我已经添加了 OG 标签和下面的东西；

<title>Test Title | xxxxxxxxx.org</title>
<meta name="description" content="xxxxxxxxx.org">
<meta property="og:title" content="xxxxxxxxx" />
<meta property="og:url" content="xxxxxxxxx.org/" />
<meta property="og:description" content="xxxxxxxxx.org">
<meta property="og:image" content="https://xxxxxxxxx.org">
<meta property="og:type" content="article" />
<meta property="og:locale" content="tr_TR" />
<meta name="twitter:card" content="xxxxxxxxx.org" />
<meta property="twitter:url" content="xxxxxxxxx.org/" />
<meta name="twitter:title" content="xxxxxxxxx">
<meta name="twitter:description" content="xxxxxxxxx.org">
<meta name="twitter:image" content="https://xxxxxxxxx.org/">
<meta name="twitter:site" content="@xxxxxxxxx" />

除了LinkedIn，我仍然很难在任何社交媒体上获得预览。我检查了“*https://metatags.io/*"”和“*https://www.opengraph.xyz/*"。那里没有问题，所有平台都按预期工作。无论如何，我需要帮助。

【问题讨论】：

Google 和 Twitter 都支持 Facebook og:image 和 og:description，因此您可以删除 twitter:description 和 twitter:image（以及经典的 description 元）：一定要包括同样在 HTML 标记中打开 Graphprefix。

标签： html facebook-opengraph preview

【解决方案1】：

http://fabricatoday.org/ 上的当前og:image 标签与您的 sn-p 不同。例如，您当前的实时版本有：

<meta property="og:image" content="nymph/dynamic/img/settings/5f52740c80b02.png">

这应该是一个包含域的完整 URL，就像您在预览中显示的那样：

<meta property="og:image" content="https://fabricatoday.org/nymph/dynamic/img/settings/5f52740c80b02.png">

Facebook 提供了一个工具来检查你的 opengraph 信息：https://developers.facebook.com/tools/debug/?q=http%3A%2F%2Ffabricatoday.org%2F

Twitter 提供了一个类似的工具来预览他们的卡片：https://cards-dev.twitter.com/validator

您的twitter:card 标签应定义如下：

卡片类型，可以是“summary”、“summary_large_image”、“app”或“player”之一。

Source

例如：

<meta name="twitter:card" content="summary" />

【讨论】：