设为首页收藏本站

 找回密码
 加入怎通
真牛社区»站长 › 站长交流区(站长SEO的畅谈分享区) › 百科杂谈 › 有利于seo的div+css的命名规则
返回列表 发新帖
查看: 636|回复: 8

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

[复制链接]
倔强 发表于 2016-03-05 15:19:16 | 显示全部楼层 |阅读模式
本帖最后由 倔强 于 2016-3-6 19:42:22 编辑
4 A, o1 G7 {4 j* K' b; ^% s( x2 {3 v% P, ~1 @
搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：0 W) ]5 X0 [1 a2 V
页头:header" s! e* b5 G' d( C# a- r
登录条:loginBar
5 }9 Y$ q2 Z; z  ~8 h1 k6 |标志:logo6 g4 \7 e* S+ @% }( M, k' P1 o
侧栏:sideBar& Z# ^" P  W" y1 |" x
广告:banner
, Z6 ?# |% K/ O: c/ T" t$ s导航:nav6 ^& ]+ D5 m6 ]0 K9 A' d/ v
子导航:subNav
$ o; a+ ]+ }" x; X; J- F菜单:menu- ~% b; p) p" [# ~4 B
子菜单:subMenu
4 X# b  z$ I% S2 r: K, Z  U1 _搜索:search q.jpg 2 M+ p$ i1 O2 i6 G
滚动:scroll
6 u8 F( ~! l3 X, }' P6 h: c6 t0 N页面主体:main
7 d  Q  M: `1 u( m' t) A内容:content3 m# \8 w$ P; ^! [. T0 Y
标签页:tab  P5 m) b  D+ n5 L/ z
文章列表:list+ R# H) ~% K9 X3 H; t* I
提示信息:msg
1 l8 M2 N2 I- v! y6 J小技巧:tips
+ @7 z( w8 P% C4 o7 j( b% g% z栏目标题:title
! b$ [8 B9 G2 ?, d+ ?3 {$ d友情链接:friendLink
; n8 c2 e. P' [% U! I( ]) f页脚:footer2 O; r. A- e* }; o( E. R
加入:joinus
# U" E; ^% B0 A" l7 M% F8 `指南:guild( C( X/ i% A3 x* L. H" z# i
服务:service
' f) v+ b$ P! F/ D热点:hot7 @6 U' K; d) \* N/ T. k
新闻:news
' b8 t. Q) |( R% ^0 D下载:download6 `' w8 U4 J1 y4 c) B, w. O
注册:regsiter
. K9 k* `8 C$ k7 F" S qi.jpg - i9 `. }% a8 ]' T* _. i% h, c
状态:status) c, o5 O! l7 q: [' t; a- a5 z$ Q8 Y
按钮:btn& I$ S/ W( J$ O4 X
投票:vote* f9 a! F7 ~& e
合作伙伴:partner
3 j5 Q! ?7 a" O  z* }版权:copyRight
' Y& a& n9 @3 p  U: x4 {2 G5 WCSSID的命名
0 p( N8 z+ h8 K外套:wrap
3 ~4 [& \+ U/ Q/ B! \) t& ?主导航:mainNav
% q( _, ?! {5 m" y! y9 O子导航:subnav3 Q5 D2 S( p+ n% M2 o
页脚:footer7 _/ m. W. K3 z( m1 {* U
整个页面:content
- ]7 G  X/ e$ Y- E( y# G页眉:header9 X, z" b: `- {" y8 A- j
页脚:footer$ s8 K' T: }0 e% C/ U3 r* e+ e
商标:label8 r9 g( H$ P, \7 t& X+ I
标题:title
8 \# s7 I! Q9 a% I5 [, F主导航:mainNav(globalNav)
4 j, I/ M* Z6 E% ^- S顶导航:topnav- N( q4 I, U% o5 O* s( j% _
边导航:sidebar( t2 U- g( c) f
左导航:leftsideBar
+ O5 j& g" u0 M/ l8 T右导航:rightsideBar
' H! k' G5 f4 ~. G8 A, n8 A旗志:logo
7 W+ O. j2 D" R1 j" u: M( D标语:banner5 |( ~& t9 H! `8 ~, L- _. Q
菜单内容1:menu1Content
6 ]8 H4 ~- x4 c) U) X菜单容量:menuContainer5 Y# @' j, I" B* {* ?
子菜单:submenu
" O( \4 g+ z3 c9 |. b' }/ g边导航图标:sidebarIcon5 t* d1 @. R: [
注释:note; Z7 O* O: E* i8 l
面包屑:breadCrumb(即页面所处位置导航提示)6 ?1 t% M9 z( ^. [: G7 e
容器:container
% C' z8 B9 S5 _5 ]6 e内容:content
& M: ?! [, @* X2 n' y搜索:search! K. J/ g( T& Z, L) H* p
登陆:login$ r2 Q7 b2 n+ Y" C
seo3.jpg
/ |& z; s$ ~; D- G3 O功能区:shop(如购物车，收银台)
! t7 v/ u* Y, O1 k) h+ Z0 z当前的current
" x. y  V. w$ c# Q" t1 q- p样式文件命名7 n0 P5 ], I5 E! \' z
主要的:master.css4 [6 \3 r: b; |, e
布局版面:layout.css  K- R$ s4 c5 V! a, Z
专栏:columns.css
* [, J) ?6 h$ P0 D3 g2 M  @7 v文字:font.css
$ T  P: w, h8 h, e+ @  K; `. H9 [5 Z打印样式:print.css
, `& d6 p' F7 K! p4 X; L; C, d主题:themes.css. a2 k+ @: a1 X' s& v& Q- B
seo优化大神交流群541214515' S/ K$ N. D( n8 s, R% n- U, y

' R& O2 f9 F0 ^- r! F0 p/ y  E# T. t3 E6 C8 Q2 u- ^$ e1 L

暂时无法加载帖子列表
回复

使用道具 举报

花花 发表于 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 | 显示全部楼层
分析得很透彻，很多细节都说到点子上了～
回复

使用道具 举报

返回列表 发新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

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

    GMT+8, 2026-10-26 20:09 , Processed in 0.045045 second(s), 29 queries , Gzip On.

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

    Powered by Discuz! X3.5

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