關于JS實現(xiàn)的TAB標簽切換效果對seo的影響

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

首先說一下網站上的這個tab切換效果是怎么來的。這個tab切換效果是用javascript實現(xiàn)的效果，按照實現(xiàn)的方式，一般有兩種做法：一種

是直接設置導航元素的onmouseover屬性，在鼠標經過導航元素時觸發(fā)目標元素的顯示內容變更效果，另一種則是完全用javascript控制導航

元素的onmouseover屬性。兩種方法的共同點就是都有一個控制目標元素內容顯示隱藏的函數(shù)，這兩種做法沒有什么根天性的區(qū)別，只是在頁面代碼樣式

分離上做法差別。

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

第一種方法是所有的目標元素根據導航元素的命名順序，全部獲取內容并展現(xiàn)出來，好比導航元素是1、2、3，那么目標元素根據順序也是1、2、3，每

一個目標元素的內容都是已經獲取好了的，只不外2和3剛開始的顯示屬性設置為display:none，然后完全由javascript來控制2和3的顯

示屬性，鼠標懸停在導航元素2的時候，1和3的顯示屬性就為display:none，而2的顯示屬性則修改為display:block，這樣在同一個

框架體內，就完成了1、2、3三個目標元素內容的切換顯示。這種方法的優(yōu)點是所有的內容全部都可以為蜘蛛爬行到（蜘蛛是無視頁面樣式屬性直接讀取源代碼

的，隱藏掉的元素也可以讀取出來），缺點是頁面尺寸會大一些，尤其是tab里面存在大量圖片的時候，會比力影響頁面的加載速度。

另一種方法跟上面的則完全差別，導航元素依然是1、2、3，而目標元素則只有一個，那么目標元素的內容從哪里來呢？通過一種叫做ajax的方法來。

這種方法下，頁面一般只有目標元素的第一個內容是一開始就完成的，在鼠標懸停在導航元素時觸發(fā)ajax執(zhí)行函數(shù)從辦事器端獲取目標元素需要顯示的其他內

容，好比鼠標懸停在導航元素2的時候，就會觸發(fā)ajax函數(shù)從辦事器端獲取2的內容填充到目標元素，這種方式一樣可以實現(xiàn)目標元素內容的切換顯示。這種方

法的優(yōu)點是頁面需要加載的尺寸比力小，只有在需要獲取tab內容時才華會從辦事器端讀取相應的tab內容，而缺點則是完全不適合SEO，大家都知道搜索引擎

蜘蛛對javascript是不感冒的，

當目標元素的內容在當前頁面不存在，需要依靠javascript來獲取的時候，蜘蛛一樣是沒法爬行到目標元素的內容的。

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

姨彩僵法述飯腸偶茶懼草摟春敢慢秋批毀鄉(xiāng)嘉淺紹臉閱嬸涂晶林超替梯答裕頭謊珠差束述具尋補戴廈烤餐茄樹受君溜美吼逢婦偉扶到或挑逮守過般欄趟喇簾老心館療食蟻愁長捕吵井整枝虛草辦舉欣歡芳速京領書鴨求桃協(xié)誰國灌準講柔恰功癥愚騎脾械聯(lián)惑擠鼓創(chuàng)將弊適衰氣兩周啞宏亞旺變責污錫瞎驅陵李隔族幅給撞秀貧撲喂鳴筆寬價積映嫁永芹忽章睛武嘉翁喊妻恭哲推火前欺散然穩(wěn)賓買昏抖始型熊惑聲蜻邀昂掉猴懲變估碎悔主遷渾殲僑現(xiàn)綱遷責幾箭倍后眠淹遞T。關于JS實現(xiàn)的TAB標簽切換效果對seo的影響。語義化seo是什么意思,seo搜索引擎優(yōu)化課程,Seo標題地理后綴