網(wǎng)站的流量從客觀上反映了一個(gè)網(wǎng)站的受歡迎程度,流量越大,網(wǎng)站的排名越靠前,社會(huì)影響力也越大,特別是對(duì)網(wǎng)絡(luò)媒體而言,權(quán)威性、公信力也越強(qiáng)。
影響網(wǎng)站流量的因素有很多,如網(wǎng)站整體風(fēng)格、網(wǎng)頁設(shè)計(jì)、內(nèi)容、權(quán)重、受眾群、網(wǎng)絡(luò)營(yíng)銷手段等等。而SEO優(yōu)化的目標(biāo)就是獲取更多的流量,但這些流量怎么消化,怎么充分利用,網(wǎng)站的設(shè)計(jì)、內(nèi)容和結(jié)構(gòu)則決定了這些流量是否能轉(zhuǎn)變成價(jià)值。
在眾多的影響網(wǎng)站流量的因素中,網(wǎng)頁的設(shè)計(jì)與構(gòu)架是否友好已不僅是網(wǎng)站用戶的外部需要,更是面向搜索引擎的內(nèi)在需求。網(wǎng)頁設(shè)計(jì)也從面向用戶轉(zhuǎn)化為面向搜索引擎,因此很大一部分SEO優(yōu)化責(zé)任落在網(wǎng)頁設(shè)計(jì)師身上。
然而仍有不少的網(wǎng)頁設(shè)計(jì)師認(rèn)為只要能設(shè)計(jì)出漂亮的網(wǎng)頁出來就可以了,SEO優(yōu)化是技術(shù)開發(fā)者的事,與己無關(guān)。在實(shí)際工作中,網(wǎng)頁設(shè)計(jì)師與技術(shù)開發(fā)者之間明確的界限已經(jīng)開始變得模糊,網(wǎng)頁設(shè)計(jì)師除了設(shè)計(jì)網(wǎng)頁外觀與風(fēng)格之外,往往還負(fù)責(zé)了前端HTML代碼的編寫,也就是說網(wǎng)頁設(shè)計(jì)師實(shí)際承擔(dān)著大部分的網(wǎng)站SEO優(yōu)化責(zé)任。
(一)明確設(shè)計(jì)任務(wù)
設(shè)計(jì)是一種審美活動(dòng),一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段,而不是設(shè)計(jì)的任務(wù)。對(duì)網(wǎng)絡(luò)而言,網(wǎng)頁設(shè)計(jì)的任務(wù)是實(shí)現(xiàn)設(shè)計(jì)者要表現(xiàn)的主題和功能。站點(diǎn)性質(zhì)不同,任務(wù)也不同。政府網(wǎng)站、商業(yè)網(wǎng)站、行業(yè)網(wǎng)站在頁面的分割、內(nèi)容布局、界面的親和等問題上都不一樣,需要區(qū)別對(duì)待。
(二)使用安全配色方案
顏色是由光的折射產(chǎn)生,紅、黃、藍(lán)是三原色,其他的色彩都可以用這三種色彩調(diào)和而成。美麗而豐富的色彩總能喚起人類的心靈感知,利用顏色的變化來表現(xiàn)光影效果,可以讓作品更貼近現(xiàn)實(shí),引起受眾的情感共鳴,從而得到較好的傳播效果。在設(shè)計(jì)中要充分考慮網(wǎng)頁的適應(yīng)性,在視覺上應(yīng)該是一個(gè)整體,盡量使用網(wǎng)頁安全色,會(huì)取得一個(gè)和諧、悅目的視覺效果和良好的用戶體驗(yàn)。
(三)采用標(biāo)準(zhǔn)化的DIV網(wǎng)頁布局
在XHTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中,采用了DIV+CSS的網(wǎng)頁布局方式實(shí)現(xiàn)各種內(nèi)容的定位而非Table(表格)布局。DIV+CSS達(dá)到了內(nèi)容與代碼相分離的效果。使用DIV+CSS設(shè)計(jì)的網(wǎng)站是符合W3C標(biāo)準(zhǔn)的,可以更方便搜索引擎的索引。而Table布局會(huì)產(chǎn)生很多的垃圾代碼,修飾的樣式與布局的代碼混合,很不利于直觀。因此Div更能體現(xiàn)樣式和結(jié)構(gòu)的分離,結(jié)構(gòu)的重構(gòu)性強(qiáng),也更符合web設(shè)計(jì)標(biāo)準(zhǔn)。
搜索引擎對(duì)標(biāo)準(zhǔn)化制作的頁面給予了更高的權(quán)重,并且使用DIV+CSS的架構(gòu)也有很多優(yōu)勢(shì),比如改版方便,不需要變動(dòng)頁面的內(nèi)容,網(wǎng)頁打開速度也會(huì)明顯加快。但應(yīng)該注意的是要適當(dāng)控制網(wǎng)頁的體量。
(四)精簡(jiǎn)冗余代碼
在設(shè)計(jì)的時(shí)候要學(xué)會(huì)不留垃圾代碼,合理運(yùn)用JS(JavaScript腳本語言)、FLASH(動(dòng)畫)以及PICTURE(圖片)。搜索引擎不認(rèn)識(shí)FLASH、PICTURE是眾所周知的,可以通過增加ALT標(biāo)簽加以描述;可將JS放在頁面代碼的底部以降低對(duì)搜索引擎的影響。但一味追求美觀而大量使用圖片來代替文字,對(duì)搜索引擎很不友好,是非常不明智的做法,頁面中重要的地方應(yīng)盡量使用文字而非圖片或FLASH。
(五)盡量使用靜態(tài)導(dǎo)航
網(wǎng)站導(dǎo)航主要功能在于可以引導(dǎo)用戶方便地訪問網(wǎng)站內(nèi)容,對(duì)搜索引擎也會(huì)產(chǎn)生諸多提示作用。好的網(wǎng)站導(dǎo)航要做到便于用戶的理解和使用,讓用戶對(duì)網(wǎng)站形成正確的空間感和方向感,清楚當(dāng)前所在的位置,找到自己想要的東西。用FLASH制作導(dǎo)航,雖然吸引了客戶,獲得了美觀,但卻忽視了搜索引擎識(shí)別不了FLASH導(dǎo)航的內(nèi)容,這對(duì)網(wǎng)站的影響很大。
(六)避免堆砌關(guān)鍵詞
現(xiàn)在在網(wǎng)頁設(shè)計(jì)中都知道關(guān)鍵詞對(duì)頁面在搜索引擎中的排名很重要,但在設(shè)計(jì)網(wǎng)頁的時(shí)候要有策略的插入關(guān)鍵詞,不能有大量的重復(fù)關(guān)鍵詞。在搜索引擎的網(wǎng)頁排名算法中,很重要的一個(gè)因素就是關(guān)鍵字密度,即某個(gè)詞語在網(wǎng)頁中的分布情況。一般來說,一個(gè)頁面的關(guān)鍵詞密度保持在2%-8%之間,密度過低會(huì)導(dǎo)致沒有好的排名,而密度過高則很有可能導(dǎo)致被搜索引擎降權(quán),起到相反的效果。
(七)合理使用HTML標(biāo)簽
很多網(wǎng)頁設(shè)計(jì)師會(huì)忽略網(wǎng)頁中的各種META標(biāo)簽,如keyword(關(guān)鍵詞)、Description(頁面描述)等,完善Head區(qū)的這些輔助標(biāo)簽會(huì)使得頁面在搜索引擎中更受歡迎。同時(shí)每個(gè)頁面的TITLE(標(biāo)題)是形容一個(gè)網(wǎng)頁的最直觀的部分。因此,網(wǎng)頁本身是什么內(nèi)容,搜索引擎蜘蛛首先會(huì)去從TITLE中發(fā)現(xiàn)。
沒有搜索引擎,哪里來的訪客?而SEO必須融入到網(wǎng)站設(shè)計(jì)之中,網(wǎng)站規(guī)劃之時(shí)就是SEO啟動(dòng)之時(shí),沒有“第三代網(wǎng)站設(shè)計(jì)思維”的設(shè)計(jì)者把一個(gè)網(wǎng)站完工之后再去做SEO只能是補(bǔ)救———結(jié)構(gòu)上比較適應(yīng)搜索引擎的網(wǎng)站,SEO相對(duì)代價(jià);而結(jié)構(gòu)上有重大問題的網(wǎng)站,可能需要推倒重來,損失的就不僅是金錢,還有寶貴的時(shí)間甚至商機(jī)。網(wǎng)站設(shè)計(jì)的最優(yōu)化不僅影響搜索引擎的喜歡與否,也決定了一個(gè)網(wǎng)站能否被訪客接受。網(wǎng)頁設(shè)計(jì)和SEO技術(shù)結(jié)合是網(wǎng)絡(luò)技術(shù)發(fā)展對(duì)網(wǎng)頁設(shè)計(jì)師的新要求,95%的SEO技巧很簡(jiǎn)單,而最重要的5%是“經(jīng)驗(yàn)”、“創(chuàng)意”和“人脈”,需要在工作中根據(jù)實(shí)際情況不斷做出調(diào)整策略,并持之以恒地把SEO優(yōu)化堅(jiān)持下去。