返回頂部
關(guān)閉軟件導(dǎo)航
位置:首頁(yè) > 技術(shù)分享 > SEO優(yōu)化>關(guān)于JS實(shí)現(xiàn)的TAB標(biāo)簽切換效果對(duì)seo的影響

我們都知道現(xiàn)在大部門(mén)網(wǎng)站上有tab切換的效果(就是一個(gè)塊,鼠標(biāo)懸停在上面差別的板塊時(shí),這個(gè)塊里的內(nèi)容頁(yè)隨之變換,這種效果可以說(shuō)現(xiàn)在網(wǎng)上隨處可見(jiàn)),但是百度快照里面就沒(méi)有這個(gè)效果,那那些tab里面的內(nèi)容會(huì)不會(huì)收錄。今天咱們就就討論一下關(guān)于這方面的內(nèi)容。

首先說(shuō)一下網(wǎng)站上的這個(gè)tab切換效果是怎么來(lái)的。這個(gè)tab切換效果是用javascript實(shí)現(xiàn)的效果,按照實(shí)現(xiàn)的方式,一般有兩種做法:一種

是直接設(shè)置導(dǎo)航元素的onmouseover屬性,在鼠標(biāo)經(jīng)過(guò)導(dǎo)航元素時(shí)觸發(fā)目標(biāo)元素的顯示內(nèi)容變更效果,另一種則是完全用javascript控制導(dǎo)航

元素的onmouseover屬性。兩種方法的共同點(diǎn)就是都有一個(gè)控制目標(biāo)元素內(nèi)容顯示隱藏的函數(shù),這兩種做法沒(méi)有什么根天性的區(qū)別,只是在頁(yè)面代碼樣式

分離上做法差別。

而在目標(biāo)元素的內(nèi)容的獲取,也即目標(biāo)元素的顯示內(nèi)容變更上也有兩種做法,這兩種做法則是對(duì)SEO有完全差別的影響了。

第一種方法是所有的目標(biāo)元素根據(jù)導(dǎo)航元素的命名順序,全部獲取內(nèi)容并展現(xiàn)出來(lái),好比導(dǎo)航元素是1、2、3,那么目標(biāo)元素根據(jù)順序也是1、2、3,每

一個(gè)目標(biāo)元素的內(nèi)容都是已經(jīng)獲取好了的,只不外2和3剛開(kāi)始的顯示屬性設(shè)置為display:none,然后完全由javascript來(lái)控制2和3的顯

示屬性,鼠標(biāo)懸停在導(dǎo)航元素2的時(shí)候,1和3的顯示屬性就為display:none,而2的顯示屬性則修改為display:block,這樣在同一個(gè)

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

的,隱藏掉的元素也可以讀取出來(lái)),缺點(diǎn)是頁(yè)面尺寸會(huì)大一些,尤其是tab里面存在大量圖片的時(shí)候,會(huì)比力影響頁(yè)面的加載速度。

另一種方法跟上面的則完全差別,導(dǎo)航元素依然是1、2、3,而目標(biāo)元素則只有一個(gè),那么目標(biāo)元素的內(nèi)容從哪里來(lái)呢?通過(guò)一種叫做ajax的方法來(lái)。

關(guān)于JS實(shí)現(xiàn)的TAB標(biāo)簽切換效果對(duì)seo的影響

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

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

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

蜘蛛對(duì)javascript是不感冒的,

當(dāng)目標(biāo)元素的內(nèi)容在當(dāng)前頁(yè)面不存在,需要依靠javascript來(lái)獲取的時(shí)候,蜘蛛一樣是沒(méi)法爬行到目標(biāo)元素的內(nèi)容的。

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

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

如果您覺(jué)得 關(guān)于JS實(shí)現(xiàn)的TAB標(biāo)簽切換效果對(duì)seo的影響 這篇文章對(duì)您有用,請(qǐng)分享給您的好友,謝謝!

主站蜘蛛池模板: 熟妇无码乱子成人精品| 无码精品A∨在线观看| 无码精品人妻一区二区三区人妻斩 | 丰满少妇人妻无码| 无码精品一区二区三区在线| 亚洲av永久无码精品网址| 国产精品无码亚洲精品2021| 久久精品无码一区二区三区| 无码人妻av一区二区三区蜜臀| 亚洲Av永久无码精品三区在线 | 亚洲AV无码AV男人的天堂不卡| 在线高清无码A.| 欧日韩国产无码专区| 久久精品aⅴ无码中文字字幕| 无码一区二区三区在线| 无码国产午夜福利片在线观看| 人妻少妇乱子伦无码专区| 精品深夜AV无码一区二区| 亚洲中文字幕无码日韩| 亚洲精品无码成人片在线观看| 精品欧洲av无码一区二区三区| 国产精品无码久久综合| 国产成人AV无码精品| 国产精品无码一二区免费| 亚洲中文无码永久免| 18禁网站免费无遮挡无码中文| 亚洲av福利无码无一区二区| 伊人久久精品无码av一区| 成人无码a级毛片免费| 日韩人妻无码一区二区三区 | 色国产色无码色欧美色在线 | 中字无码av电影在线观看网站 | 国产精品无码A∨精品影院| 中文字幕精品无码久久久久久3D日动漫| 亚洲国产成人精品无码区在线网站 | 亚洲Av无码国产情品久久| 国产人成无码视频在线观看 | 最新无码A∨在线观看| 免费无码又爽又刺激网站直播| 久久精品无码一区二区三区日韩| 国产精品午夜福利在线无码|