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>