从SEO的角度谈前端开发的一些优化问题

首先来了解一下SEO
SEO：Search Engine Optimization搜索引擎优化，它是一种通过分析搜索引擎的排名规律，了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术。
搜索引擎优化的技术手段主要分为：
黑帽(black hat)：黑帽是通过利用搜索引擎的缺陷，比如隐藏关键字、制造大量的meta字、alt标签等，欺骗搜索引擎和访问者以获取更大的访问量。（这种手段是不可取的）
白帽(white hat)：通过正规技术和方式，且被搜索引擎所接受的SEO技术。
搜索引擎的工作原理是网络蜘蛛爬虫不断地去收集关键字

白帽优化策略：
1、对于一个网站来说，优化网站的主题与实际内容才是最重要的，在设计制作一个网页之前，要清晰地设定网页的主题和用途，丰富与主题相关的内容。
2、增加引出链接，搜索引擎判断网站的好坏的一个标准是外部链接的多少以及所链接的网站质量。创建有人气化的、有意义的引出链接，提高链接广泛度，既能提高在搜索引擎的排名，同时也可以起到互相宣传的作用。
3、精心设计网站的标题和关键字，网站的关键词非常重要，它决定网站是否能被用户搜索到，在选择关键词上要特别注意，关键词一定要与网站的主题相关，没有必要一味地追求热门词汇。
标题和关键词在head标签内

<title>标题</title>
<meta name="keywords" content="女装，男装，" />关键字
<meta name="description" content="一个用户用来买东西的网站" />网页描述（重要，不要太长）

4、增加网站地图，网络蜘蛛爬虫需要花费很长的时间去访问完所有的网页，所以网站的导航需要便于蜘蛛爬虫进行收录，可根据自己的网站结构，制作网站地图simemap.html，在网页地图中列出网站所有子栏目的链接，并将网站中所有的文件放在网站的根目录下。网站地图可增加搜索引擎友好度，可让蜘蛛爬虫快速访问整个站点上的所有网页和栏目。

从SEO的角度，前端工程师网站结构的布局优化：
1、控制首页的链接的数量，最好在100以内
2、扁平化的目录结构不要超过三层，不然会导致用户的体验差，对网络蜘蛛爬虫也不是很友好
3、添加面包屑导航，一是为了让用户能了解自己当前所处的位置，二是让用户能更好地了解网站的结构
4、当页面内数据量较大时，最好采用分页
5、一个页面的大小最好不超过100kb。