前端开发与SEO

前端开发中通过一些小习惯，可以有利于SEO，本着蚊子再小也是肉的原则，能抓住自然不能忽略。

1.控制首页链接数量，不能过多，也不要太少。更不要为了凑数而添加

2.扁平化层次，力争跳转三次可以到任何页面

3.导航，面包屑导航，分页。  导航里一定要有文字描述，尽量不要使用  | 等无意义的字符。 分页最好是用  首页   1  2  3  4  5  6  7  8   下拉选择页数   下一页     这种模式。

 

上述内容可以属于设计者，并不见得能被前端开发者操纵，所以能被操纵的部分要好好把握，那就是语义化，例如

1.h1-h6标签

页面内标题，最重要的内容，要使用h1标签，有且只有一个。过多使用会被搜索引擎厌恶，认为你是骗子，就不嬲你了。次标题h2，小标题h3.。。。

2.表格标题，使用<caption>

3.重要代码放在前面

例如有个别网站是左边sidebar，右边main，但main里是重要内容，可以通过样式控制，让main代码写在前面

4.<strong>  <em>  表示强调关键字

5.重要内容不要使用JS输出

6.尽少使用iframe

7.谨慎使用display：none，隐藏的文字会被搜索引擎忽略。

8.合作伙伴，外链的链接，添加属性 rel="nofloow" ，告知搜索引擎不要跟踪链接。

9.dl,定义列表,在如文字解释时，电影内容简介列表时，都可以使用

10.a标签，title一定要有，img标签，重要的图片alt要写清楚。

11.精简代码，代码越多，搜索引擎越难以提炼关键的文字

12.style代码，js代码，尽量不要出现在页面中，JS代码的引入位置，也尽量放在页面的最后，这样做，不仅仅利于SEO，还可以优化页面打开速度。

东西不多，稍微注意点，就能提高代码被搜索引擎认知的程度了