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

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

[复制链接]
倔强 发表于 2016-03-05 15:19:16 | 显示全部楼层 |阅读模式
本帖最后由 倔强 于 2016-3-6 19:42:22 编辑
5 S, Y5 Y0 ]& [* A4 M) z4 M$ N0 {6 m& z" ~3 o  k7 x
搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
7 e8 f. X& C9 Z' D  S- ?页头:header
. f0 x, h, v0 F/ E5 d( N% ^2 n登录条:loginBar
: j, s0 s) Q- ?3 k标志:logo
4 {/ \* N* f: ^$ p, t侧栏:sideBar5 F' B2 E- l3 z- K
广告:banner5 ?; }" ]3 ]9 ~6 n! `
导航:nav
) z6 b7 \: G0 B! }1 ]子导航:subNav2 H$ J% T8 f" W; u" w
菜单:menu2 G; F' w+ K6 y+ o/ G: T5 c  q
子菜单:subMenu( f+ q7 N# |$ t5 q3 e
搜索:search q.jpg
5 J8 w) a; G2 |8 Q4 j+ Y0 n, B滚动:scroll  ?' N3 h/ e3 Z; r% f
页面主体:main8 D2 ?# _) C' A6 v3 y; h: v
内容:content
7 K/ P- \- c5 Z* `7 D3 J& R, R标签页:tab
) }9 H: h9 ]* H$ X' c9 b文章列表:list
8 ~) T# V. w3 A" x- k$ a  C9 A* \6 ^提示信息:msg
. I8 D+ ]% Q& v3 X2 ?" C0 H, N6 F小技巧:tips
1 Q  w9 Y7 H" Y栏目标题:title
  |5 v8 K2 {! o. Y3 G$ _友情链接:friendLink! ?2 |& ^' O/ S- y0 W' ~( V, m' `3 g
页脚:footer
$ W8 h  D0 \0 G; l: D8 u3 K$ \加入:joinus" q) d7 A2 Z; E. R
指南:guild8 C. j6 l) Y, I( y0 |
服务:service
. B6 ]: T7 z# c0 ]7 k热点:hot- g; T, d' n, y& D  y
新闻:news
$ ~$ K  D- ^, x* T$ K4 q" p下载:download& {. d' J( B, N! a9 e9 \4 T
注册:regsiter
* U; D6 c* P- E1 L6 t) m qi.jpg
  o0 K: r" H% m5 N% g状态:status0 z; N. U# D- y) z, [2 |
按钮:btn/ d6 S2 i' \4 a1 q4 k
投票:vote$ |2 A8 v, X  X: c% |1 X
合作伙伴:partner- m& Q# F0 }5 i: v( p# v
版权:copyRight
; P; W& k, q7 }% d8 lCSSID的命名
, Q% v8 e' k+ G% H; D& Z外套:wrap
- U. e4 [$ ^& F7 C主导航:mainNav
' ~. u3 D- J$ b3 U! }9 y; k# a子导航:subnav
6 h/ y6 W" o5 P$ ?' j+ v页脚:footer
1 M' J% O( g/ U6 o& o- X整个页面:content8 ~/ i' R; e) k* X+ A& z
页眉:header' U) W: P0 [4 P6 V& k2 E* l
页脚:footer
$ p% H) U/ X0 f. a2 j9 d商标:label
1 T) |! f4 g" n0 G标题:title& ]/ Z- X: Z! B) Y' W/ M
主导航:mainNav(globalNav)
* q: O  x. |" b9 o! W/ r: {顶导航:topnav' D% v! }- o; M4 L5 x6 B6 G
边导航:sidebar
3 G7 j3 P7 ^% [+ r0 O4 U0 K左导航:leftsideBar
' r9 P6 N, M4 V. J右导航:rightsideBar6 D. J: J2 D, W9 d; f) A0 |+ V* r- w
旗志:logo
' u; G* \9 K3 g: |标语:banner
8 S( K3 Y- O- A7 a; L1 p菜单内容1:menu1Content
8 c) W$ M3 q# ]0 e) V) C. |菜单容量:menuContainer
  r$ c% m# p6 ?6 k- Z5 X子菜单:submenu9 h( Y. ]0 G+ c4 G7 q0 d# o2 K
边导航图标:sidebarIcon: f0 Z- ^# y  }. J8 _% X
注释:note
4 X% D- _/ j0 |  ~  @$ X& r面包屑:breadCrumb(即页面所处位置导航提示)
/ Q3 ~4 Q* R4 K, g$ w8 M容器:container5 X" \4 W' Y' w# v2 I2 R. ?
内容:content
& I8 E; _- Z3 [- Y+ c搜索:search- ?3 z" X* O  n
登陆:login0 b+ k# ~  Q1 B& x
seo3.jpg
6 @# u* G8 g% S+ `0 t9 W功能区:shop(如购物车,收银台)
* @+ }, a5 h8 b- T当前的current
' h7 S) p  w! m( [" z' {, t样式文件命名& g6 ^4 ~9 k( b, w# s' q2 K% s
主要的:master.css  \0 O7 H6 U2 l& b! B6 j- H4 e8 Y6 G
布局版面:layout.css1 c" c' J( j. e7 k1 z
专栏:columns.css& z( X" @" M0 V* ?: d
文字:font.css
3 G. Z$ t0 c( R9 t/ ~& I" _; @打印样式:print.css# s" W( J5 X0 E, n
主题:themes.css
" v3 ]7 v5 J1 F" p6 Q, y4 q* Xseo优化大神交流群541214515
2 E. w' f4 q0 K" G) G. S' O7 l+ N& B% k# H1 H& `! ~$ F

, g* x4 n/ g/ {/ x8 M: d

暂时无法加载帖子列表

回复

使用道具 举报

花花 发表于 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 22:50 , Processed in 0.061612 second(s), 29 queries , Gzip On.

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

    Powered by Discuz! X3.5

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