作为前端开发工程师，所需要的不仅是与视觉设计师、交互设计师配合，完美还原设计图稿，编写兼容各大浏览器，加载速度快、用户体验好的页面，与此同时，还需要与seo人员配合，调整页面的代码结构和标签。有些成熟的平台，初期未考虑优化的问题，所以做出来的页面，即便很炫酷，但对搜索引擎不友善，不得不调整，对排名和收录造成很大的影响，那么前端页面需要做哪些SEO设置？

方法1

控制首页链接数量

首页是网站权重最高的地方，若首页链接太少，没有桥，蜘蛛也就无法继续往下爬到内容，这必然会影响网站收录的数量。但是，即便如此，首页链接也不能太多，一旦太多，没有实质性的链接，很容易会影响到用户体验，降低网站首页的权重，降低收录，因此，对于中小型企业网站，建议首页链接控制在100之内，而链接的性质可以包含页面导航、底部导航、锚文字链接等，注意链接一定要建立在用户体验和引导用户获得信息的基础上。

2

页面避免做成flash、图片、视频

flash、图片、视频这些东西蜘蛛是无法抓取的，即便是必须的，也要生成相应的静态页面。据天津app开发所知，很多的企业站看起来很炫酷，全站都用flash，老板看着是爽了，但是做seo优化的人员就抓狂了，全站没有一个链接，这对于搜索引擎而言，非常的不友好，严重影响到网站的排名及权重。

3

简化代码结构

大部分网站的网页中存有很多多余代码，如：首页用到js，列表页就用不到，若全站使用头部调用，就将那些多余的不相关的代码去掉，尽可能的保证代码精简，因为这样更利于搜索引擎抓取有用的内容。所以，文率小编建议站长，页面尽可能的采用DIV+CSS，当然，表格展现模式用table还是比div方便很多的，所有js、css采用外联方式，图片采用css精灵，减少请求次数。

4

导航优化

导航的作用主要是引导用户更好的浏览网站的内容，所以尽量采用文字方式，也可以搭配图片导航，只不过图片代码一定要进行优化，标签必须添加“alt”和“title”属性，明确的告诉搜索引擎导航的定位，做到即使图片未能正常显示时，用户也能看到提示文字。

5

充分利用css控制样式

通常，一个前端代码精简的网站，其css代码与div必定是分离的，无需在前端对某些代码使用style定义样式，一切以css控制即可。如：某一个网页中即使用了style定义样式，又使用了css定义样式，这种做法是代码重复，势必会造成网站前端加载速度的过慢。

6

网站的结构布局--不可忽略的细节

A、页面头部：logo及主导航，及用户的信息

页面主体：左边正文，包括面包屑导航及正文；右边放热门文章及相关文章。

好处：留住访客，让访客多停留，对“蜘蛛”而言，这些文章属于相关链接，增强了页面相关性，也能增强页面的权重。

B、控制页面的大小，减少http请求，提高网站的加载速度。建议：一个页面最好不要超过100k，因为太大，页面加载速度慢；当速度很慢时，用户体验不好，留不住访客，并且一旦超时，“蜘蛛”也会离开。

C、页面底部：版权信息和友情链接。

END