Facebook не обнаруживает og: title, og: description или og: image - PullRequest
1 голос
/ 05 апреля 2019

Я создал приложение 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

1 Ответ

0 голосов
/ 05 апреля 2019

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

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

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

...