前端SEO优化

首先了解什么是SEO？

SEO（Search Engine Optimization）搜索引擎优化；

SEO是指在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中的关键词自然排名，获得更多流量，从而达到网站销售及品牌建设的目标。

**为什么要SEO?**

- 搜索流量质量高（投放精准，转化率高）；

- 性价比高；

- 提高网站易用性。

------------------------------------------------------------------------------------------------

**探讨前端SEO的实施方法：**

为了提升网站访问速度和搜索引擎的蜘蛛爬虫精准快速的抓取网页内容，前端应从HTML5+CSS3+JAVASCRIPT入手。

1. 搜索引擎基础（TDK优化）

TDK为title,description,keywords三个的统称

1.1） <title>标题优化

title的分隔符一般有,,_,-等，其中_对百度比较友好，而-对谷歌比较友好，第四个为空格，英文站点可以使用，中文少用。title长度一般pc端大概30个中文，移动端20个，超过则会截断为省略号。

因为业务关系，我们做的更多的是针对百度搜索引擎的优化，所以这里把百度搜索引擎优化的建议分享下：

title格式：

	首页：网站名称 或者 网站名称_提供服务介绍or产品介绍
	频道页：频道名称_网站名称
	文章页：文章title_频道名称_网站名称
如果你的文章标题不是很长，还可以加入点关键词进去，如文章title_关键词_网站名称

推荐做法：

	每个网页应该有一个独一无二的标题，切忌所有的页面都使用同样的默认标题
	标题要主题明确，包含这个网页中最重要的内容
	简明精练，不罗列与网页内容不相关的信息
	用户浏览通常是从左到右的，重要的内容应该放到title的靠前的位置
	使用用户所熟知的语言描述。如果你有中、英文两种网站名称，尽量使用用户熟知的那一种做为标题描述

1.2） <description>描述信息优化

description不是权值计算的参考因素，这个标签存在与否不影响网页权值，只会用做搜索结果摘要的一个选择目标。其长度pc端大概为78个中文，移动端为50个，超过则会截断为省略号。

百度推荐做法：

	网站首页、频道页、产品参数页等没有大段文字可以用做摘要的网页最适合使用description
	准确的描述网页，不要堆砌关键词
	为每个网页创建不同的description，避免所有网页都使用同样的描述
	长度合理，不过长不过短

2.优化内容