欧美日韩激情_美女国产一区_国产精品久久久久影院日本_69xxx在线

把Web標準與SEO關系說透之三:實例篇

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.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
新聞列表
新聞標題新聞作者占擊次數
文章總數:2作者數:1平均點擊次數:40
web標準解釋w3c50
web標準解釋一w3c30

30. 其中,,分別表示了表格的頭部,內容和底部,表示表格標題,表示列標題,在html5中還可以用描述標簽.
復制代碼
總結:
1.table適合用來呈現列表數據
2.table適合用來不用多層嵌套的簡單布局
3.tabel的語義化是非常強的.該用的時候得用.不要被誤導的"web標準"所困擾.
誤區二:不正確的嵌套和移位.
SEO大家都能理解標題相關的內容或鏈接如果在html中靠前,那么這個頁面所賦于的權重也是相對較高的,大家在不影響瀏覽者體驗的情況可能會使用CSS來調整內容實際的位置,俗稱"移形換位",這種方式既不影響瀏覽者的體驗.又考慮到了搜引擎,在很多網站中這個技巧也被大量使用,但是在操作的過程中,卻有很多操作欠妥的地方.先來看幾個簡單的例子:
比如顯示一篇文章,有標題,內容.作者等信息,很多人的寫法是這樣的:
1.

2.

新聞標題


3.

4.

5.

新聞段落一


6.

新聞段落二


7.

8.

9. 新聞作者:張三
10.

復制代碼
這種寫法真的不在少數.包括很多較大的網站都在或多或少的存在這種寫法.小網站就更常見了.它用"div"塊級元素把相應的內容分隔開.然后用CSS來定義不同塊的效果.這樣即增加了不必要的嵌套,也稀釋了內容塊與內容塊之間的相關性,對排名的影響很明顯也是有負面影響的.其實仔細想一想.我們可以把這段代碼寫得更標準.更優雅一些.改進后的代碼如下:
1.

2.

新聞標題


3.

新聞段落一


4.

新聞段落二


5.

作者:張三


6.

7. 在CSS中
8. .container h1{屬性}
9. .container p{公共屬性}
10. .container .des{屬性}
復制代碼
再來說"移形換位",這種方法在很多網站中也被普遍用到.具體操作方法gsa版主huxinyu寫過這方面的文章.可以去Gsa版塊查看,我以上面的代碼為例:
1.
2.

新聞標題


3.
4. ......(中間很多其它的內容和標簽)
5.

6.

新聞段落一


7.

新聞段落二


8.

作者:張三


9.
復制代碼
這個的目的很明顯,將

標簽提到正文的最前面,以增加頁面相關關鍵詞的權重.然后利用CSS將

標簽的內容移到新聞段落上面的位置.這樣瀏覽者是看不到

標簽移位了的.
搜索引擎以一種"看報紙"的方式來理解內容,在這段代碼中,與

標簽關聯性最強的還是
里面的正文內容.當它讀到了標題,卻遲遲找不到標題相關的內容.試想:我在讀報紙.標題在報紙在最上面.標題所對應的內容卻在報紙的最下面,你肯定會覺得這報紙排版的效果特別差.你不會給他一個好的評價.同理,搜索引擎也不能很好的理解這種寫法的用意.
如果我們一定要"移形換位",想提高頁面權重.那么就來得徹底一些.我可以將
這個塊所有內容移到body正文前面.然后利于CSS來調整這個container在頁面上的顯示位置.而不是僅僅移動

