前端页面需要做哪些SEO设置?

作为前端开发工程师,所需要的不仅是与视觉设计师、交互设计师配合,完美还原设计图稿,编写兼容各大浏览器,加载速度快、用户体验好的页面,与此同时,还需要与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、页面底部:版权信息和友情链接。

总之,企业想要做好网络推广,前端页面的设计就必须满足seo优化的需求,不然稍有不慎,处理不当,很有可能会影响到网站后期的运营。


声明:文章"前端页面需要做哪些SEO设置?"为文率科技APP开发公司原创文章,转载请注明出处,谢谢合作!

网站开发资讯文章推荐阅读