找回密码
 加入怎通
查看: 625|回复: 8

[站长八卦] 有利于seo的div+css的命名规则

[复制链接]
倔强 发表于 2016-03-05 15:19:16 | 显示全部楼层 |阅读模式
本帖最后由 倔强 于 2016-3-6 19:42:22 编辑 # P2 k! U9 L- C( u6 L( u

8 N: T" f* u0 a搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
0 S- j9 D, W" W* n* X2 j/ d6 a2 R页头:header5 b/ S6 S0 f% _$ e; b0 ^
登录条:loginBar
! N" A) n% F+ W3 H标志:logo
% L5 {6 ~8 Q7 z5 o6 r3 ^侧栏:sideBar% G/ u# \; u. J3 {; r
广告:banner
3 s8 N# \- V& }) U* ^  J* V2 t导航:nav
3 u2 O6 t: O0 l' P子导航:subNav4 F: m1 v, E! N$ m, l
菜单:menu
3 h+ H! `6 u3 V- c子菜单:subMenu& ^  z' Y' o5 r; z2 E
搜索:search q.jpg + R/ o5 U0 u' _& p
滚动:scroll
) y6 N0 a( ?+ a) y页面主体:main
% n% T% L- d! ~4 C7 p1 p) M4 ~" T; y- U内容:content; N! \; \  Q  ^0 m
标签页:tab" \" z+ ?, y$ C3 ]* y& g8 Z5 N
文章列表:list% a' Q5 q$ p% w* g
提示信息:msg; B9 x/ M7 a* F! y8 u0 s) C
小技巧:tips4 X  W3 A' g6 \6 A7 W
栏目标题:title
* S, n( ^' ?4 U" E8 z友情链接:friendLink
. u/ D" J' z7 L* v* ?6 b页脚:footer
" t- t# S. ?( L; Y. n9 Q8 j加入:joinus
- }  T. B0 n$ t5 }0 n指南:guild
  i# O4 N, t4 c5 f服务:service
4 n. }2 a! c& o$ y# ?* m9 O热点:hot
- T6 N0 Q6 T2 ]! ^5 f) u新闻:news* v9 ~( M" w; m) i' {$ k$ V
下载:download
7 b" ~4 \0 L4 w注册:regsiter
$ W; N- O9 y6 B  _5 q: e/ S4 H/ l% [ qi.jpg , v3 {3 L/ [+ H4 H' F
状态:status+ A. o5 s1 ]! \4 o+ X: U. e( s
按钮:btn
8 T# h' }4 K2 w8 ~投票:vote7 m7 s4 b' d( t' i
合作伙伴:partner
- x7 I$ F8 y  c1 N+ L版权:copyRight
' |" [) N. G3 b! r- _$ N. t, qCSSID的命名
) n; S. x) m0 Q, H- [5 B外套:wrap
/ B3 v0 q( u4 |8 Y6 m' c主导航:mainNav! Q: J1 O, Y/ ~5 E$ t+ g2 z
子导航:subnav
" Q0 P2 H7 ?) u3 Y. H% `6 _页脚:footer: r- s$ ~0 W* w4 I! U5 ]0 _
整个页面:content/ L$ m1 \7 @: w4 t2 L& \
页眉:header
  ~: o, c+ P8 j页脚:footer
, O" e; V  y7 Z. u! w; m4 x商标:label7 b& _! a& T0 M7 B
标题:title
) U* R8 t. ~: ?0 j主导航:mainNav(globalNav)
8 _# t* h, {, d1 p/ a6 z  W( T% |3 f顶导航:topnav" {7 f* B9 E& v( f! `) |
边导航:sidebar0 S+ q7 m' ~; e  L
左导航:leftsideBar
  B  I- E+ G1 L- E+ H% y7 m右导航:rightsideBar! c* L0 r# p2 D/ Y
旗志:logo
3 b2 }( `7 x: v标语:banner: p5 V# Z2 O5 Y# E: @) t
菜单内容1:menu1Content
0 O; Y" @2 C! I. R9 T菜单容量:menuContainer
: E8 S3 w  S  G. {4 B6 C子菜单:submenu
: s( o8 O7 e( S; x( `$ y( ?边导航图标:sidebarIcon/ r/ q+ x, P! n0 w% I
注释:note7 [9 Z3 e) c" i1 k! K* M& w
面包屑:breadCrumb(即页面所处位置导航提示)4 m: D. w: k2 J% t, c: S
容器:container* ?( A& {! f0 v/ D( E# R4 {
内容:content, Y* u1 R6 t: z
搜索:search
2 ~: ~/ [4 n) ]1 Z! t登陆:login
8 k+ G- ^0 \% \- s seo3.jpg
" M# b2 n, T) J/ X) A4 G" j* s. f功能区:shop(如购物车,收银台)
# o: _" J2 }( u* t9 [; [7 o  e8 M- ]当前的current
& c0 h: `4 k& {/ P  E样式文件命名
% O- s. M" D- W2 @主要的:master.css
9 n% z  E0 X, |! S1 f5 ^! W7 O3 }布局版面:layout.css0 h, g0 g# y- ?5 b
专栏:columns.css
/ c1 c- J) f- y$ L. c7 w文字:font.css
5 ^7 s+ M4 [" S0 O4 \打印样式:print.css4 g" ?; w$ k; J% c& B
主题:themes.css; I. s2 X  P* k% I3 ]/ m
seo优化大神交流群541214515/ p6 o& Z' f" s: J* ?3 Z- @+ w3 i% h
, J, y' h' n3 Z
9 ]& h0 d/ ]8 T' Y

暂时无法加载帖子列表

回复

使用道具 举报

花花 发表于 2016-03-05 15:19:31 | 显示全部楼层
每次都这么轻松的抢到沙发也是一种无奈
回复

使用道具 举报

爱笑的丫头 发表于 2016-03-05 16:15:36 | 显示全部楼层
SEO是长期的,SEO学习更是如此。这边有一个SEO新手学习群:137303464   验证:1 欢迎加入组织
回复

使用道具 举报

xiake2012 发表于 2026-01-16 00:20:09 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复

使用道具 举报

lmy456 发表于 2026-04-28 00:11:34 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

菜菜105 发表于 2026-06-02 10:36:11 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复

使用道具 举报

cq1779784001 发表于 2026-06-12 10:48:40 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

haoseo48 发表于 2026-07-03 16:50:09 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

匪兵头 发表于 2026-08-02 19:20:49 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-9-10 23:36 , Processed in 0.061014 second(s), 32 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表