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

知更鸟 2009年4月25日21:29:10Web前端84.7K4阅读模式

要知道,搜索引擎可都是通过抓取你的网站源代码来进行亲密接触的,那么,如何才能更好地让搜索引擎的爬虫更快更准确地觉察到你的内容相关性,增强网站的搜索优化呢?可能从最基本的DIV+CSS的命名规则入手会有意想不到的收获,最基础的就是最有效的。文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

下面从前端设计的角度整理的DIV+CSS的命名规则,就很好地考虑到了搜索引擎的喜好,在页面设计的过程中,尽量做你懂,搜索引擎也懂,何乐而不为呢。文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

页头:header文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

登录条:loginBar文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

标志:logo文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

侧栏:sideBar文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

广告:banner文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

导航:nav文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

子导航:subNav文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

菜单:menu文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

子菜单:subMenu文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

搜索:search文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

滚动:scroll文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

页面主体:main文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

内容:content文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

标签页:tab文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

文章列表:list文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

提示信息:msg文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

小技巧:tips文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

栏目标题:title文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

加入:joinus文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

指南:guild文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

服务:service文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

热点:hot文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

新闻:news文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

下载:download文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

注册:regsiter文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

状态:status文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

按钮:btn文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

投票:vote文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

合作伙伴:partner文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

友情链接:friendLink文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

页脚:footer文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

版权:copyRight
1.CSS ID 的命名文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

外 套:  wrap文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

主导航:  mainNav文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

子导航:  subnav文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

页 脚:  footer文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

整个页面: content文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

页 眉:  header文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

页 脚:  footer文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

商 标:  label文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

标 题:  title文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

主导航:  mainNav(globalNav)文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

顶导航:  topnav文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

边导航:  sidebar文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

左导航:  leftsideBar文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

右导航:  rightsideBar文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

旗 志:  logo文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

标 语:  banner文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

菜单内容1: menu1Content文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

菜单容量: menuContainer文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

子菜单:  submenu文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

边导航图标:sidebarIcon文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

注释:   note文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

面包屑:  breadCrumb(即页面所处位置导航提示)文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

容器:   container文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

内容:   content文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

搜索:   search文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

登陆:   login文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

功能区:  shop(如购物车,收银台)文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

当前的   current
2.另外在编辑样式表时可用的注释可这样写:文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

<– Footer –>文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

内容区文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

<– End Footer –>
3.样式文件命名文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

主要的 master.css文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

布局,版面 layout.css文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

专栏 columns.css文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

文字 font.css文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

打印样式 print.css文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

主题 themes.css文章源自知更鸟-https://zmingcx.com/pay-attention-to-seo-search-optimization-div-css-naming.html

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浏览器下模样大变,文字周围总是有那么一小段时间显示重影,虽然通过给其中的元素加个背景色...
评论:8   其中:访客  3   博主  0   引用   5
    • 深圳网站优化
      深圳网站优化 1

      能不能写详细了,通俗点

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

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

        • 阿龙
          阿龙 2

          汗,细节啊。

        匿名

        发表评论

        匿名网友

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

        确定