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