加入收藏RSS訂閱SEO教程 SEO優化 SEO自學 網站優化
你的位置:首頁 ? SEO教程 ? 正文

關于JS實現的TAB標簽切換效果對seo的影響

選擇字號: 超大 標準 發布時間:2014-9-22 14:11:18 | 作者:Searcheo | 0個評論 | 人瀏覽

本文地址:http://www.umpuhz.live/post/394.html 轉載請注明出處!

    我們都知道現在大部分網站上有tab切換的效果(就是一個塊,鼠標懸停在上面不同的板塊時,這個塊里的內容頁隨之變動,這種效果可以說現在網上隨處可見),但是百度快照里面就沒有這個效果,那那些tab里面的內容會不會收錄。今天咱們就就討論一下關于這方面的內容。

    首先說一下網站上的這個tab切換效果是怎么來的。這個tab切換效果是用javascript實現的效果,根據實現的方式,一般有兩種做法:一種 是直接設置導航元素的onmouseover屬性,在鼠標經過導航元素時觸發目標元素的顯示內容變換效果,另一種則是完全用javascript控制導航 元素的onmouseover屬性。兩種方法的共同點就是都有一個控制目標元素內容顯示隱藏的函數,這兩種做法沒有什么根本性的區別,只是在頁面代碼樣式 分離上做法不同。

    而在目標元素的內容的獲取,也即目標元素的顯示內容變換上也有兩種做法,這兩種做法則是對SEO有完全不同的影響了。

    第一種方法是所有的目標元素按照導航元素的命名順序,全部獲取內容并展現出來,比如導航元素是1、2、3,那么目標元素按照順序也是1、2、3,每 一個目標元素的內容都是已經獲取好了的,只不過2和3剛開始的顯示屬性設置為display:none,然后完全由javascript來控制2和3的顯 示屬性,鼠標懸停在導航元素2的時候,1和3的顯示屬性就為display:none,而2的顯示屬性則修改為display:block,這樣在同一個 框架體內,就完成了1、2、3三個目標元素內容的切換顯示。這種方法的優點是所有的內容全部都可以為蜘蛛爬行到(蜘蛛是無視頁面樣式屬性直接讀取源代碼 的,隱藏掉的元素也可以讀取出來),缺點是頁面尺寸會大一些,尤其是tab里面存在大量圖片的時候,會比較影響頁面的加載速度。

    另一種方法跟上面的則完全不同,導航元素依然是1、2、3,而目標元素則只有一個,那么目標元素的內容從哪里來呢?通過一種叫做ajax的方法來。 這種方法下,頁面一般只有目標元素的第一個內容是一開始就完成的,在鼠標懸停在導航元素時觸發ajax執行函數從服務器端獲取目標元素需要顯示的其他內 容,比如鼠標懸停在導航元素2的時候,就會觸發ajax函數從服務器端獲取2的內容填充到目標元素,這種方式一樣可以實現目標元素內容的切換顯示。這種方 法的優點是頁面需要加載的尺寸比較小,只有在需要獲取tab內容時才會從服務器端讀取相應的tab內容,而缺點則是完全不適合SEO,大家都知道搜索引擎 蜘蛛對javascript是不感冒的, 當目標元素的內容在當前頁面不存在,需要依靠javascript來獲取的時候,蜘蛛一樣是沒法爬行到目標元素的內容的。

    從上面的說明我們可以看出來,快照里面的tab切換是否顯示對于實際SEO的效果的影響實際是跟網站本身所采用的tab切換方式有關系,而蜘蛛本身不抓取javascript,所以快照里當然無法實現tab切換的效果,只有網站本身采用的tab切換方式不同才會對SEO產生影響。好在現在主流的網站系統一般都不會采用ajax方式來做tab切換顯示效果,所以大家通常不必擔心,但對于一些小眾的網站管理系統(多為一些IDC自己開發)則需要注意了,需要看一下源代碼識別你的tab切換方式會不會對SEO產生影響。


標簽:    

SEO教程網

猜你喜歡

發表評論

必填

選填

選填

必填,不填不讓過哦,嘻嘻。

記住我,下次回復時不用重新輸入個人信息

◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。

站長推薦的文章
瀏覽最多的文章
無覓相關文章插件,快速提升流量 体彩app官方网站