前端网页seo优化

最近对前端的seo很感兴趣，查阅了相关资料..结合自己的理解，做了个总结。以下均为自己参考一些资料文章及结合自己实践经验的归纳结论，如有纰漏错误，望指正。

seo，即搜素引擎优化，seo又分为白帽seo和黑帽seo。

 1.html标签的权重

权重标签常用于突出页面相对重要的内容，权重越大的标签的内容越被关注

此图参考自百度文库

点击打开链接

1.1 title

从上图可看出title是非常影响seo排名的一个因素，最好每个页面的title都有所不同，并能针对该页面的关键词编写适合的title

1.2 description

description的内容应是高度概括该网页的内容

虽然description的权重并不高，但是description和title的信息都会出现在搜索结果页，所以写好description也是很重要的(description的内容可能会决定用户是否对此网站感兴趣),不必太长，也不能过于堆砌关键词

1.3 keywords

据查阅资料，近年keywords的作用好像已经大大弱化

1.4 标题

h1的权重很高，仅此于title，一般用作于页面主标题，而且每个页面只能出现一次h1，而其他h2,h3之类的可多次出现(不过要适量)，注意的是h2的权重也很高

1.5 <strong><em>

这两个都有权重，用于强调，这部分内容会受到搜索引擎的重视，切不可仅为了表现为粗体或斜体而使用这两个标签。

<strong>标签内应该放进想强调的文本或关键词,而如果仅想表现为粗体，可用<b>或css

<em>也有强调之意，权重仅仅次于<strong>，这个标签一般用于强调文本，如果仅想表现为斜体，可用<i>或css

但我发现现在<b><i>标签也不提倡用了，有时一般只用来表示一些小图标，所以如果想表现为斜体和粗体，最好还是

1.6.img必须加上alt标签

主要是为了防止图片无法显示时也能显示alt的内容，其次是seo优化，蜘蛛不认识图片的内容，只能抓取alt的内容

而title属性则可选,视情况而定

1.7  title属性

title属性是用来为元素提供额外说明信息的，它可以用在除了base，basefont，head，html，meta，param，script和title之外的所有标签。

<a>标签，给重要的链接加上title属性

而对于与本网站关系不大的其他网站标签(如一些友情链接),需加上rel="nofollow"，告诉爬虫该页面无需追踪，不加这个的话，小蜘蛛就会顺着这个链接跑到其他网站了，很有可能就不会回来了。

延展:

用于meta元标签：<meta name="robots" content="nofollow" />，告诉爬虫该页面上所有链接都无需追踪。

1.8 内部链接文字

关键词链接就是大家常说的锚文本，对于SEO来说非常重要，作用仅次于title标签。关键词链接也分内部链接和外部连接，两者对于关键词排名都有着显著的影响。内部链接就是同一个网站不同页面直接的关键词链接，外部链接就是其他网站指向我们网站的关键词链接。

2.慎用display:none

有时候会需要用图片替换文字，此时的文字切不可用display:none隐藏，因为蜘蛛会过滤掉设置了display:none的内容，此时文字应该设置一个较大负值的text-indent，使其偏离屏幕外

3.重要内容的html代码放在最前

搜索引擎抓取html内容是从上到下的，把重要内容的html代码放在最前，然后再用css控制其布局位置

4.重要内容莫用JS输出

搜索引擎不会读取JS里面的内容，重要内容必须放在html内

5.语义化布局会提升网页seo效果

<div><span>是语义化最低的两个标签，除非必须用到div标签，其他的内容最好赋予合适的语义化标签

使用适合的语义化标签，有利于搜索引擎更好地理解网页内容

表格部分应记得使用caption来填写表格的标题

6.少用iframe框架

本文参考

点击打开链接  这篇文章很赞，可以看看