2017-02-27 分類: 網(wǎng)站建設(shè)
寫了兩篇關(guān)于Web標(biāo)準(zhǔn)的文章了,這篇結(jié)合我工作中的一些實(shí)踐經(jīng)歷來與大家分享一些網(wǎng)站設(shè)計(jì)中常見誤區(qū),以及它對seo所產(chǎn)生的影響.這也是"說透"系列中最后一篇,希望能對大家有所幫助.也希望能聽到大家不同的意見.
誤區(qū)一: DIV+CSS強(qiáng)迫癥
我工作中接觸到一些前端開發(fā)人員,他們或多或少從網(wǎng)上也了解了一些SEO的知識,又或者在學(xué)習(xí)和從事SEO.對前端又缺乏了解的人.看到頁面中用到幾個(gè)"table"標(biāo)簽,立馬就是滿臉的不屑,然后一大堆理由說得頭頭是道.弄得你感覺"table"就是萬惡之源,你在頁面中用到了table你就顯得很不專業(yè).你的專業(yè)水準(zhǔn)在他心里馬上就降了一大半.他再不厭其煩的用了一大堆div和CSS把你的table給改寫.這就是Div+CSS強(qiáng)迫癥的表現(xiàn).
table不適合用來做整體布局(并不表示不允許),這點(diǎn)已經(jīng)得到大家的公認(rèn),有過前端經(jīng)驗(yàn)的朋友都知道布局涉及到層次嵌套.用table嵌套來呈現(xiàn)結(jié)構(gòu)會讓你以后的布局的調(diào)整變得很困難.比如移動(dòng)某個(gè)塊的位置,調(diào)整左右塊的距離等等,當(dāng)嵌套的層次越多,你的調(diào)整越困難.再次嵌套的層次越深.解析dom所花費(fèi)的時(shí)間越長,增加了客戶端和搜索引擎的負(fù)擔(dān),這點(diǎn)我在第二篇文章中講過,但是如果是用來呈現(xiàn)列表式的數(shù)據(jù),比如數(shù)據(jù)報(bào)表,多列的新聞列表.個(gè)人簡歷等.這個(gè)地方用"table"來布局是最合適不過的了.但是很多人受到了"Web標(biāo)準(zhǔn)"不正確理論的影響.他寧愿用非常多的div,li和span來操作.也不用table.給自己的工作造成了很多的困擾.其實(shí)"table"在所有html標(biāo)簽中.它的語義化是最強(qiáng)的.它有很多的"子標(biāo)簽"來規(guī)范這個(gè)表格.例如一個(gè)完整表格的定義:
1.
新聞標(biāo)題 | 新聞作者 | 占擊次數(shù) |
---|---|---|
文章總數(shù):2 | 作者數(shù):1 | 平均點(diǎn)擊次數(shù):40 |
web標(biāo)準(zhǔn)解釋 | w3c | 50 |
web標(biāo)準(zhǔn)解釋一 | w3c | 30 |
新聞段落一
新聞段落二
新聞段落一
4.
新聞段落二
作者:張三
新聞段落一
7.
新聞段落二
作者:張三
希望我的分享有用.謝謝大家.
把Web標(biāo)準(zhǔn)化進(jìn)行得更徹底一點(diǎn)
說起Web標(biāo)準(zhǔn)化,大家馬上就想到DIV+CSS網(wǎng)頁布局。用DIV+CSS做網(wǎng)頁布局的優(yōu)點(diǎn)至少包含以下這些:對開發(fā)人員可以減少開發(fā)和維護(hù)成本,對網(wǎng)站可以減少服務(wù)器帶寬消耗,對用戶可以提高加載速度,對搜索引擎可以有利于內(nèi)容索引。
DIV+CSS是Web標(biāo)準(zhǔn)化的一種體現(xiàn)。但是不要認(rèn)為只要把網(wǎng)站做成DIV+CSS的表現(xiàn)形式就可以了。關(guān)于Web標(biāo)準(zhǔn)化在SEO上的應(yīng)用,還可以走得更遠(yuǎn)的。
一個(gè)網(wǎng)頁應(yīng)用了DIV+CSS排版,就有了以下的一個(gè)網(wǎng)頁模型。
本文題目:把Web標(biāo)準(zhǔn)與SEO關(guān)系說透之三:實(shí)例篇
本文來源:http://redsoil1982.com.cn/news/74529.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、全網(wǎng)營銷推廣、服務(wù)器托管、網(wǎng)站制作、品牌網(wǎng)站建設(shè)、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容