我的网站打开的图形元标记没有显示在开发人员的Facebook调试器中 [英] My websites open graph meta tags are not showing up in developers facebook debugger

问题描述

我将og meta标记添加到我的站点中，打开检查器时可以看到它们，但当我转到Facebook调试器时，它告诉我缺少我刚刚添加的所有标记。

代码正在使用元标记包。

<MetaTags>
  <title>Find Their Gifts</title>
  <meta name="description" content="The personality quiz that suggests gifts based on the results" />
  <meta name="keywords" content="find their gifts, gift quiz, gift personality quiz, gift finder" />
  <meta property="fb:app_id" content="349573132258777" />
  <meta property="og:title" content="Find Their Gifts: The Personality Quiz Gift Finder" />
  <meta property="og:image" content="https://www.findtheirgifts.com/metaimage.png" />
  <meta property="og:image_secure" content="https://www.findtheirgifts.com/metaimage.png" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://www.findtheirgifts.com/" />
  <meta property="og:description" content="The personality quiz that suggests gifts based on the results. Find gifts that they really want." />
</MetaTags>

如果打开findtheirgifts.com上的检查器，您可以看到标签正确显示

但Facebook调试器告诉我 ‘缺少以下必需的属性：og：url、og：type、og：title、og：Image、og：Description、fb：app_id’

我错过了什么吗？我很感激大家把我的努力推向正确的方向

推荐答案

这有一个非常简单的解决方案，我花了太长时间才意识到。元标记出现在检查器中，但不出现在Facebook调试器中的原因是，元标记是在客户端添加的，而Facebook爬虫永远看不到它们。您可以通过打开页面源代码而不是检查器来检查这一点。

如果将元标记移动到index.html页面，则它们将显示。

如果您需要元标记是动态的，则需要深入研究一些更复杂的解决方案。但这些恒定的标签就是我想要完成的全部。

这篇关于我的网站打开的图形元标记没有显示在开发人员的Facebook调试器中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！