? 页面代码撰写的SEO规范原则 - 金戈铁马SEO培训网
當前位置 : 超級SEO培訓網 / SEO技術

頁面代碼撰寫的SEO規范原則

金戈鐵馬SEO培訓網   http://www.sdcdrg.com/   July-23 15:27:27

自1989年誕生至今,網頁技術已經走過了20多個念頭,其用途也由最初的米國一些大學和科研結構之間學術交流,逐步延伸到今天各種各樣無所不在的用處:門戶新聞、電子商務、博客、郵箱、游戲、維基等等,包括了我們生活的方方面面。與網頁的巨大作用相反的是,編寫一個網頁非常簡單,你甚至不需要有任何專業的工具,只要一個純文本編輯器,隨便每一本入門書,或者干脆問問度娘,幾分鐘后就可以自己動手為自己做一個簡單的網頁出來。但是,要做好這門手藝,卻是一件十足的難事。所有的困難都來自快速變化的外部互聯網環境,正式投入生產環境的網頁不但要完整的實現需求,更重要的是考慮到代碼在各種環境下的可維護性,為未來隨時都有可能出現的需求變化做好準備。

這些變化的需求中,一個為我們所熟知,但又似乎從來沒有明確說明的就是搜索引擎對于代碼的要求。在具體的要求上,不同的搜索引擎在不同的地區有不同的側重,但是這里有幾條最基本的規則,供諸位參考~

 

 

傳統上w3c的建議

傳統上,w3c推薦的頁面標準是比較簡單的,w3c將其以系列標準組合起來,形成了一個核心為頁面結構、樣式和行為分離的建議,w3c的推薦的標準大體可以分為三個部分:結構標注-》XML標注、HTML標準、XHTML標準;樣式表示-》CSS標準;行為標準-》主要是DOM標準和ECMAScript標準。一個符合w3c推薦標準的網頁中,樣式和行為不再夾雜HTML中,HTML本身也符合嚴格的定義,不存在沒有閉合的標簽、大小寫混合的標簽名等。這樣,理想情況下,每個網頁的源代碼將會包括三個部分:。html文件包含內容和結構、。css文件包含樣式、。js文件包含行為。但是,把結構、樣式和行為三者完全分離就可以帶來足夠的搜索引擎友好度么?我想這僅僅是一個開始。

 

現代意義上的分離代碼和搜索引擎友好

雖然web標準的概念已經提出了很長一段時間,但是在具體的實踐中,往往并沒有一個很好的可以參考實施的規范。w3c的web標準是一套理論性的只奧思想,顯然其最終目的是讓代碼更容易維護,讓搜索引擎等各種非人代理都可以快速的理解頁面和網站內容,標準只是手段,遠不是目的。在應用這些標準的郭晨各種,我們注意到所謂高質量的代碼,在實現了基本的結構、樣式、和行為分離的基礎上,還要做到三點:可重用、精簡、有序。可重用可以極大的提升開發速度,同時也有助于精簡代碼;精簡的代碼可以讓最終生成的文件變小,有利于所有訪問者更快的下載;遵循有序 標準創建的頁面可以更清晰的表述、組織代碼,是代碼更容易維護,也有助于搜索引擎通過結構判斷頁面內容和重點。

 

通過代碼而不是視覺效果來判斷內容的語義

經驗豐富的網頁設計師,無論采用什么樣的布局方式,table也好,div也罷,都可以很容易在視覺上讓人類瀏覽者輕易抓住頁面的主要內容,但是搜索引擎看不到這些精心構建的視覺效果,搜索引擎只能看到代碼,只能通過代碼標簽來判斷內容的意義。由此,規范seo頁面代碼撰寫規則就尤為重要。table布局有什么問題呢?顯而易見的是將會導致大量的無意義結構代碼,并搞亂整個頁面的結構;另一個問題是,table的語義很單一,并不足以勝任除數據之外的大多數場景。隨之而生的CSS布局有什么特點呢?或者具體來說,CSS布局解決了之前table所不能解決的問題么?CSS布局核心是用CSS來控制頁面上各個元素的樣式,特別是位置和層疊關系,幫助HTML從結構、樣式混雜的泥濘中解脫出來,專注于結構。CSS完全取消了,起碼是極大的弱化了各種標簽之前被季度濫用的布局能力,將布局需要的各種元素放到了樣式中進行控制。與table相比,終于解決了代碼混雜、數量巨大的問題,并在一定程度上突出了語義。代碼量少,瀏覽器下載就更快,結構清晰,后期維護就更容易,語義清晰一些,搜索引擎友好度也就更好一些。正因為如此,CSS布局迅速取代了table布局,成為事實上的布局標準。

正作為CSS很強大,所以無論采用什么標簽、是否按照語義選擇標簽,設計師都可以通過CSS實現所需要的視覺效果,這這也是一把雙刃劍。如果使用不當,或者直白的說,濫用CSS布局,只考慮最終的視覺效果,而不考慮語義標簽,其實和之前累贅的table布局并沒有什么不同。

眾所周知,CSS布局只是整個web標準中很小 一部分,而在結構、樣式和行為三大元素中,結構才是最重要,結構才是瀏覽者的目的所在,結構才是互聯網提供服務的基礎,樣式僅僅用來修飾結構,更好的表現結構。更正確的 做法是,先確定HTML的需要,即確定語義的標簽,之后再選擇適當的CSS。

 

正確和積極的判斷并使用語義良好的標簽

判斷一個頁面使用的標簽是否具有足夠良好的語義化的簡單方法是使用瀏覽器默認樣式覆蓋CSS后,查看網頁結構是否仍舊組織良好有序,是有仍有良好的可讀性,而不至于使瀏覽者迷失或迷惑。一般來說,在現代瀏覽器中,語義良好的網頁在取去掉樣式內容后結構仍舊清晰明了。


本文來自金戈鐵馬SEO培訓網(www.sdcdrg.com),轉摘請注明出處。

體驗版課程下載

學員成果分享

陕西11选5 安徽快3计划 2019任务网赚日赚100 北京赛车pk10玩法 67娱乐系统 河北快3 什么是网赚竞技 2019网赚最好的项目 网赚论坛 上网赚美金平台