標簽.這樣即不會破壞上下文的關系.又兼顧了瀏覽者的體驗.當然我不是特別推崇在網站在大量使用這種方式,他會使前端開發變得復雜,可維護性變差.
誤區三:不正確的js方法應用
有沒有見過下面這幾種寫法的代碼:
1. (1)投票
2. (2)好評
3. (3)第二頁
復制代碼
含義就不多解釋了.第(1)和(2)種寫法在網站中普遍存在.這三段代碼的共同點就是當點擊標簽的錨文本時,javascript的dosomething()方法會執行,但是對于搜索引擎來說,他們的含義就大不一樣了.先來看一些知識點:
href是標簽的標準屬性,它表示錨文本所指向的目標頁面地址;onclick是標簽的事件.它表示單擊標簽內的內容時所執行的程序代碼,從程序角度來說.程序的執行都應該都事件來驅動.而很多前端開發人員都喜歡把一段js代碼放在href屬性中.當搜索引擎抓行到標簽時,它想順著herf所指向的頁面地址繼續去索引.卻發現這里是一段js代碼.順理成章.這個地方的鏈接也就成了死鏈接.影響了蜘蛛順利索引網站.
解決辦法:
1.如果我們僅僅是想讓瀏覽來執行一段js代碼來實現某個功能.最好的方式是用其它標簽來替代,而不是用a標簽,
比如:投票,這樣就不會有這樣的錯誤.
2.如果我想搜索引擎索引錨文本鏈接.但在用戶點擊這個錨文本時,又要js代碼來實現其它功能,那么第(3)種代碼的寫法無疑是最好的.
比如:在ajax分頁中.我們想實現無刷新換頁.那么第二頁就不會有任何問題. 搜索引擎看到的是href中所指向的地址.而用戶在點擊時執行的是onclick事件.最后返回一個false,不會去執行xx.html.
3.如果你的網站中已經大量存在第(1)和第(2)這兩種寫法.你至少得給你的標簽加上rel="nofollow".讓它不要去索引.但是還是希望在不需要鏈接的情況下,不要用標簽來響應事件

希望我的分享有用.謝謝大家.
把Web標準化進行得更徹底一點
說起Web標準化，大家馬上就想到DIV+CSS網頁布局。用DIV+CSS做網頁布局的優點至少包含以下這些：對開發人員可以減少開發和維護成本，對網站可以減少服務器帶寬消耗，對用戶可以提高加載速度，對搜索引擎可以有利于內容索引。
DIV+CSS是Web標準化的一種體現。但是不要認為只要把網站做成DIV+CSS的表現形式就可以了。關于Web標準化在SEO上的應用，還可以走得更遠的。
一個網頁應用了DIV+CSS排版，就有了以下的一個網頁模型。

本文題目：把Web標準與SEO關系說透之三:實例篇
本文來源：http://www.kartarina.com/news/74529.html

成都網站建設公司_創新互聯，為您提供網站設計、全網營銷推廣、服務器托管、網站制作、品牌網站建設、微信小程序

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

