0

我目前正在构建https://redeemable.app/ ，并且大多数流行平台（包括http://developers.facebook.com/tools/debug和 Twitter）都无法识别开放图形元标记。

检查页面源代码，我的 <head> 标记中有以下内容：

<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:og="http://ogp.me/ns#"
  xmlns:fb="http://www.facebook.com/2008/fbml">
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="theme-color" content="#1E3A50">
    
    <meta property="og:title" content="Claim this Redeemable NFT" />
    <meta property="og:image" content="https://flowerpatch.app/polygon/render/card-25993.png" />
    <meta property="og:image:height" content="200" />
    <meta property="og:image:width" content="300" />
    <meta property="og:url" content="https://redeemable.app/r/0xd22ec97e5173241afa4aba8796d4d552d70bf4669dbe5e5e928fa7117ab026f6" />
    
    <meta property="og:type" content="website" />
    <meta property="og:description" content="From: 0xc1D622d588B92D2F7553c6fe66b1Ce6C52ec36f9" />
    <meta name="twitter:card" content=“summary_large_image” />
    <meta name="twitter:site" content="@redeemableNFT" />
    <meta name="twitter:title" content="Claim this Redeemable NFT" />
    <meta name="twitter:description" content="From: 0xc1D622d588B92D2F7553c6fe66b1Ce6C52ec36f9" />
    <meta name="twitter:image" content="https://flowerpatch.app/polygon/render/card-25993.png" />
    <meta name="description" content="From: 0xc1D622d588B92D2F7553c6fe66b1Ce6C52ec36f9" />
    <meta name="keywords" content="Redeemable, NFT, Reward" />
    <title>Redeem NFT</title>
    <link rel="shortcut icon" type="image/svg+xml" href=/img/logos/redeemable-favicon-32.png />
</head>

在一些开放图验证器上，这些元标记工作得很好：

但是，在 facebook 图验证器、推特和 Discord（恰好是最重要的）上，我的链接无法被识别。

我不明白为什么元标记在某些网站上有效，而在其他网站上无效。似乎我做的一切都是正确的——正在服务器端加载 html，并且我验证了页面源中存在所有标签，所以这个答案不适用。此外，我在 html 标签中有 OGP 前缀，所以这也不适用。

有谁之前经历过这个吗？

4

0 回答 0