前端标签SEO优化

SEO是什么，SEO的工作原理啥的，我就不废话了。进入正题：页面标签对于SEO的优化。

 

一、前端SEO要点

1. css，js和html分离开发，精简代码，更有利于搜索引擎抓取有用的内容。

2. “搜索引擎蜘蛛”不认识js，不认识flash，不会去爬iframe里的内容。

3. 网站目录结构不宜过深，否则不利于搜索引擎抓取。

4. 页面关键词密度控制在2%~8%之间为宜。

 

二、标签优化

       1. <title> 标签，在搜索引擎中，权重最高。

　　2. <meta keywords>标签，页面关键词，3-5个最佳。（多了会起反效果）

　　3. <meta description>标签，网页描述，页面的描述信息，建议长度控制在 300字符左右，关键词中最核心的词汇控制出现在前150个字符内最佳。

4. 标签语义化，合理利用标签布局：header，nav，article，footer，ul，li，h1~h6 等（好的页面代码甚至不会出现一个div标签）

5. <a>标签：要加 “title” 属性加以说明，外链最好加上nofollow属性，避免它向别的网站输出权重。“搜索引擎蜘蛛”会忽略加了nofollow 的链接。

6 <h1>标签一个页面最好出现一次（多了会起反效果），权重仅次于title，用在最重要的内容，如信息标题。

7. <br>标签：最好只用于文本内容的换行

8. 表格应该使用<caption>表格标题标签

9. <img>标签，“搜索引擎蜘蛛”不识别图片，应使用 "alt" 属性加以说明。

10.  <b>、<i>标签: 只是用于显示效果时使用，在SEO中不会起任何效果。

12. 将重要内容的HTML代码放在最前面，最前面的内容被认为是最重要的，优先让“蜘蛛”读取，进行内容关键词抓取。

13 .搜索引擎会过滤掉display:none的内容。