不要在你的網(wǎng)站上使用視差滾動(dòng)效果的5個(gè)原因(翻譯)

 視差滾動(dòng)（Parallax scrolling）效果是2013年最熱門的網(wǎng)頁設(shè)計(jì)趨勢之一。但是，我預(yù)言2014年我們將會(huì)看到它慢慢消失，因?yàn)檫@個(gè)效果在實(shí)現(xiàn)過程中存在太多問題了。如果你在網(wǎng)站中曾經(jīng)創(chuàng)建或使用過視差滾動(dòng)，你就會(huì)發(fā)現(xiàn)其中的一些端倪。下面，我列舉出我認(rèn)為視差滾動(dòng)存在的負(fù)面因素，這些因素會(huì)反過來會(huì)讓網(wǎng)頁設(shè)計(jì)倒退到其他的設(shè)計(jì)形式上。如果你認(rèn)為我錯(cuò)了，歡迎你對(duì)這篇文章提出任何評(píng)論或反饋。讓我們來開始吧！

1、視差滾動(dòng)不利于SEO？

        在標(biāo)題里我用了疑問句，是因?yàn)槲疫€沒有對(duì)視差滾動(dòng)對(duì)SEO造成的影響做深入研究。但是，我們將會(huì)失去一個(gè)站長對(duì)正規(guī)站點(diǎn)常用設(shè)置的優(yōu)化選項(xiàng)：

• 在url中沒有關(guān)鍵詞：采用視差滾動(dòng)，你的得到的僅僅是一個(gè)url。你將不再有其他共同起作用的頁面url。

• 沒有多個(gè)H1標(biāo)簽：在一個(gè)典型的視差滾動(dòng)網(wǎng)站中，你僅能獲得一個(gè)起作用的H1標(biāo)簽。

• 更少的內(nèi)部鏈接：把所有內(nèi)容都放在一個(gè)頁面，會(huì)降低你能控制的內(nèi)部鏈接數(shù)量。不管你信不信，內(nèi)部鏈接會(huì)將錨文本導(dǎo)向它們指向的相關(guān)頁面。

• 速度慢：速度能在一定程度上影響Google排名算法。如果你在一頁中有太多內(nèi)容，加載過程會(huì)降低頁面速度，同時(shí)降低了頁面排名的能力。

2、很難跟蹤與分析

        傳統(tǒng)站點(diǎn)允許通過不同的登陸頁跟蹤訪問用戶的行為。在視差滾動(dòng)（站點(diǎn)），想知道單一頁面的哪個(gè)區(qū)段為你的訪問者提供了最大價(jià)值，這是個(gè)難事兒。對(duì)于視差滾動(dòng)站點(diǎn)，也很難實(shí)施任何一種形式的A/B測試。

        不進(jìn)行適當(dāng)?shù)母櫡治觯粋€(gè)網(wǎng)站站長就不能通過改善頁面或內(nèi)容來提升網(wǎng)站流量和轉(zhuǎn)化率。

3、視差滾動(dòng)增加了讀取時(shí)間

        視差滾動(dòng)需要一些jquery腳本的計(jì)算。你擁有越多的內(nèi)容，腳本需要越長的時(shí)間來計(jì)算（頁面上）每個(gè)元素的移動(dòng)位置。對(duì)于網(wǎng)絡(luò)環(huán)境不佳的用戶，視差滾動(dòng)網(wǎng)站看起來就像是在爬行（那么慢）。這可不是個(gè)好的用戶體驗(yàn)，所以我們應(yīng)該仔細(xì)考慮什么時(shí)候，以及怎樣最好地使用視差滾動(dòng)。

4、視差滾動(dòng)在移動(dòng)設(shè)備上無效果

        隨著移動(dòng)瀏覽器變得越來越流行，我們無法忍受一個(gè)網(wǎng)站設(shè)計(jì)在移動(dòng)設(shè)備上無法使用。不幸的是，當(dāng)你使用視差滾動(dòng)時(shí)，這種事情發(fā)生了。目前也有能讓視差滾動(dòng)網(wǎng)站工作在移動(dòng)設(shè)備上的代碼，不過那不是免費(fèi)的。我們可能會(huì)在未來解決這個(gè)問題，但是現(xiàn)在，它仍舊是個(gè)能夠降低網(wǎng)站可用性指標(biāo)的東西，尤其是我們在移動(dòng)設(shè)備上使用時(shí)。

5、缺乏導(dǎo)航，瀏覽時(shí)會(huì)感到很煩人

        有些時(shí)候，我需要滾動(dòng)到頁面的最底端來找到我需要的信息，這很煩人。一些聰明的設(shè)計(jì)師使用了錨點(diǎn)鏈接，但“飛過”所有不需要的內(nèi)容，最終到達(dá)我想要閱讀或了解的地方，仍舊讓人覺得很煩。所有這些問題都?xì)w結(jié)為在視差滾動(dòng)網(wǎng)站缺乏良好的導(dǎo)航設(shè)計(jì)。大部分網(wǎng)站只用了向下箭頭作為唯一的導(dǎo)航方法，坦白來說，那并不好用。你第一次用可能會(huì)覺得不錯(cuò)，但重復(fù)使用這樣的網(wǎng)站后，你必然會(huì)希望有一種更快的方法來進(jìn)行導(dǎo)航。

        所以，你對(duì)視差滾動(dòng)的看法是什么呢？缺點(diǎn)比優(yōu)點(diǎn)多？還是正好相反，優(yōu)點(diǎn)比缺點(diǎn)多？

===================個(gè)人思考分割線=================================

        作為一種更優(yōu)的呈現(xiàn)方式，視差滾動(dòng)效果的網(wǎng)站給人一種耳目一新的感覺，能夠在第一時(shí)間給網(wǎng)站訪問者提供靚麗的視覺體驗(yàn)，會(huì)在一定程度上提升品牌識(shí)別度，讓人印象深刻，這是它的優(yōu)點(diǎn)，也是我們值得學(xué)習(xí)的地方。

        但從另一個(gè)角度看，確實(shí)如文中作者所述，該類網(wǎng)站也有諸多劣勢。我也確實(shí)看到國內(nèi)一些網(wǎng)站，最初是以視差滾動(dòng)方式實(shí)現(xiàn)，后來又轉(zhuǎn)變成常規(guī)站點(diǎn)。綜合起優(yōu)缺點(diǎn)，個(gè)人建議在以下場景，網(wǎng)站可以考慮采用視差滾動(dòng)方式：

1、初創(chuàng)網(wǎng)站。如果其目的在于宣傳品牌、產(chǎn)品，且無太多文本內(nèi)容呈現(xiàn)時(shí)，可在初期上線視差滾動(dòng)網(wǎng)站，讓人先對(duì)其產(chǎn)生興趣，留下印象。之后隨著訪客增多，內(nèi)容完善后，再改回常規(guī)網(wǎng)站形式。

2、主題宣傳站點(diǎn)。對(duì)于需要在某個(gè)時(shí)間段發(fā)布的活動(dòng)宣傳頁面，需要盡可能為用戶產(chǎn)生視覺上的沖擊，可上線視差滾動(dòng)站點(diǎn)。例如阿里、騰訊很多專題網(wǎng)站。

3、特殊行業(yè)站點(diǎn)。這類站點(diǎn)的特色也在于“宣傳為主、突出視覺沖擊力、內(nèi)容有限”。如一些設(shè)計(jì)公司網(wǎng)站、游戲公司網(wǎng)站。

原文地址：5 reasons why parallax scrolling is bad for your website