注重SEO搜索优化的div+css命名规则

知更鸟
知更鸟
知更鸟
1655
文章
6940
评论
2009年4月25日21:29:1084.7K3

要知道,搜索引擎可都是通过抓取你的网站源代码来进行亲密接触的,那么,如何才能更好地让搜索引擎的爬虫更快更准确地觉察到你的内容相关性,增强网站的搜索优化呢?可能从最基本的DIV+CSS的命名规则入手会有意想不到的收获,最基础的就是最有效的。

下面从前端设计的角度整理的DIV+CSS的命名规则,就很好地考虑到了搜索引擎的喜好,在页面设计的过程中,尽量做你懂,搜索引擎也懂,何乐而不为呢。

页头: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.另外在编辑样式表时可用的注释可这样写:

<– Footer –>

内容区

<– End Footer –>
3.样式文件命名

主要的 master.css

布局,版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css

weinxin
版权声明
本站原创文章转载请注明文章出处
2013年10大Web设计趋势 Web前端

2013年10大Web设计趋势

在2012年我们看到的几个Web设计趋势中,最显著的要数响应式设计了,而现在2013年的鸣钟敲响了,让我们大胆预测一下2013的Web设计趋势。 1. 更多的响应式设计 虽然响应式设计在 2012年被...
8个Web设计趋势 Web前端

8个Web设计趋势

此文为网络文章----本文译自网站设计公司weavora.com,介绍了在他们眼里8个Web设计趋势:单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体,每个趋势后...
关于jQuery fadeIn() & fadeOut()在IE中的问题 Web前端

关于jQuery fadeIn() & fadeOut()在IE中的问题

使用用jQuery  fadeIn()可以实现淡入效果,比如我目前用的主题侧边TAB菜单,就具有此效果,但是在IE浏览器下模样大变,文字周围总是有那么一小段时间显示重影,虽然通过给其中的元素加个背景色...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:8   其中:访客  3   博主  0   引用   5
    • 深圳网站优化 深圳网站优化 1

      能不能写详细了,通俗点

      • 二手科学家 二手科学家 1

        哦,这发面有点忽视了。回去改先

        • 阿龙 阿龙 2

          汗,细节啊。