随着互联网各个行业站点经历了较长时间的发展之后，很多作弊优化都被搜索引擎PASS掉，从而使其行业更加走向理性、正式的发展轨迹，特别是对于如今这个靠搜索引擎而赖以生存的网站，良好的用户体验工作以及较好的优化网站使其排名尽可能的靠前，无疑成为每个网站建设以及后期工作需要去考虑的重中之重。
- Z: \6 P- D: l2 }- X, w6 p/ u
: V, j9 B! n$ t0 f) E& |" j网站的设计工作从曾经的盲目跟风防站，到如今面向搜索引擎以及用户，无疑都是很错误的一点，所以很多发展较好的站点都意义到了这些错误，开始进行网站改版、增加功能等等，从而使其网站更加得到用户以及搜索引擎的喜爱，但是对于这些很多时候都是无法做到很好的兼顾工作，这无疑是很多站长在改版或者升级过程当中较为担忧的问题，然而今天小编总结了一下，这些年对自己网站不断改版升级，并且排名依然领先的一些技巧性工作与大家进行一个分享，希望可以帮到各位站长朋友哦！
; j: H8 t2 k# {% K8 c, g6 p1 L, [% i+ L8 k Z6 f, H
如何更好的兼顾网站自身SEO优化保证我们站点的排名，并且可以很好的去提升我们网站的用户体验工作，小编今天主要针对我们网站设计这块进行了一系列的汇总，如果你的网站需要改版升级，可以参考下方几点：0 j. E* U9 m2 L
7 u; s4 r! q5 s) Z( G! F
1、布局简单清晰，代码精简。: w; P5 H+ W( [6 p
8 B% _6 W, ?4 D ]! b对于越来越走向智能的搜索引擎而言，它较为讨厌大量的冗余代码，所以我们在网站设计当中一定要尽可能的去精简我们网站的代码，当然此点是需要保证可以达到同样功能的情况下，例如说table向DIV布局的转变，尽量的精简CSS代码，并且在使用DIV来进行布局的时候，我们要尽可能的去减少DIV的嵌套，从而更好的去符合百度官方发布的web2.0标准事项。
6 I0 A0 h: r. |1 V& A' ]: Q1 I+ \" C0 h
同时我们在对于网站进行布局的时候，一定要尽可能的简单、大方、清晰，并且我们要尽可能的去合理利用DIV结构使得我们网站静态化，只有这样才能够更好的得到蜘蛛的喜爱，从而更多的进行爬行。
* P. _! j x. a: ?, G
0 @1 d3 j1 L' P; D2、JS、CSS脚本调用的处理。
6 W) H$ C4 N" U8 S* S& A1 r
* n0 m( v1 p# U2 P. X1 l在我们使其网站静态化的过程中，很多时候是需要用到Javascript及CSS样式的，这时候我们习惯性的将其整理成相应的JS文件以及CSS文件，从而进行调用达到同样的效果，一般是不会讲这些代码直接写在HMTL里面的，因为这样会造成网站代码大量增加，使得我们的站点页面加载过于的缓慢，这样就会直接影响到蜘蛛在我们网站的抓取，所以整合代码进行调用，是我们优化中很重要的一点。
0 h: T: F% d6 J- e
* Y" J$ w! J" S1 y# R; A/ E注意：通常来讲页面大小不要超过120K。 ]* m5 ~& T: ~* Z" \
1 d, w9 O! V N+ U0 i7 K
3、清晰醒目的导航设计。6 p1 e- M% M* L9 E7 p) R
- F8 F7 ]" [3 K- L v8 A1 j6 j导航对于一个网站而言，是起到一个细分网站布局使其用户更加快速寻找想要内容的一个作用，但是对于搜索引擎而言导航的分量可谓是举足轻重，因为我们都知道导航通常都是全站通用的，所以我们对于导航一定要尽可能的清晰整洁，从而更好的明确导航在我们网站起到的作用。
7 \6 w# Z) _$ L5 t2 H/ N/ V0 ]% n% a; T
另外来讲，因为搜索引擎对于图片以及FLASH的抓取不如文字好，所以我们在制作导航的时候，需要尽可能的去避免使用图片以及FLASH的形式进行展示，若一定要用图片的话也请谨记加上ALT属性。8 _. L5 q$ `* G1 {7 @3 {2 C
' @; ]0 `/ _9 M0 N9 u
注意：FLASH蜘蛛无法读取抓取，如果强要使用的话，可能对用户体验会好，但是对于SEO优化而言是弊端，所以小编建议大家斟酌而行。
2 t2 O) {- B1 w. b% `7 n: C
8 |& z: I/ C. ^# I% u4、html标签使用要合理化。
, M& T4 {" L3 X ~& X1 R8 X; P* Q1 R, C* r5 V+ N s) e
对于那些精通CSS的熟练美工而言，无论是你的网站需要哪种表现效果都是可以使用任何一种HTML标签来进行实现的，例如说我们常见的标题来讲，用H1以及span标签都是可以实现一致的效果并且丝毫不会影响到我们的用户体验工作，然而对于SEO优化来讲的话那可就是天壤之别了，因为在搜索引擎看来H1-H6标签每个标签的权重都是不同的，权重顺序都是H1>H2>H3>...>H6以此类推的。
- q6 _% v0 C7 @$ ?5 C/ t& S$ W: }: T# W4 k; u
通常来讲小编建议大家一个页面如H1这样的标签，只出现一次较好，因为物以稀为贵，并且从上述小编的一个例举可以得知，对于html标签的使用是一门很大的学问，一定要三思后慎用，并且对于使用的标签一定要了解到它的利与弊。0 f+ m- t: b- d6 k
1 [2 Q0 n; K3 V0 l% j. V9 E# j5、网站目录、栏目的优化。! ^9 v/ F E0 D1 O4 A: u
" e- ^1 q! w" I在我们静化网站的过程当中，需要注意到网站的目录以及栏目静化的处理，简单的来说就是对于不同的栏目设定好不同的目录，是为了保证我们的网站能够更清晰、有层次化。例如说对于一个简单的企业网站来讲，栏目导航如下：新闻中心、产品中心、在线咨询等，我们就可以在站点的目录进行设置news、products、services目录来进行存放我们网站栏目下的频道页面、栏目、以及内容页面等，同时我们在划分目录的过程当中尽可能的不要超过三次，并且要尽可能的去缩短我们网站URL地址的长度。+ x, ]& g+ B9 Z4 Y& ?
2 K a% l+ H3 i6、网站页面布局要合理。
8 H+ ^& k3 n/ W- j
8 \4 H/ p3 S9 {8 d: C# S对于此话题来讲，就是很多琐碎的事项了，但是大家都知道细“细节决定成败”，所以对于这些琐碎的注意事项我们也是需要去做好的，因为只有这样才可以更好的保证SEO优化的同时还能够得到用户的青睐。5 ~+ _- p+ g) ?5 \% ^
8 F" k$ l' ^3 w; v* \) K" P' h# {6 [
1） 面包屑型垃圾导航。# \: p, R2 m8 ]% t
! @. ~8 y7 l" X. e+ }2） 竖状型翻页功能。
2 s# M7 i2 y; G8 u, l1 ^
, W2 O, Y9 L( h* l2 D3） 为文章页设置上一篇、下一篇按钮。: c) {% `1 o0 M8 `
# C9 k) Q1 Y+ ^( t# j4） 相关文章以及热门文章的推荐功能。
, u/ V4 [7 Q8 |0 Q: j+ d, k4 x. c/ `$ J0 ~- t
7、利于用户体验的功能项。8 o I, }) ]) z
/ I0 ~3 n' v' J; M6 _随着搜索引擎对网站的用户体验度作为网站排名的重要标准之一后，各个网站都随即推出很多利于用户体验的功能出来，今天小编对这些常见比较利于用户体验并且不会影响SEO优化功能进行了一个简单的汇总供大家进行参考：
$ ^! I$ X" N* g b
2 ]* v2 t6 @. V. W5 U1） 导航跟随用户。; K: k% o2 O' w
2 V h: |5 p& J% T3 W
2） 文章顶踩功能。
" U1 f$ g7 f k0 u9 F) o. d: M) I" Y$ C" v
3） 文章评价功能。 g/ L8 [( O9 c3 o4 c- Z. z
p( h+ K" h9 O, J/ X. s4） 一键回到顶部功能。
# G. Q: k0 o% n% ^3 ^$ ]5 q0 C. d/ i! x/ g4 P5 s' O, A ~
5） 百度分享功能。' [: Z! T. ]* M3 E. g: S% Z/ W5 n5 C
: b" ~6 F% ^4 F: I+ w9 L5 P6） 排行榜栏目功能。
% V5 _" L9 z- G1 {" _3 _# t! n' v# ^! t% m' m! \
总结：其实对于兼顾SEO优化与用户体验工作这个话题而言，是很多发展中的网站在不断探讨的一个话题，今天小编整理了以上内容来供大家参考，如有感觉不妥或者更好的方法，欢迎一起探讨。
5 E# ~3 O' m# X# v+ p3 X |