欧美日韩激情_美女国产一区_国产精品久久久久影院日本_69xxx在线
亚洲国产精品尤物yw在线观看| bt7086福利一区国产| 一本色道亚洲精品aⅴ| 国产精品进线69影院| 91视频国产观看| 亚洲第一主播视频| 欧美成人一区二区三区片免费| 国产一区二区在线免费观看| 最新国产精品久久精品| 国产精品99久久久久久久vr| 亚洲色图第一区| 一二三区精品视频| 久久综合狠狠综合| 欧洲一区二区三区免费视频| 国产资源精品在线观看| 亚洲男帅同性gay1069| 日韩欧美中文一区二区| 高清不卡一区二区| 亚洲高清在线视频| 免费看黄色91| 亚洲一级在线观看| 亚洲欧洲成人自拍| 性做久久久久久免费观看欧美| 男女男精品网站| 国产电影精品久久禁18| 久久疯狂做爰流白浆xx| 亚洲一卡二卡三卡四卡五卡| 图片区小说区国产精品视频| 亚洲精品少妇30p| 中文字幕一区av| 婷婷夜色潮精品综合在线| 国产精品1区2区| 日本电影欧美片| 欧洲色大大久久| 精品国产伦一区二区三区免费| 欧美久久免费观看| 欧美三区免费完整视频在线观看| 波多野结衣亚洲一区| 欧美日韩精品久久久| 欧美少妇bbb| 欧美日韩一区在线观看| 国产亚洲综合在线| 精品国产一区二区三区不卡| 中文字幕日韩精品一区| 麻豆91精品91久久久的内涵| 免费成人美女在线观看.| 99久久久无码国产精品| 99精品偷自拍| 久久综合久久综合久久| 舔着乳尖日韩一区| 日本道色综合久久| 亚洲国产精品99久久久久久久久| 久久精品免费在线观看| 日日摸夜夜添夜夜添精品视频| 三级影片在线观看欧美日韩一区二区| 国产精品18久久久久久久久久久久 | 亚洲国产综合91精品麻豆| 国产精选一区二区三区| 日韩一区二区在线观看视频| 亚洲第一会所有码转帖| 91黄视频在线| 亚洲精品美腿丝袜| 91视频一区二区三区| 国产精品免费av| 亚洲精品视频在线观看网站| 国产a精品视频| 国产欧美中文在线| 亚洲一区视频在线观看视频| 成人视屏免费看| 欧美手机在线视频| 一区二区三区四区在线播放| 91视频你懂的| 亚洲与欧洲av电影| 欧美亚洲国产怡红院影院| 亚洲自拍偷拍欧美| 欧美日韩在线播| 男女男精品视频| 精品国产乱码久久久久久影片| 理论片日本一区| 久久亚洲私人国产精品va媚药| 精品一区二区三区免费播放| 99视频精品免费视频| 最新日韩在线视频| 在线观看区一区二| 日韩中文字幕一区二区三区| 日韩一区二区电影在线| 国产一区二区精品久久99| 国产欧美一区二区在线| 99视频在线精品| 天天色综合天天| 精品久久久网站| 波波电影院一区二区三区| 亚洲精品免费电影| 欧美一区二区三区性视频| 亚洲精品第1页| 欧美日韩免费一区二区三区视频| 香蕉乱码成人久久天堂爱免费| 欧美一区二区三区视频| 黄色成人免费在线| 亚洲人精品一区| 91精品国产高清一区二区三区| 狠狠色丁香九九婷婷综合五月| 国产蜜臀97一区二区三区| 欧美在线观看你懂的| 国产在线精品一区二区三区不卡| 日韩美女啊v在线免费观看| 欧美二区在线观看| 成人毛片老司机大片| 亚洲一区电影777| 久久久久高清精品| 国产在线精品一区在线观看麻豆| 国产精品不卡在线观看| 欧美挠脚心视频网站| 国产成人高清视频| 日韩电影在线观看电影| 欧美精品三级在线观看| 国产91富婆露脸刺激对白| 亚洲国产wwwccc36天堂| 国产精品国产三级国产普通话蜜臀 | 中文字幕日韩精品一区| 精品美女一区二区| 欧美日韩精品一二三区| 成人国产在线观看| 中文字幕色av一区二区三区| 日韩一级二级三级| 在线观看亚洲a| 91在线丨porny丨国产| 国产一区二区影院| 免费人成在线不卡| 亚洲成人av电影| 夜夜爽夜夜爽精品视频| 中文字幕综合网| 欧美—级在线免费片| 久久综合久久鬼色中文字| 91精品国产综合久久精品麻豆| 视频一区二区不卡| 一区二区三区中文免费| 国产精品久久久久久亚洲伦 | 亚洲欧美乱综合| 国产精品污污网站在线观看| 精品对白一区国产伦| 欧美大片免费久久精品三p| 国产精品香蕉一区二区三区| 免费在线看成人av| 日韩vs国产vs欧美| 免费人成在线不卡| 男人的j进女人的j一区| 麻豆91精品视频| 另类欧美日韩国产在线| 美女尤物国产一区| 免费视频最近日韩| 九色|91porny| 国产91露脸合集magnet| 成人av在线电影| 91亚洲国产成人精品一区二区三 | 欧美成人艳星乳罩| 26uuu亚洲综合色欧美| 亚洲精品在线免费观看视频| 久久色.com| 国产精品丝袜91| 亚洲婷婷综合色高清在线| 一区二区三区视频在线看| 亚洲风情在线资源站| 奇米精品一区二区三区在线观看一| 日本不卡不码高清免费观看| 久草在线在线精品观看| 丰满亚洲少妇av| 91理论电影在线观看| 欧美日韩国产乱码电影| 欧美一级生活片| 国产清纯白嫩初高生在线观看91| 国产精品剧情在线亚洲| 亚洲成av人片在www色猫咪| 日本一道高清亚洲日美韩| 国产精品自产自拍| 97久久精品人人做人人爽| 欧美老年两性高潮| 国产欧美日本一区二区三区| 亚洲精品福利视频网站| 美女视频网站久久| bt7086福利一区国产| 欧美久久免费观看| 中文天堂在线一区| 五月综合激情日本mⅴ| 国产成人精品免费| 欧美日韩大陆一区二区| 国产日韩欧美电影| 丝袜诱惑亚洲看片 | 亚洲va中文字幕| 国产福利电影一区二区三区| 91国产丝袜在线播放| 久久亚洲影视婷婷| 婷婷久久综合九色综合伊人色| 国产成都精品91一区二区三| 欧美精品久久久久久久久老牛影院| 日本一二三四高清不卡| 奇米四色…亚洲| 欧美视频一区二区三区在线观看| 国产亚洲成年网址在线观看| 日韩国产欧美三级|