提到seo，很多的前端人员可能会想到自己所需要处理的是单纯的TDK(T：标题，D：描述，K：关键字),但是实际上，seo对于前端来说，可能不止要处理这些，本文从实际工作情况出发，特性的讲解下SEO和HTML标签的权重关系。

常规标签

1.meta标签：
meta标签的作用是用来描述网页属性的语言，如果设置准确、友好，是最有利于搜索引擎的收录排名的，能够很好的提高权重。一般的工作中常用的就是keywords和description，也是最为重要的。
使用方法：

<meta name="keywords" content="关键词">
<meta name="description" content="由关键词组成的短语">

<meta name="keywords" content="前端入门，前端技术文章">
<meta name="description" content="前端从入门到深坑，带你慢慢从入门到前端大深坑里面，日常分享技术文章">

注意点：
关键词(keywords)：不要写太多，每个页面要写不同的关键词，避免网络爬虫把它认为是重复页面。
描述(description)：描述中最好刻意带入keywords中的相关关键词，这样有利于提高网络爬虫对这个页面的抓取。2.title标签：
title标签表示一个网页的名称或一个视频的名称，或者一个连接意思的表达内容。
使用方法：

<title>标题title>

<title>交流网站title>

注意点：
标题中一定要出现一些关键词，但是不要大量的堆积，太多太长了反而可能会丢失关键词的权重。3.a标签：
a标签是搜索引擎最敏感的标签之一，a标签是做外链内链锚文本的基础，a标签里面写上rel="nofollow"则标签禁止权重传递。4.h1标签：
h1标签的作用仅次于网站标题title,当搜索引擎爬虫来爬行我们的站点时，首先，搜索引擎是先找到h1标签，然后先对h1标签里面的文字进行抓取索引，之后再抓取站点的其它内容。这个时候，如果你的站点里面有运用h1标签来优化推广关键词的话，包含在h1标签里面的关键词可以被搜索引擎分配到很大的权重，这对提高站点关键词排名效果带来很大的作用。一个页面只能出现一次h1标签，与a标签搭配使用效果更好。
注意点：
如果你出现了多个h1标签，搜索引擎爬虫会认为你这个网站到处是h1标签，存在恶心作弊的行为，这个时候定义的权重会分散掉。5.P标签：
p标签表示定义一个段落，当搜索引擎读取到网页内容遇到P标签时候，立即就知道这是一个段落，而如果使用div或者br的话，就无法体现html语义化的优势了，搜索引擎就会认为整个是一段话。而且段落首句在seo中也占一部分权重。6.ul、ol标签：
ul、ol标签是列表标签，一般网页中的导航，面包屑等都是相同的，如果使用ul、ol来定义的话就可以让搜索引擎知道其意义，不会造成大量重复内容。7.strong标签：
strong标签是权重标签中的代表，在搜索引擎中能够得到的高度重视，主要针对锚文本连接的关键词加粗，针对体现核心意思的语句加错，一般不超过五个。通过应用到你想强调的文本或者关键词中，这部分内容将会得到读者和搜索引擎的重视。

HTML5新标签

我们知道HTML5给我们提供了很多具有语义化的标签，这些语义化的标签同样存在权重的关系。1.header标签：
header标签从字面上理解是头部，它其实是定义了网站的整体头部信息，正常这个标签内是存放网站的logo、名字、导航栏，搜索引擎爬虫会更容易识别站点的信息及类型。2.nav标签：
nav标签从字面上理解是导航链接，一般是存放在header标签里面，搜索引擎爬虫在找寻到这个标签的时候可以更好了解网站的信息架构，有利于权重的分布。3.footer标签：
footer标签从字面上理解底部标签，也就是网站的底部。虽然已经是网站的最底部了，从html代码上去看，一般搜索引擎爬虫会在这里收录一些公司的信息，权重可能没有那么大。4.其他标签：
其他的html新标签：section，article，aside。
section：搜索引擎可能会根据网页中的标签找出其信息架构。
article:有利于搜索引擎识别网页的内容以及判断相关性。
aside:可能会影响到该页面和目标页面的排名。

在html5已经给出了新的具有语义化的标签上，建议各位前端大佬减少对div标签的使用，因为div对于搜索引擎爬虫来说，就跟白纸一样，没有任何的语义。

HTML标签权重分值排列

HTML标签权重分值排列
　　内部链接文字：10分 
　　标题title：10分
　　域名：7分
　　H1，H2字号标题：5分
　　每段首句：5分
　　路径或文件名：4分
　　相似度(关键词堆积)：4分
　　每句开头：1.5分
　　加粗或斜体：1分
　　文本用法(内容)：1分
　　title属性：1分 (注意不是页面标题， 是title属性， 比如a href="" )
　　alt标记：0.5分
　　Meta描述(Description属性)：0.5分
　　Meta关键词(Keywords属性)：0.05分

觉得本文对你有帮助？请分享给更多人

 The End




如果你喜欢，记得关注大坑