无法在任何社交媒体上获得网站预览

Question

我做了一个网站 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/*" and the "*https://www.opengraph.xyz/*"。那里没有问题，所有平台都按预期工作。无论如何，我需要帮助。

Answer 1

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

<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 标签应定义如下：

The card type, which will be one of “summary”, “summary_large_image”, “app”, or “player”.

Source

例如：

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

无法在任何社交媒体上获得网站预览

Can't get sitepreview on any Social Media

html

preview

facebook-opengraph