找回密码
 加入怎通
查看: 586|回复: 3

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

[复制链接]
倔强 发表于 2016-03-05 15:19:16 | 显示全部楼层 |阅读模式
本帖最后由 倔强 于 2016-3-6 19:42:22 编辑
) W' l& Z6 L# ]
$ |8 ~5 K. n  u" h+ Z* l搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:8 z, j# i8 L5 F* P( |$ Y" D
页头:header  p; A: C( B/ v- z6 P: S. a
登录条:loginBar
$ A0 p! l' j# y- F% ~标志:logo
2 c" y3 a. q4 \6 K5 `侧栏:sideBar
1 V. ]. U) j2 J4 M! ^3 e6 P- ?$ |广告:banner( Z# H1 c- X6 D5 c) A7 q
导航:nav
5 N8 H( [8 @8 Z3 k  g3 [子导航:subNav
7 A( m' d3 `/ R9 `9 w菜单:menu+ o# p6 l3 e9 ^7 ^( m# `1 j' `
子菜单:subMenu
& @% s6 `1 {: E- H! g搜索:search q.jpg
* l2 Y7 M, h! W' F滚动:scroll0 ^8 I# z: o# }; M, S' f& m& m
页面主体:main
; e7 `2 s; }5 f& g- G& Q( W内容:content
. G; A/ b, R- i标签页:tab% c0 x2 Q& B* `4 v& n' J
文章列表:list- Y6 O$ n$ Q1 T5 D
提示信息:msg
$ L6 t/ k/ J! `+ P8 Y) c小技巧:tips
9 g' g- o$ S( ], Z* R/ H2 a栏目标题:title
) D: k/ }0 l% v# s2 p$ B友情链接:friendLink
- _% T  {, [4 p页脚:footer
9 {* p) B; h7 M4 c# [: m8 R加入:joinus' B/ B) c; f  P! v4 K+ _; d- D! \
指南:guild( O+ S7 h% a2 n. m' `# T" R
服务:service
- B  h+ Q6 r5 [热点:hot
" j( U: B! G- f5 S3 a! K新闻:news1 ~# A& h& f$ x. V
下载:download9 t2 L, B! U% e4 ^1 ~* h6 p: q0 {
注册:regsiter2 d5 K7 e" p( f% `0 K7 x/ @5 B
qi.jpg 8 x) R- c% H3 r2 j
状态:status5 J/ S* m: Y9 ^6 ?4 L, e- k5 E
按钮:btn9 i; S3 K1 M- {+ T/ b
投票:vote
3 s4 Z4 R- @: u! a- w: f% f, Q合作伙伴:partner1 _; p/ Q/ m, M% B" @
版权:copyRight
# C. v, |# M- C9 U( w/ RCSSID的命名- k' Y# {: W# I
外套:wrap
/ ~6 s$ h' }) V主导航:mainNav$ f0 H# o/ [" q% r
子导航:subnav; _$ f  H4 m/ {- K$ |
页脚:footer; H0 L, L4 g1 y# w1 ]8 Z
整个页面:content
* R/ \  O# [. O% e) v3 l页眉:header3 C$ W; ~7 M$ U! H' Y
页脚:footer0 ^8 B. s' R' M7 T5 Q  W7 u+ I- l
商标:label
* S% x* K# @" V' D$ F- ?, ?- U标题:title% f+ e. B2 l" |+ r, j  l* W) b5 z
主导航:mainNav(globalNav)
, A4 L+ t9 p1 g* b/ e顶导航:topnav/ L8 M( t2 ~) D# o
边导航:sidebar$ K& ~* Z9 t3 u# |! x. L
左导航:leftsideBar# Z* Q! ^8 {( C
右导航:rightsideBar
) G5 j5 Y; @6 H5 Q旗志:logo
9 k$ |/ b# L* F4 e标语:banner7 m# c2 s% a: ?
菜单内容1:menu1Content; k: z4 [/ U" ]' X. w
菜单容量:menuContainer  G8 m- F' V3 O5 W
子菜单:submenu
/ B! @  R0 R3 X4 M, S) k( z边导航图标:sidebarIcon1 g/ U; b- S2 O! q
注释:note
1 g% y" b% e$ h; c7 l: A1 E面包屑:breadCrumb(即页面所处位置导航提示); }5 s, h, h" C/ Y- l6 j
容器:container( A9 B9 A+ m: M& h  B, |
内容:content1 ~( U) p) ?; L4 U
搜索:search
2 {& s) Z5 B( C! G" ?/ g8 L登陆:login3 o+ K. }% }3 ~# a3 h
seo3.jpg
8 U5 D$ S* ]) z, A" P3 l功能区:shop(如购物车,收银台)) ^% }* E& q7 s+ @$ ~8 j: B3 M) W
当前的current
: ~: [& c+ a% A: H: G% z/ |# q0 s样式文件命名  N) g3 N/ J/ F& R. s( Y
主要的:master.css
0 ^8 K( `' U' a" [布局版面:layout.css3 k7 c  G7 `0 V% @
专栏:columns.css3 D( Z5 \3 p; c1 j% A
文字:font.css2 h/ Y% W" P3 y' \% O! ?
打印样式:print.css( l" \* ?% S! m/ y
主题:themes.css
$ N' q' p8 ?5 B3 L$ P. g$ ]seo优化大神交流群541214515
: C9 r& ?5 R; I( U1 u" u8 \6 @* X9 F) A
: \* s* F8 x. X: B) z
回复

使用道具 举报

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

使用道具 举报

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

使用道具 举报

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

使用道具 举报

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

    本版积分规则

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

    GMT+8, 2026-4-28 00:11 , Processed in 1.138965 second(s), 52 queries , Gzip On.

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

    Powered by Discuz! X3.5

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