搜索引擎优化 Twitter 和 Open Graph

众所周知,国内不存在这两个网站~

在此示例中:

我们创建了一个组件,用于在社交媒体上共享时添加 TwitterOpen Graph 标签。

components/SocialHead 使用 head 属性向 Twitter 和 Open Graph 社交平台传递使用meta标签。

pages/mountains/slug.vue 使用SocialHead组件传递山峰titledescription, image作为标签的值。并还使用head()方法设置标签链接。

当不使用SocialHead组件以及标签链接时,nuxtconfig.js会展示带有用于社交平台共享的默认metahead标签。

vue-meta文档中了解有关于head属性的更多信息  vue-meta documentation

在以下目录中了解更多有关  Meta Tags and SEO

Loading CodeSandbox...