談web標(biāo)準(zhǔn)和seo關(guān)系（一）
SEO，最終做的是用戶，做的是思想，做的是理念，做的是思維。下面分析SEO和WEB標(biāo)準(zhǔn)的關(guān)系。
兩年前，我開始接觸seo，那時(shí)候的學(xué)習(xí)熱潮讓我逛遍了國內(nèi)大大小小的論壇和博客,把那些不知道是否有用或者無用的方法全用在了我的實(shí)踐中，但是隨著學(xué)習(xí)的深入。我對網(wǎng)上流傳的各種方法產(chǎn)生了懷疑，當(dāng)人盡皆知的發(fā)外鏈，寫軟文，堆關(guān)鍵詞等等方法用盡后，我黔驢技窮，在排名上和流量我還是斗不過人家，同時(shí)也不得不反思SEO更深層次，更有效的操作方法,在經(jīng)歷了無數(shù)次的迂回之后，我回到了我的老本行“程序和前端開發(fā)”,似乎一夜之間豁然開朗，我現(xiàn)在所做的不正是***的SEO嗎？
誠實(shí)的說我的學(xué)習(xí)是比較封閉的，我沒有達(dá)到“***的SEO就是無SEO”的境界，也沒有非常牛B的SEO實(shí)踐經(jīng)歷，我常常思考的是如何把我現(xiàn)在的工作更好的融合到SEO中去，如果現(xiàn)在要我給SEO一個(gè)定義，那就是：網(wǎng)絡(luò)+硬件+程序+站點(diǎn)結(jié)構(gòu)+web標(biāo)準(zhǔn)+內(nèi)容+人,網(wǎng)絡(luò)人很多人都在討論“內(nèi)容為王”的概念，卻忽視了其它的很多的因素。如果將這些因素都詳細(xì)解說一遍。估計(jì)可以出一本很厚的書了，這篇文章只想與大家分享WEB標(biāo)準(zhǔn)對seo產(chǎn)生的影響。
正文開始：
要了解web標(biāo)準(zhǔn)和SEO的關(guān)系，必須得先了解什么是"web標(biāo)準(zhǔn)"，估計(jì)大家去網(wǎng)上查了非常多的解釋文檔，還是有點(diǎn)霧里看花，似懂非懂的感覺,我不想從網(wǎng)上抄一段話過來給大家，這樣最終還是無法理解，要理解web標(biāo)準(zhǔn)，還得從構(gòu)建一個(gè)基本的網(wǎng)頁開始講起：
例如：我要寫一個(gè)最簡單的網(wǎng)頁，必須要使用html標(biāo)記，比如：我要強(qiáng)調(diào)文字，我得用<strong>標(biāo)簽，我要改變文字顏色，我得再加一個(gè)<font color="顏色">的標(biāo)簽,我想另起一段，得用<>標(biāo)簽，我不可能用<jacu>這個(gè)毫無意義的標(biāo)簽來強(qiáng)調(diào)文字，因?yàn)楦緵]有這種標(biāo)簽，瀏覽器也無法解析，于是W3C(萬維網(wǎng)協(xié)會，一個(gè)組織機(jī)構(gòu))就站出來了，對全世界互聯(lián)網(wǎng)從業(yè)者說：“大家都提點(diǎn)意見，我們來把這些標(biāo)簽統(tǒng)一下，哪個(gè)能用哪些不能用；然后大家再給這些標(biāo)簽一個(gè)統(tǒng)一的，合理的解釋，讓大家明白這些標(biāo)簽是用來做什么用的”，經(jīng)過無次數(shù)討論之后。于是乎最終出臺了html 1.0標(biāo)準(zhǔn)，經(jīng)過后來的不斷的修改和更新，漸漸有了更多的網(wǎng)頁標(biāo)準(zhǔn),如html 2.0...html 4.01，到現(xiàn)在大家網(wǎng)頁中最常使用的xmhtml1.0/1.1，以及還未正式出臺的xmhtml 2.0標(biāo)準(zhǔn)，標(biāo)準(zhǔn)的更新都是向前兼容的，我們在制作網(wǎng)頁的時(shí)候，網(wǎng)頁頂部通常有這樣一句話：
- <!DOCTYPE html
- PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這個(gè)實(shí)際就是定義了你的文檔模型，是用xhtml 1.0標(biāo)準(zhǔn)去解釋的.
但是到了后來網(wǎng)頁排版越來越復(fù)雜，僅僅是靠這些html標(biāo)記無法做出漂亮，美觀的頁面，必須還得輔助一些其它的工具，比如我想讓某個(gè)圖片偏移20px,又或者想文字間隔5px,僅僅靠html實(shí)現(xiàn)實(shí)在是比登天還難。這個(gè)時(shí)候W3C又坐不住了，于是乎又站出來呼吁：“我們再定義一些東西可能實(shí)現(xiàn)這個(gè)功能”,在經(jīng)過無數(shù)次的討論之后,CSS 1.0的標(biāo)準(zhǔn)出臺了。用這個(gè)可以很簡單的實(shí)現(xiàn)內(nèi)容偏移，間隔等效果。經(jīng)過發(fā)展，到后面的css 2.0,css 3.0。所有人在用CSS定義樣式的時(shí)候，都必須遵循這個(gè)標(biāo)準(zhǔn)。
再到了后面，人們又發(fā)現(xiàn)僅靠html和CSS還是不***。它缺乏人機(jī)界面的交互，無法實(shí)現(xiàn)動態(tài)的效果。要是能讓網(wǎng)頁上的東西動起來就更***了，于是w3c又出臺了emascript標(biāo)準(zhǔn)，他規(guī)定了文檔對象模型接口。語法等內(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)頁了，我們把這些標(biāo)準(zhǔn)收聚在一起，就形成了web標(biāo)準(zhǔn)，那么什么樣的網(wǎng)頁才是符合web標(biāo)準(zhǔn)的:
比如一段html是這樣寫的
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <title>demo</title>
- </head>
- <body>
- <p><font color="#ff0000">正文內(nèi)容</font><p>
- <img src="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)呢，我們再來分析這些代碼，***行你定義了你的文檔類型是xhtml 1.0，也就是說你的所有html標(biāo)簽的寫法必須遵行這個(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)簽中被棄用了,所以這段話不符合web標(biāo)準(zhǔn)，再來看<img>標(biāo)簽，它的align屬性定義了圖片的對齊方式，但缺少了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)說了。我們暫時(shí)保留這個(gè)標(biāo)簽的意義。不過還是推薦大家使用<strong>標(biāo)簽，這個(gè)語義性更強(qiáng)。在后面新的標(biāo)準(zhǔn)中，我們可能取消<b>標(biāo)簽做為標(biāo)準(zhǔn)標(biāo)簽。關(guān)于html標(biāo)準(zhǔn)的約束請大家查看相應(yīng)文檔。
說到這里。我想大家都明白了。這個(gè)頁面連xmhtml 1.0標(biāo)準(zhǔn)都不符合，那么肯定也不符合web標(biāo)準(zhǔn)了，至于符不符合web標(biāo)準(zhǔn)，完全在于你定義的版本.但是這段段碼在瀏覽器中是可以正常解析的，因?yàn)槲覀兦懊嬲f過，標(biāo)準(zhǔn)都是向前兼容的，只是不符合你現(xiàn)在所定義的標(biāo)準(zhǔn)而已。
那么我該如何讓這段代碼符合我的web標(biāo)準(zhǔn)呢。只有兩種辦法：
1.降低你的文檔模型的標(biāo)準(zhǔn)（這樣可能帶來更多的麻煩）
2.重新修改你的代碼,比如把顏色放到style屬性中,img加上alt屬性.
相比起來，我們更愿意選擇第二種.
網(wǎng)絡(luò)上有一種解釋：web標(biāo)準(zhǔn)=div+css.不能用table布局.看了上面的文章，我們不難理解。這個(gè)概念純粹是混淆視聽.以偏概全.不能說table布局的網(wǎng)頁就不符合web標(biāo)準(zhǔn)，w3c從來沒有定義過用table布局就不符合標(biāo)準(zhǔn)。<table>標(biāo)簽一直都是各個(gè)版本的標(biāo)準(zhǔn)標(biāo)簽。雖然我們都是用div來布局,但我們要明白：別人推薦的做法不等于標(biāo)準(zhǔn).
下篇將與大家探討web標(biāo)準(zhǔn)與seo的關(guān)系?。?/p>
【編輯推薦】
