有利於SEO的網頁佈局的ID/Class命名規則

做SEO的應該都知道,搜索引擎對富有語義化的、結構清晰的DIV+CSS佈局是比較青睞的,W3C規範也正是基於“內容與表現分離”這一理念制定的。WEB設計者最好選擇合適的、有意義的元素去描述你的內容,確保您所選擇的是富有語義的class和id特徵值,如果你已經這樣做了應該體會到了這一方法的優越性。尤其是在團隊合作時,對團隊其他成員來說有意義的內容描述,能讓其更容易看懂你的WEB內容,這一點尤爲重要。鄭州SEO總結了以下這些命名規則以作大家參考。

(1)頁面結構
  容器: container
  頁頭:header
  外套:wrap/wrapper
  頁面主體:main
  內容:content/container
  頁腳:footer
  導航:nav
  側欄:sidebar
  欄目:column
  左中右:left center right
(2)導航
  導航:nav
  主導航:mainbav
  子導航:subnav
  頂導航:topnav
  邊導航:sidebar
  左導航:leftsidebar
  右導航:rightsidebar
  麪包屑:breadCrumb
  菜單:menu
  子菜單:submenu
  標題: title
  摘要: summary
(3)功能
  標誌:logo
  廣告:ad
  廣告條:banner
  登陸:login
  登錄條:loginbar
  註冊:regsiter
  搜索:search
  功能區:shop
  標題:title
  加入:joinus
  狀態:status
  按鈕:btn
  滾動:scroll
  標籤頁:tab
  文章列表:list
  提示信息:msg
  當前的: current
  小技巧:tips
  圖標: icon
  註釋:note
  指南:guild
  服務:service
  熱點:hot
  新聞:news
  下載:download
  投票:vote
  合作伙伴:partner
  友情鏈接:link
  版權:copyright

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章