-
觸屏版
-
全國(guó)服務(wù)熱線(xiàn)：0571-87205688
最好的SEO就是無(wú)SEO
分享
評(píng)論
贊0
"最好的SEO就是無(wú)SEO"確實(shí)道出了很多SEO老鳥(niǎo)人的心聲.最近在網(wǎng)上看到一些關(guān)于web標(biāo)準(zhǔn)和SEO的關(guān)系,覺(jué)得寫(xiě)的不錯(cuò),整理轉(zhuǎn)載一下以留翻閱.
要了解web標(biāo)準(zhǔn)和SEO的關(guān)系,必須得先了解什么是"web標(biāo)準(zhǔn)",估計(jì)大家去網(wǎng)上查了非常多的解釋文檔,還是有點(diǎn)霧里看花,似懂非懂的感覺(jué),我不想從網(wǎng)上抄一段話(huà)過(guò)來(lái)給大家,這樣最終還是無(wú)法理解,要理解web標(biāo)準(zhǔn),還得從構(gòu)建一個(gè)基本的網(wǎng)頁(yè)開(kāi)始講起:
例如:我要寫(xiě)一個(gè)最簡(jiǎn)單的網(wǎng)頁(yè),必須要使用html標(biāo)記,比如:我要強(qiáng)調(diào)文字,我得用<strong>標(biāo)簽,我要改變文字顏色,我得再加一個(gè)<font color="顏色">的標(biāo)簽,我想另起一段,得用<>標(biāo)簽,我不可能用<jacu>這個(gè)毫無(wú)意義的標(biāo)簽來(lái)強(qiáng)調(diào)文字,因?yàn)楦緵](méi)有這種標(biāo)簽,瀏覽器也無(wú)法解析,于是W3C(萬(wàn)維網(wǎng)協(xié)會(huì),一個(gè)組織機(jī)構(gòu))就站出來(lái)了,對(duì)全世界互聯(lián)網(wǎng)從業(yè)者說(shuō):"大家都提點(diǎn)意見(jiàn),我們來(lái)把這些標(biāo)簽統(tǒng)一下,哪個(gè)能用哪些不能用;然后大家再給這些標(biāo)簽一個(gè)統(tǒng)一的,合理的解釋,關(guān)鍵詞排名優(yōu)化,讓大家明白這些標(biāo)簽是用來(lái)做什么用的",經(jīng)過(guò)無(wú)次數(shù)討論之后.于是乎最終出臺(tái)了html 1.0標(biāo)準(zhǔn),經(jīng)過(guò)后來(lái)的不斷的修改和更新,漸漸有了更多的網(wǎng)頁(yè)標(biāo)準(zhǔn),如html 2.0…h(huán)tml 4.01,到現(xiàn)在大家網(wǎng)頁(yè)中最常使用的xmhtml1.0/1.1,以及還未正式出臺(tái)的xmhtml 2.0標(biāo)準(zhǔn),標(biāo)準(zhǔn)的更新都是向前兼容的,我們?cè)谥谱骶W(wǎng)頁(yè)的時(shí)候,網(wǎng)頁(yè)頂部通常有這樣一句話(huà):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> 這個(gè)實(shí)際就是定義了你的文檔模型,是用xhtml 1.0標(biāo)準(zhǔn)去解釋的.
但是到了后來(lái)網(wǎng)頁(yè)排版越來(lái)越復(fù)雜,僅僅是靠這些html標(biāo)記無(wú)法做出漂亮,美觀的頁(yè)面,必須還得輔助一些其它的工具,比如我想讓某個(gè)圖片偏移20px,又或者想文字間隔5px,僅僅靠html實(shí)現(xiàn)實(shí)在是比登天還難.這個(gè)時(shí)候W3C又坐不住了,于是乎又站出來(lái)呼吁:"我們?cè)俣x一些東西可能實(shí)現(xiàn)這個(gè)功能",在經(jīng)過(guò)無(wú)數(shù)次的討論之后,CSS 1.0的標(biāo)準(zhǔn)出臺(tái)了.用這個(gè)可以很簡(jiǎn)單的實(shí)現(xiàn)內(nèi)容偏移,間隔等效果.經(jīng)過(guò)發(fā)展,到后面的css 2.0,css 3.0.所有人在用CSS定義樣式的時(shí)候,都必須遵循這個(gè)標(biāo)準(zhǔn).
再到了后面,人們又發(fā)現(xiàn)僅靠html和CSS還是不完美.它缺乏人機(jī)界面的交互,無(wú)法實(shí)現(xiàn)動(dòng)態(tài)的效果.要是能讓網(wǎng)頁(yè)上的東西動(dòng)起來(lái)就更完美了,于是w3c又出臺(tái)了emascript標(biāo)準(zhǔn),他規(guī)定了文檔對(duì)象模型接口.語(yǔ)法等內(nèi)容.比如大家常用的javascript就是符合emascript標(biāo)準(zhǔn)的.
OK,到了現(xiàn)在一切似乎都完美了.有了html標(biāo)準(zhǔn),有了css標(biāo)準(zhǔn),也有了emascript標(biāo)準(zhǔn),我們終于可以做出很好看的網(wǎng)頁(yè)了,我們把這些標(biāo)準(zhǔn)收聚在一起,就形成了web標(biāo)準(zhǔn),那么什么樣的網(wǎng)頁(yè)才是符合web標(biāo)準(zhǔn)的?比如一段html是這樣寫(xiě)的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html>
<head>
<title>demo</title>
</head>
<body>
<p><font color="#ff0000″>正文內(nèi)容</font><p>
<img src=http://sem.cm/seo/"x.jpg" />
<dl>
<dt><h1>標(biāo)題</h1></dt>
<dd>內(nèi)容</dd>
<dd>內(nèi)容</dd>
<dl>
<b>內(nèi)容</b>
</body>
那么這段代碼是否符合web標(biāo)準(zhǔn)呢,我們?cè)賮?lái)分析這些代碼,第一行你定義了你的文檔類(lèi)型是xhtml 1.0,也就是說(shuō)你的所有html標(biāo)簽的寫(xiě)法必須遵行這個(gè)標(biāo)準(zhǔn),在body內(nèi)的第一個(gè)<p>標(biāo)簽中,font標(biāo)簽已經(jīng)在這個(gè)標(biāo)準(zhǔn)中被棄用了,color屬性也在這個(gè)標(biāo)簽中被棄用了,所以這段話(huà)不符合web標(biāo)準(zhǔn),再來(lái)看<img>標(biāo)簽,它的align屬性定義了圖片的對(duì)齊方式,但缺少了alt屬性,在xhtml 1.0標(biāo)準(zhǔn)中,img是必須定義alt屬性的.所以這段代碼也不符合1.0的標(biāo)準(zhǔn),再看dl標(biāo)簽,dt定義了標(biāo)題,嵌套了<h1>標(biāo)簽,根據(jù)xhtml 1.0的定義.<dt>標(biāo)簽中不允許嵌套<h1>標(biāo)簽,所以同樣也不符合1.0標(biāo)準(zhǔn),再看最后一個(gè)<b>標(biāo)簽,謝天謝地.這個(gè)標(biāo)簽終于符合web標(biāo)準(zhǔn)了.但是w3c已經(jīng)說(shuō)了.我們暫時(shí)保留這個(gè)標(biāo)簽的意義.不過(guò)還是推薦大家使用<strong>標(biāo)簽,這個(gè)語(yǔ)義性更強(qiáng).在后面新的標(biāo)準(zhǔn)中,我們可能取消<b>標(biāo)簽做為標(biāo)準(zhǔn)標(biāo)簽.關(guān)于html標(biāo)準(zhǔn)的約束請(qǐng)大家查看相應(yīng)文檔.
猜你喜歡
評(píng)論(0人參與，0條評(píng)論)
發(fā)布評(píng)論
最新評(píng)論