web前端SEO优化
SEO（Search Engine Optimization，中文意译为“搜索引擎优化”）
SEO 三条重要的规律
- 内容
- 高质量的外部链接
- 持之以恒的优化
SEO 优化主要方面
- 网站标题、关键字、描述
- 网站内容优化
- 合理设置 Robot.txt 文件
- 生成对搜索引擎友好的网站地图
- 增加外链引用
其中最重要的是以下 2 个方面：- 网站结构布局优化
- 网页代码优化
代码 SEO 优化
<head>标签放网页的标题，各个页面不同。<meta keywords>列举出几个重要的关键词。<meta description>网页内容的高度概括。<br />标记应该放在文本中间，即使用<p><br /></p>替代突兀的<br />标记。html 语义化。例如我们要做一个导航，可以使用 div+span 标记：<a>标记要加上说明（title 属性），对于指向外部网站的链接要使用 rel="nofollow"属性告诉爬虫不要去爬其他的页面。<h1>正文标题要使用<h1>标记，副标题要使用<h2>。可以使用CSS样式进行显式风格的设置。切记：不重要的地方不要随便使用<h1>标记。<table>标记的优化。使用<caption>标记为表格指定标题。强调网页中的重要内容应该使用<strong>标记，避免使用<b>标记（对搜索引擎不友好）。<em>的权重仅次于<strong>。如果仅仅使显示的效果发生变化就使用<b>标记和<i>标记。
SEO 优化建议
-
简化代码结构，更利于搜索引擎分析抓取有用内容，所有 js、css 采用外联方式，图片采用 css 精灵，减少请求次数。
-
利用布局，把重要内容 HTML 代码放在最前。搜索引擎抓取 HTML 内容是从上到下，利用这一特点，可以让主要代码优先读取，广告等不重要代码放在下边。例如，在左栏和右栏的代码不变的情况下，只需改一下样式，利用 float:left;和 float:right;就可以随意让两栏在展现上位置互换，这样就可以保证重要代码在最前，让爬虫最先抓取。同样也适用于多栏的情况。
-
每个页面只能出现一次 H1 标签，H2 标签可以多次：H1 权重很高，普遍认为仅次于 title，一般资讯详情页的标题、商品详情页的标题，都放在 H1 里。
-
图片一定要添加 alt 属性，title 属性可选：蜘蛛不认识图片上的内容，只能通过 alt 属性来判断，如果是商品列表页，所有商品都加了 alt 和 title 的话，容易造成堆砌关键词，所以我一般是只加 alt 属性。
-
图片大小声明：如果图片大小不做定义的话，页面需要重新渲染，就会影响到速度。
-
非特殊性链接，链接地址一定要写入 herf 属性，做过 SEO 优化的人员都知道，蜘蛛目前对于 js 的支持很差，基本无法读取里面的链接地址。所以说用 click 事件是绝对不允许的，特别是一些重要的导航链接。
-
网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击不超过 3 次，过深不利于搜索引擎的抓取。
-
做好 404 页面，一般会加首页链接及错误提示，并测试其返回状态码为 404。 用户体验友好，可以留住用户不至于直接关闭页面；蜘蛛友好，可以返回抓取其他页面。
-
重要内容不要用 JS 输出。蜘蛛不会读取 JS 里的内容，所以重要内容必须放在 HTML 里。
-
尽少使用 iframe 框架。搜索引擎不会抓取到 iframe 里的内容，重要内容不要放在框架中。
