Facebook 未检测到 og :title, og :description, 或 og:image

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)”。查看“规范 URL”。