w3c是World Wide Web Consortium的縮寫(xiě),他是萬(wàn)維網(wǎng)聯(lián)盟的意思。他的官方網(wǎng)址是http://www.w3c.org,是國(guó)際著名的萬(wàn)維網(wǎng)聯(lián)盟,現(xiàn)在主要有谷歌和Adobe在支持。可以說(shuō)是萬(wàn)維網(wǎng)的標(biāo)準(zhǔn)。今年的9月15號(hào),百度也加入了w3c,并且成為萬(wàn)維網(wǎng)聯(lián)盟中的第一家中國(guó)公司。我們所寫(xiě)的html標(biāo)準(zhǔn),以及xml,xhtml等都要遵循它的標(biāo)準(zhǔn)。所以我們有必要了解他,并使用它官方給的一些工具。廢話不多說(shuō),看我下面的演示,給你的網(wǎng)站帶來(lái)實(shí)實(shí)在在的seo效益。
大家知道html語(yǔ)言是一個(gè)要求并不嚴(yán)格的語(yǔ)言,很多時(shí)候我們大小寫(xiě)不注意,標(biāo)簽不匹配,缺少某些標(biāo)簽,css語(yǔ)法格式不正確,但是并不會(huì)影響我們網(wǎng)頁(yè)的瀏覽效果。盡管如此,為了網(wǎng)站更好的發(fā)展,我們應(yīng)該有必要去規(guī)范自己的代碼,以利于網(wǎng)站的優(yōu)化。
w3c官方給我們提供了一個(gè)工具,http://validator.w3.org/。這個(gè)工具可以用來(lái)檢測(cè)自己網(wǎng)頁(yè)的語(yǔ)法錯(cuò)誤,以及規(guī)范化建議。下面以我的網(wǎng)站為例給大家詳細(xì)說(shuō)明:
首先打開(kāi)http://validator.w3.org/在Validate by url下的Address的文本框中輸入自己要檢測(cè)的頁(yè)面的地址,比如我要檢測(cè)我網(wǎng)站的網(wǎng)站報(bào)價(jià)的欄目,在文本框中輸入http://www.woyexing.com/Price/.然后點(diǎn)擊Check
如果英文不太好的話可以安裝一個(gè)谷歌的瀏覽器插件。
上面的頁(yè)面顯示了網(wǎng)站的一些基本信息。主要的的看下面的具體錯(cuò)誤提示:例如我的:
我把常見(jiàn)的幾個(gè)錯(cuò)誤解釋一下
如上圖Line114:他的意思是說(shuō)我的<img>標(biāo)記缺少 “alt” 屬性。其實(shí)這個(gè)屬性對(duì)于網(wǎng)站的seo是非常重要的,所謂細(xì)節(jié)決定成敗。
如上圖下面的那個(gè)第二個(gè)錯(cuò)誤Line114:他的意思是說(shuō)我的<img>標(biāo)記缺少結(jié)束符號(hào)。大家知道html的標(biāo)簽一般來(lái)說(shuō)是成對(duì)出現(xiàn)的,但有一些是但標(biāo)記,例如常見(jiàn)的<hr/>、<br/>、<img/>等等這些標(biāo)記。而我們往往是這么寫(xiě)的<br>、<hr>、<img>.而忽略了那個(gè)反斜杠,這樣的寫(xiě)法一般來(lái)說(shuō)瀏覽器是可以執(zhí)行,并且不會(huì)出現(xiàn)任何問(wèn)題。但是他確實(shí)是不標(biāo)準(zhǔn)的html寫(xiě)法。所以我們一定要發(fā)現(xiàn)這樣的問(wèn)題。并且及時(shí)更正。
還有一種常見(jiàn)的錯(cuò)誤就是一個(gè)自定義的ID名稱用在了好幾個(gè)標(biāo)記里面,例如網(wǎng)站中出現(xiàn)這樣的代碼:
<div id="nav1"></div>
<div id="nav1"></div>
這樣的代碼在瀏覽器解釋出來(lái)的布局一般不會(huì)有問(wèn)題。但是學(xué)過(guò)css的人應(yīng)該知道,在html標(biāo)記中相同的ID最好是只應(yīng)用在一個(gè)標(biāo)記上面,但是相同的Class可以用在不同的標(biāo)記上面。
所以上面的代碼可以修改成這樣
<div class="nav1"></div>
<div class="nav1"></div>
同時(shí)css中也要把#nav1修改成“.nav1”.