- 建站技术
- 实用注重SEO搜索优化的div+css命名规则
[p=28, null, left]
要知道,搜索引擎可都是通过抓取你的网站源代码来进行亲密接触的,那么,如何才能更好地让搜索引擎的爬虫更快更准确地觉察到你的内容相关性,增强网站的搜索优化呢?可能从最基本的DIV+CSS的命名规则入手会有意想不到的收获,最基础的就是最有效的。[/p]
[p=28, null, left]
下面从前端设计的角度整理的DIV+CSS的命名规则,就很好地考虑到了搜索引擎的喜好,在页面设计的过程中,尽量做你懂,搜索引擎也懂,何乐而不为呢。[/p][p=28, null, left]
页头:header[/p][p=28, null, left]
登录条:loginBar[/p][p=28, null, left]
标志:logo[/p][p=28, null, left]
侧栏:sideBar[/p][p=28, null, left]
广告:banner[/p][p=28, null, left]
导航:nav[/p][p=28, null, left]
子导航:subNav[/p][p=28, null, left]
菜单:menu[/p][p=28, null, left]
子菜单:subMenu[/p][p=28, null, left]
搜索:search[/p][p=28, null, left]
滚动:scroll[/p][p=28, null, left]
页面主体:main[/p][p=28, null, left]
内容:content[/p][p=28, null, left]
标签页:tab[/p][p=28, null, left]
文章列表:list[/p][p=28, null, left]
提示信息:msg[/p][p=28, null, left]
小技巧:tips[/p][p=28, null, left]
栏目标题:title[/p][p=28, null, left]
加入:joinus[/p][p=28, null, left]
指南:guild[/p][p=28, null, left]
服务:service[/p][p=28, null, left]
热点:hot[/p][p=28, null, left]
新闻:news[/p][p=28, null, left]
下载:download[/p][p=28, null, left]
注册:regsiter[/p][p=28, null, left]
状态:status[/p][p=28, null, left]
按钮:btn[/p][p=28, null, left]
投票:vote[/p][p=28, null, left]
合作伙伴:partner[/p][p=28, null, left]
友情链接:friendLink[/p][p=28, null, left]
页脚:footer[/p][p=28, null, left]
版权:copyRight[/p]
1.CSS ID 的命名[p=28, null, left]
外 套: wrap[/p][p=28, null, left]
主导航: mainNav[/p][p=28, null, left]
子导航: subnav[/p][p=28, null, left]
页 脚: footer[/p][p=28, null, left]
整个页面: content[/p][p=28, null, left]
页 眉: header[/p][p=28, null, left]
页 脚: footer[/p][p=28, null, left]
商 标: label[/p][p=28, null, left]
标 题: title[/p][p=28, null, left]
主导航: mainNav(globalNav)[/p][p=28, null, left]
顶导航: topnav[/p][p=28, null, left]
边导航: sidebar[/p][p=28, null, left]
左导航: leftsideBar[/p][p=28, null, left]
右导航: rightsideBar[/p][p=28, null, left]
旗 志: logo[/p][p=28, null, left]
标 语: banner[/p][p=28, null, left]
菜单内容1: menu1Content[/p][p=28, null, left]
菜单容量: menuContainer[/p][p=28, null, left]
子菜单: submenu[/p][p=28, null, left]
边导航图标:sidebarIcon[/p][p=28, null, left]
注释: note[/p][p=28, null, left]
面包屑: breadCrumb(即页面所处位置导航提示)[/p][p=28, null, left]
容器: container[/p][p=28, null, left]
内容: content[/p][p=28, null, left]
搜索: search[/p][p=28, null, left]
登陆: login[/p][p=28, null, left]
功能区: shop(如购物车,收银台)[/p][p=28, null, left]
当前的 current[/p]
2.另外在编辑样式表时可用的注释可这样写:[p=28, null, left]
<– Footer –>[/p][p=28, null, left]
内容区[/p][p=28, null, left]
<– End Footer –>[/p]
3.样式文件命名[p=28, null, left]
主要的 master.css[/p][p=28, null, left]
布局,版面 layout.css[/p][p=28, null, left]
专栏 columns.css[/p][p=28, null, left]
文字 font.css[/p][p=28, null, left]
打印样式 print.css[/p][p=28, null, left]
主题 themes.css[/p]
返回