注重SEO搜尋最佳化的div+css命名規則

要知道，搜尋引擎可都是通過抓取你的網站原始碼來進行親密接觸的，那麼，如何才能更好地讓搜尋引擎的爬蟲更快更準確地覺察到你的內容相關性，增強網站的搜尋最佳化呢？可能從最基本的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

搜集整理來源於網路。