网站建设中合理命名DIV+CSS使网站更利于SEO

SEO角度的网站建设要考虑的问题非常多，其中选择更利于SEO的DIV+CSS代码就是其一，众所周知，搜索引擎喜欢简洁的代码，利用DIV+CSS进行网站建设，能让网页大大地简洁,对于一个大型网站建设项目来说，简洁的DIV+CSS代码还可以节省大量带宽，所以利用先进的DIV+CSS的代码进行网站建设是网站优化过程中一个非常关键的步骤。而在书写div代码的时候如何命名DIV的CSS样式是许多新人困惑的问题，为了让网站更利于SEO，随州SEO特将CSS+DIV的命名规则整理出来，分享给广大SEOer。

先来看看一个标准的使用DIV+CSS的网站布局例子：

　　body {}　/*这是一个HTML元素，具体我就不说明了*/

　　#Container {}　/*页面层容器*/

　　　　　#Header {}　/*页面头部*/

　　　　　#PageBody {}　/*页面主体*/

　　　　　　 #Sidebar {}　/*侧边栏*/

　　　　　　 #MainBody {}　/*主体内容*/

　　　　　#Footer {}　/*页面底部*/

网页头部：header 

登录部分：loginBar
 
网站标志：logo

侧栏：sideBar
 
标语或广告：banner

网站导航部分：nav 

子导航：subNav

菜单：menu

子菜单：subMenu

搜索：search

滚动：scroll

页面主体：main

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guild

服务：service

热点：hot

新闻：news

下载：download

注册：regsiter

状态：status

按钮：btn

投票：vote

合作伙伴：partner

友情链接：friendLink

页脚：footer

版权：copyRight 

1.CSS ID 命名书写规则

外　套：　　wrap

主导航：　　mainNav
 
子导航：　　subnav

页　脚：　　footer

整个页面：　content

页　眉：　　header

页　脚：　　footer

商　标：　　label

标　题：　　title

主导航：　　mainNav(globalNav)

顶导航：　　topnav

边导航：　　sidebar

左导航：　　leftsideBar

右导航：　　rightsideBar

旗　志：　　logo

标　语：　　banner

菜单内容1： menu1Content

菜单容量：　menuContainer

子菜单：　　submenu

边导航图标：sidebarIcon

注释：　　　note

面包屑：　　breadCrumb(即页面所处位置导航提示)

容器：　　　container

内容：　　　content

搜索：　　　search

登陆：　　　login

功能区：　　shop(如购物车，收银台)

当前的　　　current

2、样式文件命名

主要的 master.css

布局，版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css