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与您显示的网址不匹配：https://staymacro.com//editorial/caleb

那是获取标签的相关URL，它不起作用（找不到SSL，找不到页面）。

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

Facebook没有检测到og：title，og：description或og：image

1 个答案: