META标签
1、meta标签的定义
meta标签是head部的一个辅助性标签,提供关于HTML文档的元数据,即是用于描述数据的数据。它并不会显示在页面上,但对于机器是可读的。
简单来说,meta标签就是告诉搜索引擎我的标题是什么?我使用的是什么字符集?我的关键词是什么?我的描述是什么?搜索引擎通过抓取到你这些信息之后,然后展现在搜索栏,最终出现在读者面前。如果没有meta标签,那么搜索引擎就不知道你的网站是干什么的?对于SEO来说,无疑是致命打击。
2、meta标签的作用
meta标签里的数据是供机器解读的,其主要作用有:
搜索引擎优化(SEO)、
描述该HTML网页文档的属性:例如作者、日期和时间、网页描述、关键词、页面刷新等。
3、meta标签的属性
meta一共有两个属性,分别是name属性和http-equiv属性。
(1)name属性
name属性主要用于描述网页,比如网页的关键词和描述等,与之对应的属性值为content,content中的内容是对name填入类型的具体描述,便于搜索引擎抓取。
语法格式: <meta name="参数" content=“具体描述”>
其中name属性主要的参数有一下几种:
A、keywords(关键字)
说明:用于告诉搜索引擎网页的关键字
举例:
<meta name="keywords" content="人才,招聘,简历,工作,求职,面试,应聘,跳槽,高薪">
B、description(网站内容的描述)
说明:用于告诉搜索引擎网页的内容
举例:
<meta name="description" content=" XXX招聘网站,提供最新 XXX招聘职位,校园招聘信息, XXX面试技巧等。">
C、viewport(移动端窗口大小)
<meta name="viewport" content="width=device-width,initial-scale=1"/>
D、robots(定义搜索引擎爬虫的索引方式)
说明:robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。
content的参数有:
all:搜索引擎将索引此页面与继续通过此页面的链接索引;
none:搜索引擎将忽略此页面;
index:搜索引擎搜索此页面;
noindex:搜索引擎不索引此页面;
follow:搜索引擎继续通过此网页的链接索引搜索其他的网页;
nofollow:搜索引擎不继续通过此页面的连接索引搜索其他页面。
举例:
<meta name="robots" content="all">
对于name属性还有一些其他参数:author(作者)、generator(用于标明网页是什么软件制作的)、copyright(版权)