搜索引擎优化 Twitter 和 Open Graph
众所周知,国内不存在这两个网站~
在此示例中:
我们创建了一个组件,用于在社交媒体上共享时添加Twitter
和
Open Graph
标签。
components/SocialHead
使用 head 属性向 Twitter 和 Open Graph 社交平台传递使用meta
标签。
pages/mountains/slug.vue
使用SocialHead
组件传递山峰
的title
,description
, image
作为标签的值。并还使用head()
方法设置标签链接。
当不使用SocialHead
组件以及标签链接时,nuxtconfig.js
会展示带有用于社交平台共享的默认meta
的head
标签。
在vue-meta
文档中了解有关于head
属性的更多信息 vue-meta documentation
在以下目录中了解更多有关 Meta Tags and SEO
Loading CodeSandbox...