Facebook没有检测到和：标题，和：描述，或者：和图像

Question

我使用Nuxt.js构建了一个Vue应用程序，由于某种原因，og:标签在facebook上不起作用。我在源代码中看到它们，并通过FB调试器运行该站点，但它说我没有必需的og:元标记。

网站：https://staymacro-staging.netlify.com/editorial/caleb/

页面中的代码：

  head () {
    return {
      title: `${this.title}`,
      meta: [{
        hid: `description`,
        name: 'description',
        content: `${this.description}`
      },
      {
        hid: `og-title`,
        property: 'og:title',
        content: `${this.title}`
      },
      {
        hid: `og-description`,
        property: 'og:description',
        content: `${this.description}`
      },
      {
        hid: `og-image`,
        property: 'og:image',
        content: `${this.image}`
      },
      {
        hid: `og-url`,
        property: 'og:url',
        content: `https://staymacro.com/${this.$route.path}`
      }]
    }
  },

分享适用于Slack，iMessage，Twitter等，但不在Facebook上

Answer 1

源中的og：url与您提供的url不匹配：https://staymacro.com//editorial/caleb

这是获取标记的相关URL，但它不起作用（没有SSL，找不到页面）。

您甚至可以在调试器中看到这一点：“Curl-Fehler：51（SSL_PEER_CERTIFICATE）”。查看“规范网址”。