title 和 meta 标签的作用
- title标签:主要是为了告诉搜索引擎我们的网站标题是什么,然后搜索引擎才会根据你提供的的title给你打上tag,用户在搜索的时候才会搜索到你。
- meta标签:这个标签根据name的不同有很多中,和SEO相关的主要是name=description 和name=keywords 这两种,如果不设置这两个标签,对SEO的效果就会有所影响。 所以我们在开发需要SEO的网站时,对这两个标签一定要进行设置
在nuxt中有两种方法来进行seo
方法1: 用useHead来设置头部信息
useHead({ title: "网页标题", meta: [ { name: "description", content: "网页介绍网页介绍网页介绍" }, { name: "keywords", content: "网页关键字" }, ], link: [ { rel: 'icon', href: '/logo.ico' }, ] });
方法2:使用template中的标签定义Head
<Head> <Title>网页标题</Title> <Link rel="icon" href="/logo.ico"></Link> <Meta name="keywords" content="网页关键字" /> <Meta name="description" content="网页介绍网页介绍"/> </Head>