我已经使用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上使用
答案 0 :(得分:0)
源中的og:url与您显示的网址不匹配:https://staymacro.com//editorial/caleb
那是获取标签的相关URL,它不起作用(找不到SSL,找不到页面)。
您甚至可以在调试器中看到此内容:“ Curl-Fehler:51(SSL_PEER_CERTIFICATE)”。查看“规范网址”。