Блог

Я создал приложение Vue, используя Nuxt.js и по какой-то причине 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

Og: url в источнике не соответствует указанному вами URL:https://staymacro.com//editorial/caleb

Это соответствующий URL-адрес, по которому берутся теги, и он не работает (нет SSL, страница не найдена).

Вы даже можете увидеть это в отладчике: «Curl-Fehler: 51 (SSL_PEER_CERTIFICATE)». Проверьте «канонический URL».