家好小編在這里談?wù)撘幌滦侣劦膖ab切換的效果（就是一個塊，鼠標(biāo)懸停在上面不同的板塊時，這個塊里的內(nèi)容頁隨之變動，這種效果可以說現(xiàn)在網(wǎng)上隨處可見），但是百度快照里面就沒有這個效果，那那些tab里面的內(nèi)容會不會收錄。今天咱們就就討論一下關(guān)于這方面的內(nèi)容。
　　首先說一下網(wǎng)站上的這個tab切換效果是怎么來的。這個tab切換效果是用javascript實現(xiàn)的效果，根據(jù)實現(xiàn)的方式，一般有兩種做法：一種是直接設(shè)置導(dǎo)航元素的onmouseover屬性，在鼠標(biāo)經(jīng)過導(dǎo)航元素時觸發(fā)目標(biāo)元素的顯示內(nèi)容變換效果，另一種則是完全用javascript控制導(dǎo)航元素的onmouseover屬性。兩種方法的共同點就是都有一個控制目標(biāo)元素內(nèi)容顯示隱藏的函數(shù)，這兩種做法沒有什么根本性的區(qū)別，只是在頁面代碼樣式分離上做法不同。
　　而在目標(biāo)元素的內(nèi)容的獲取，也即目標(biāo)元素的顯示內(nèi)容變換上也有兩種做法，這兩種做法則是對SEO有完全不同的影響了。第一種方法是所有的目標(biāo)元素按照導(dǎo)航元素的命名順序，全部獲取內(nèi)容并展現(xiàn)出來，比如導(dǎo)航元素是1、2、3，那么目標(biāo)元素按照順序也是1、2、3，每一個目標(biāo)元素的內(nèi)容都是已經(jīng)獲取好了的，只不過2和3剛開始的顯示屬性設(shè)置為display:none，然后完全由javascript來控制2和3的顯示屬性，鼠標(biāo)懸停在導(dǎo)航元素2的時候，1和3的顯示屬性就為display:none，而2的顯示屬性則修改為display:block，這樣在同一個框架體內(nèi)，就完成了1、2、3三個目標(biāo)元素內(nèi)容的切換顯示。這種方法的優(yōu)點是所有的內(nèi)容全部都可以為蜘蛛爬行到（蜘蛛是無視頁面樣式屬性直接讀取源代碼的，隱藏掉的元素也可以讀取出來），缺點是頁面尺寸會大一些，尤其是tab里面存在大量圖片的時候，會比較影響頁面的加載速度。
　　另一種方法跟上面的則完全不同，導(dǎo)航元素依然是1、2、3，而目標(biāo)元素則只有一個，那么目標(biāo)元素的內(nèi)容從哪里來呢？通過一種叫做ajax的方法來。這種方法下，頁面一般只有目標(biāo)元素的第一個內(nèi)容是一開始就完成的，在鼠標(biāo)懸停在導(dǎo)航元素時觸發(fā)ajax執(zhí)行函數(shù)從服務(wù)器端獲取目標(biāo)元素需要顯示的其他內(nèi)容，比如鼠標(biāo)懸停在導(dǎo)航元素2的時候，就會觸發(fā)ajax函數(shù)從服務(wù)器端獲取2的內(nèi)容填充到目標(biāo)元素，這種方式一樣可以實現(xiàn)目標(biāo)元素內(nèi)容的切換顯示。這種方法的優(yōu)點是頁面需要加載的尺寸比較小，只有在需要獲取tab內(nèi)容時才會從服務(wù)器端讀取相應(yīng)的tab內(nèi)容，而缺點則是完全不適合SEO，大家都知道搜索引擎蜘蛛對javascript是不感冒的，當(dāng)目標(biāo)元素的內(nèi)容在當(dāng)前頁面不存在，需要依靠javascript來獲取的時候，蜘蛛一樣是沒法爬行到目標(biāo)元素的內(nèi)容的。
　　從以上的內(nèi)容我們可以看出來，快照里面的tab切換是否顯示對于實際SEO的效果的影響實際是跟網(wǎng)站本身所采用的tab切換方式有關(guān)系，而蜘蛛本身不抓取javascript，所以快照里當(dāng)然無法實現(xiàn)tab切換的效果，只有網(wǎng)站本身采用的tab切換方式不同才會對SEO產(chǎn)生影響。好在現(xiàn)在主流的網(wǎng)站系統(tǒng)一般都不會采用ajax方式來做tab切換顯示效果，所以大家通常不必?fù)?dān)心，但對于一些小眾的網(wǎng)站管理系統(tǒng)（多為一些IDC自己開發(fā)）則需要注意了，需要看一下源代碼識別你的tab切換方式會不會對SEO產(chǎn)生影響。在當(dāng)今天，網(wǎng)站不是只能輸入網(wǎng)址才能找到，而是在任何搜索引擎都能搜到那才是達(dá)到營銷的目的。而家好建站做到了這點！
　　
　　
　　

家好網(wǎng)絡(luò)原創(chuàng)文章，本文地址：http://g3674.cn/news/news70.html，轉(zhuǎn)載請注明出處。