前端开发与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,还可以优化页面打开速度。

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

原文地址:https://www.cnblogs.com/liqingchang/p/4390119.html