要知道，搜索引擎可都是通过抓取你的网站源代码来进行亲密接触的，那么，如何才能更好地让搜索引擎的爬虫更快更准确地觉察到你的内容相关性，增强网站的搜索优化呢？可能从最基本的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.另外在编辑样式表时可用的注释可这样写：
内容区
3.样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
分享到：
相关推荐
SEO优化中的DIV+CSS命名规则，能减少DIV css，增加加载速度，更加有利于搜索的收录
下面将详细介绍SEO优化中的div+css命名规则及其对搜索引擎友好性的影响。 首先，理解div+css的基本概念。Div是HTML中的一个通用容器元素，用于组合其他HTML元素，而CSS则用于控制页面的样式和布局。在SEO角度，使用...
网页设计中的DIV+CSS命名规则是构建高效、可维护性和SEO友好的网站界面的重要组成部分。在Web 2.0标准中，使用DIV+CSS技术能够提高网页的结构化程度，利于搜索引擎优化，使得网站更容易被搜索引擎抓取和理解。下面...
而良好的`div+css`命名规则对于提高网站的SEO（搜索引擎优化）至关重要，因为清晰、规范的命名可以帮助搜索引擎更好地理解网页内容，从而提高网页的排名。 1. **命名原则**： - **有意义**：名称应直观地反映出...
### 有利于SEO的DIV+CSS的命名规则 在当今互联网时代，搜索引擎优化（SEO）对于网站来说至关重要。良好的SEO能够帮助提高网站在搜索引擎中的排名，从而吸引更多的流量。其中一个重要的方面就是网页代码的优化，尤其...
良好的命名规则对于代码的可读性、可维护性和SEO（搜索引擎优化）至关重要。以下是一些常见的`Div+CSS`命名规则： 1. **Class的命名**： - `header`：代表页面的头部区域。 - `loginBar`：标识登录表单或区域。 ...
### DIV+CSS命名规范的重要性及对SEO的影响 在前端开发领域，DIV+CSS是一种非常重要的网页布局技术。其中，合理的命名规范不仅能够提高代码的可读性和可维护性，还能间接促进网站的搜索引擎优化（SEO）。本文将详细...
这种技术让网页设计更加灵活，可维护性更强，同时也有助于提高网页的加载速度和SEO优化。 【描述】：“搜集整理100套DIV+CSS网站样式模板” 这个资源包中的每一套模板都展示了不同的设计风格和功能实现，涵盖了...
4. **提高搜索引擎优化**：内容与样式分离有利于搜索引擎更好地理解页面内容，提升SEO排名。 在实际使用中，何时选择使用DIV？通常，当你需要创建一个大块的区域，比如页面头部、主体部分或者侧边栏时，使用DIV是...
这使得代码更规范，有助于搜索引擎优化（SEO）和更好的跨浏览器兼容性。例如，一个简单的XHTML段落标签`<p>`在XHTML中必须写成`<p></p>`，而不能像HTML那样只写`<p>`。此外，XHTML支持XML的命名空间，使得与其他XML...
正确设置文档的语言编码，如utf-8，可以确保网页内容正确显示，并且对搜索引擎优化（SEO）也有帮助。 样式表的调用是网页设计中非常关键的一步。CSS样式表可以通过外部链接的方式引入到HTML文档中，也可以在文档的...
【SEO友好的DIV+CSS命名规则总结】 在网站开发中，遵循一定的命名规则对于SEO（搜索引擎优化）至关重要，因为这不仅有助于提高代码可读性和团队协作效率，还能确保搜索引擎更好地理解网页内容。以下是一些关于如何...
此外，由于代码结构清晰，这种模板也有利于SEO优化，提高网页在搜索引擎中的排名。 总结来说，"纯净的div+CSS模板"是网页设计中的一种高效工具，它结合了HTML的结构化和CSS的样式化，使得网页设计更加灵活且易于...
- **SEO优化**：通过`<meta name="description" content="...">`和`<meta name="keywords" content="...">`等元信息来帮助搜索引擎更好地索引站点。 #### 八、网页设计DIV+CSS——第6天: XHTML代码规范 - **标记...