我們?cè)谧鼍W(wǎng)站以及在網(wǎng)站運(yùn)營(yíng)過(guò)程中，專題頁(yè)面是一個(gè)我們經(jīng)常用到的東西，比如我們經(jīng)?？梢詫?duì)本網(wǎng)站相關(guān)內(nèi)容的一些集中整理、熱點(diǎn)事件的匯總、促銷活動(dòng)、節(jié)日優(yōu)惠活動(dòng)等等，我們通常都會(huì)用到專題頁(yè)。但在站長(zhǎng)圈子里針對(duì)這方面的話題并不多，也許是大家經(jīng)常在用，但卻因?yàn)樗话阆鄬?duì)來(lái)說(shuō)比較孤立，就沒(méi)太關(guān)注在這個(gè)方面下功夫吧。

專題頁(yè)面其實(shí)對(duì)網(wǎng)站是非常有作用的，比如一個(gè)電商網(wǎng)站因?yàn)槟硞€(gè)節(jié)日需要做一次促銷活動(dòng)，很多都會(huì)為了在這樣的活動(dòng)中讓更多的用戶認(rèn)識(shí)自己不惜去一些平臺(tái)發(fā)布廣告。而且讓用戶通過(guò)廣告鏈接訪問(wèn)到的頁(yè)面應(yīng)該是非常明確的廣告內(nèi)容，如果使用首頁(yè)的話，則每一次活動(dòng)還要對(duì)首頁(yè)改版并在結(jié)束后改回來(lái)，非常浪費(fèi)時(shí)間，同時(shí)也是對(duì)SEO不利的。于是很多時(shí)候現(xiàn)在大家都是為網(wǎng)站這樣的活動(dòng)建立一個(gè)專題頁(yè)面，當(dāng)然這是專題頁(yè)的應(yīng)用案例，也是常用的一種方式。

就如上面所說(shuō)的一樣，我們建立專題頁(yè)面既不是內(nèi)頁(yè)也不是首頁(yè)，而是一個(gè)具有實(shí)現(xiàn)性的相對(duì)高質(zhì)量的頁(yè)面，特別是很多時(shí)候我們創(chuàng)建專題頁(yè)面就是為了拴住用戶。于是怎么讓用戶從一個(gè)簡(jiǎn)單的頁(yè)面感受到他喜歡的，其實(shí)就是友好度的問(wèn)題了，比如我們的游戲網(wǎng)站推出了一款新的游戲，那么我們推廣的時(shí)候如果用專題頁(yè)就必須讓用戶看到專題頁(yè)就感覺(jué)很友好，這樣才會(huì)產(chǎn)生轉(zhuǎn)化。下面就通過(guò)我自己的一些經(jīng)歷談?wù)勅绾蝺?yōu)化網(wǎng)站專題頁(yè)同時(shí)提升搜索引擎及用戶友好度。

第一　避免過(guò)長(zhǎng)的篇幅造成網(wǎng)頁(yè)體積巨大也讓用戶感覺(jué)很難理解。

我們做一個(gè)專題確實(shí)就是想通過(guò)這么一個(gè)頁(yè)面讓用戶了解更多我們想跟他們表達(dá)的信息，于是在很多的時(shí)候我們的專題頁(yè)可能做得非常長(zhǎng)，有的甚至超過(guò)十多屏內(nèi)容。這樣不管是對(duì)于用戶還是搜索引擎，要等這個(gè)網(wǎng)頁(yè)加載完畢需要很長(zhǎng)時(shí)間，有的甚至需要數(shù)十秒時(shí)間，這樣誰(shuí)都沒(méi)有這樣的耐心。再者，就算用戶是一個(gè)非常有耐心的人，看到十多屏的內(nèi)容都頭疼，雖然解釋得很具體，但反而讓人感覺(jué)很費(fèi)解。其實(shí)我們只需要幾屏的內(nèi)容即可，向用戶表達(dá)一個(gè)總體信息即可，這樣反而可以讓用戶一眼掃過(guò)去就知道我們?cè)诟墒裁矗绻麄兏信d趣自然會(huì)繼續(xù)瀏覽這個(gè)頁(yè)面上的外鏈頁(yè)面，因?yàn)檫@個(gè)時(shí)候已經(jīng)知道要做什么了。當(dāng)然其實(shí)這屬于策劃上面的工作了，而下面的幾點(diǎn)我想談?wù)勍ㄟ^(guò)技術(shù)手段來(lái)進(jìn)行優(yōu)化。

第二　盡量以代碼代替一些圖片，減小網(wǎng)頁(yè)體積。

眾所周知，我們做專題頁(yè)面的時(shí)候很多的時(shí)候都是需要用可視化的圖片展現(xiàn)給用戶，讓用戶更加感觀地感受到我們所表達(dá)的。而且一般的制作過(guò)程就是首先用平面設(shè)計(jì)軟件做出圖片源文件，然后通過(guò)HTML和CSS等轉(zhuǎn)化成網(wǎng)頁(yè)，很多時(shí)候我們?yōu)榱耸∈轮苯邮褂脠D片放進(jìn)去，這樣就大大加大網(wǎng)頁(yè)的體積，造成加載緩慢。其實(shí)很多圖片我們是可以用代碼代替的，比如一些純色的背景圖片、表格圖片、文字圖片等，這些元素完全可以利用代碼代替。而隨便一張圖片都是幾十上百KB，甚至更大，而使用代碼則可以相對(duì)圖片來(lái)說(shuō)忽略不計(jì)。對(duì)于搜索引擎來(lái)說(shuō)是不能識(shí)別圖片上的內(nèi)容的，而文字是可以很快捷識(shí)別的，顯然更有利于SEO。

第三　優(yōu)化頁(yè)面代碼以網(wǎng)頁(yè)加載效率。

我相信如果讓大家選擇光纖上網(wǎng)還是用1M帶寬的撥號(hào)上網(wǎng)，大家肯定會(huì)選擇前者，因?yàn)檎l(shuí)都愿意自己上網(wǎng)的瀏覽信息的速度更加快些，時(shí)間最寶貴，誰(shuí)也沒(méi)有耐心去等等漫長(zhǎng)的加載時(shí)間。其實(shí)大家也可能看到過(guò)網(wǎng)上有不少關(guān)于WEB性能優(yōu)化的文章。其實(shí)我們這里用到的主要還是專題頁(yè)本身的，至于服務(wù)器端什么的就是通用的東西了。比如我們可以把專題頁(yè)的圖片及比較小的圖片聚合在一起然后用CSS進(jìn)行切圖，這樣既減小了總體積也減少了GET請(qǐng)求次數(shù)，另外也可以使用Ajax和jQuery等進(jìn)行分屏加載技術(shù)緩沖用戶等待專題頁(yè)加載時(shí)間。而在百度SEO指南中就提到過(guò)，網(wǎng)頁(yè)能快速打開(kāi)對(duì)SEO是極為有利的，因此這一做對(duì)搜索引擎也是非常友好的。

總而言之，做一個(gè)搜索引擎及用戶都友好的專題頁(yè)主要就是需要做到讓上面的內(nèi)容簡(jiǎn)介明了，然后在不影響整體體驗(yàn)情況下盡量減小文件大小及請(qǐng)求次數(shù)以提高加載速度!