seo(Search Engine Optimiztion)搜索引擎优化的英文缩写。通过总结搜索引擎的排名规律，对网站进行合理优化，使你的网站在百度和google的排名提高，让搜索引擎给你带来客户。随着seo的进一步热化，它也成为前端开发者必备的基础知识。前端开发注重结构与表现的分离，它的另一个重要方面是使用语义化的标签来构造文档，而标准化的语义标签正符合seo的标准。下面，我们就来了解一下seo需要重点注意的一些语义化的html标签。

Title标签

标题是搜索引擎收录页面的名称 ，W3C规定标题应小于64个字符，相当于32个汉字，而GG浏览器不喜欢太长的标题，百度有时也只截取前20个字，所以关键词不能太多，太多太长了反而可能会丢失关键词的权重。Title标签是seo里面效果最重要的标签之一，它里面应该拥有最核心的关键词，而不是把所有的关键词全罗列在一个页面里面，最好能分开来做，给每个关键词一个单独的页面进行优化，控制好关键词的合理构建和布局。因为它是搜索引擎收录页面的名称，所以要让标题和文章相符，除非你要打造知名网站，否则不建议在每个页面都增加网站名称，如：“符合seo优化的html标签-博客名字”。但是如果你网站名称里面就包含你的关键词，那么加上会因此给你多带些流量。

H标签

正确使用h1~h6这样的标题元素，让html内容更加清晰，也会让你的内容对屏幕阅读软件、搜索引擎更加友好。一个页面只使用一个h1标签，标签中的内容是网页的中心主题，也可以安放一定的关键定。大型网站一般把h1用于logo上，也有的页面用于头条新闻上。对于博客而言，建议h1标签用来代表博客文章标题，因为对搜索引擎来说h1是非常重要的。如果是用于logo，建议：

<h1><a href=” http://www.xxxxxxx.com ” title=”包含主关键词的网站名”>包含主关键词的网站名</a></h1>把logo图片作为背景，加载进来。

除了h1标签，其它的标签可以用多个，但不能泛滥。H2标签一般用于栏目，h3以后的标签优化效果比较低，但在组织内容结构上，可以用得上。H1>h2>h3…在seo权重中是逐渐递减的。

img标签

Alt属性是对图片起到一个注释的作用，现在的搜索引擎对图片的读取有限，通过对alt属性来读出图片是做什么的，可以适当加关键词。

Img里面的title属性：是注释图片链接的作用，对seo作用不大，但对用户体验起到好的作用。

meta标签

有人说meta在seo中的权重越来越小，但它的作用仍然不可小觑。

<meta name=”keywords” content=”关键词”>，关键词不要写太多。每个页面要写不同的关键词，避免被认为是重复页面。<meta name=”description” content=”由关键词组成的短语”>

A标签

<a href=”/” title=”链接说明”>链接词</a>：这里的链接词相当重要，如果是外链的话，这个词的写法起着外链好坏的决定性因素。最好写成自己的关键词，如果这里不行，你也可以在链接说明里面出现你的关键词。正常情况下一个页面你找不到你的网站地址在<a>标签内出现，基本上就是属于无效链接。如果在a标签里面写上rel=”nofollow”，意思是告诉搜索引擎不要追踪此网页上的链接，如果一个网站上外链多了，就会使它的权重降低。一般用于点击量很大，却没有意义的链接。

Strong、b、em、i

<strong>元素标签是权重标签中的代表，在搜索引擎中能够得到高度重视，它能突出关键词，表现重要的内容。<b>标签在浏览器中的显示效果和<trong>是一样的，但在seo中并不会起到很好的效果，所以不推荐使用。<em>标签在浏览器中表现为斜体，表示的意思也是强调主体内容，吸引用户关注。它在权重标签中的重要度仅次于<strong>。如果我们在网页上面仅仅为了表现出加粗、斜体的效果，建议使用<b>、<i>标签，如果使用<strong>、<em>就会影响到seo的效果，而最明智的写法就是在css里面来控制文字样式。

段落标签p

当搜索引擎读取到网页内容遇到P标签时候，立即就知道这是一个段落，而如果使用div，就无法体现html语义化的优势了。而且段落首句在seo中也占一部分权重。