網(wǎng)頁(yè)設(shè)計(jì)與構(gòu)架中的幾個(gè)SEO優(yōu)化原則

影響網(wǎng)站流量的因素有很多,如網(wǎng)站整體風(fēng)格、網(wǎng)頁(yè)設(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)頁(yè)的設(shè)計(jì)與構(gòu)架是否友好已不僅是網(wǎng)站用戶的外部需要,更是面向搜索引擎的內(nèi)在需求。網(wǎng)頁(yè)設(shè)計(jì)也從面向用戶轉(zhuǎn)化為面向搜索引擎,因此很大一部分SEO優(yōu)化責(zé)任落在網(wǎng)頁(yè)設(shè)計(jì)師身上。
然而仍有不少的網(wǎng)頁(yè)設(shè)計(jì)師認(rèn)為只要能設(shè)計(jì)出漂亮的網(wǎng)頁(yè)出來(lái)就可以了,SEO優(yōu)化是技術(shù)開(kāi)發(fā)者的事,與己無(wú)關(guān)。在實(shí)際工作中,網(wǎng)頁(yè)設(shè)計(jì)師與技術(shù)開(kāi)發(fā)者之間明確的界限已經(jīng)開(kāi)始變得模糊,網(wǎng)頁(yè)設(shè)計(jì)師除了設(shè)計(jì)網(wǎng)頁(yè)外觀與風(fēng)格之外,往往還負(fù)責(zé)了前端HTML代碼的編寫(xiě),也就是說(shuō)網(wǎng)頁(yè)設(shè)計(jì)師實(shí)際承擔(dān)著大部分的網(wǎng)站SEO優(yōu)化責(zé)任。
網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)遵循的SEO優(yōu)化原則舊式網(wǎng)站代碼臃腫、網(wǎng)站構(gòu)架及代碼不規(guī)范等,造成信息繁雜,難以清晰歸類,要想取得一個(gè)好的排名幾乎是不可能的。而且無(wú)論是從搜索引擎還是受眾的角度來(lái)看,舊式網(wǎng)站在網(wǎng)站親和力原則上相去甚遠(yuǎn)。用戶大多是在被動(dòng)瀏覽網(wǎng)頁(yè),甚至可以用受罪來(lái)形容:設(shè)計(jì)顏色紛雜,布局混亂,數(shù)據(jù)歸類雜亂無(wú)章,這令瀏覽網(wǎng)頁(yè)變得異常吃力,更別說(shuō)什么好的用戶體驗(yàn)了。
(一)明確設(shè)計(jì)任務(wù)
設(shè)計(jì)是一種審美活動(dòng),一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段,而不是設(shè)計(jì)的任務(wù)。對(duì)網(wǎng)絡(luò)而言,網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)是實(shí)現(xiàn)設(shè)計(jì)者要表現(xiàn)的主題和功能。站點(diǎn)性質(zhì)不同,任務(wù)也不同。政府網(wǎng)站、商業(yè)網(wǎng)站、行業(yè)網(wǎng)站在頁(yè)面的分割、內(nèi)容布局、界面的親和等問(wèn)題上都不一樣,需要區(qū)別對(duì)待。
(二)使用安全配色方案
顏色是由光的折射產(chǎn)生,紅、黃、藍(lán)是三原色,其他的色彩都可以用這三種色彩調(diào)和而成。美麗而豐富的色彩總能喚起人類的心靈感知,利用顏色的變化來(lái)表現(xiàn)光影效果,可以讓作品更貼近現(xiàn)實(shí),引起受眾的情感共鳴,從而得到較好的傳播效果。在設(shè)計(jì)中要充分考慮網(wǎng)頁(yè)的適應(yīng)性,在視覺(jué)上應(yīng)該是一個(gè)整體,盡量使用網(wǎng)頁(yè)安全色,會(huì)取得一個(gè)和諧、悅目的視覺(jué)效果和良好的用戶體驗(yàn)。
(三)采用標(biāo)準(zhǔn)化的DIV網(wǎng)頁(yè)布局
在XHTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中,采用了DIV+CSS的網(wǎng)頁(yè)布局方式實(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)化制作的頁(yè)面給予了更高的權(quán)重,并且使用DIV+CSS的架構(gòu)也有很多優(yōu)勢(shì),比如改版方便,不需要變動(dòng)頁(yè)面的內(nèi)容,網(wǎng)頁(yè)打開(kāi)速度也會(huì)明顯加快。但應(yīng)該注意的是要適當(dāng)控制網(wǎng)頁(yè)的體量。
(四)精簡(jiǎn)冗余代碼
在設(shè)計(jì)的時(shí)候要學(xué)會(huì)不留垃圾代碼,合理運(yùn)用JS(JavaScript腳本語(yǔ)言)、FLASH(動(dòng)畫(huà))以及PICTURE(圖片)。搜索引擎不認(rèn)識(shí)FLASH、PICTURE是眾所周知的,可以通過(guò)增加ALT標(biāo)簽加以描述;可將JS放在頁(yè)面代碼的底部以降低對(duì)搜索引擎的影響。但一味追求美觀而大量使用圖片來(lái)代替文字,對(duì)搜索引擎很不友好,是非常不明智的做法,頁(yè)面中重要的地方應(yīng)盡量使用文字而非圖片或FLASH。
(五)盡量使用靜態(tài)導(dǎo)航
網(wǎng)站導(dǎo)航主要功能在于可以引導(dǎo)用戶方便地訪問(wèn)網(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)頁(yè)設(shè)計(jì)中都知道關(guān)鍵詞對(duì)頁(yè)面在搜索引擎中的排名很重要,但在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候要有策略的插入關(guān)鍵詞,不能有大量的重復(fù)關(guān)鍵詞。在搜索引擎的網(wǎng)頁(yè)排名算法中,很重要的一個(gè)因素就是關(guān)鍵字密度,即某個(gè)詞語(yǔ)在網(wǎng)頁(yè)中的分布情況。一般來(lái)說(shuō),一個(gè)頁(yè)面的關(guān)鍵詞密度保持在2%-8%之間,密度過(guò)低會(huì)導(dǎo)致沒(méi)有好的排名,而密度過(guò)高則很有可能導(dǎo)致被搜索引擎降權(quán),起到相反的效果。
(七)合理使用HTML標(biāo)簽
很多網(wǎng)頁(yè)設(shè)計(jì)師會(huì)忽略網(wǎng)頁(yè)中的各種META標(biāo)簽,如keyword(關(guān)鍵詞)、Description(頁(yè)面描述)等,完善Head區(qū)的這些輔助標(biāo)簽會(huì)使得頁(yè)面在搜索引擎中更受歡迎。同時(shí)每個(gè)頁(yè)面的TITLE(標(biāo)題)是形容一個(gè)網(wǎng)頁(yè)的最直觀的部分。因此,網(wǎng)頁(yè)本身是什么內(nèi)容,搜索引擎蜘蛛首先會(huì)去從TITLE中發(fā)現(xiàn)。
沒(méi)有搜索引擎,哪里來(lái)的訪客?而SEO必須融入到網(wǎng)站設(shè)計(jì)之中,網(wǎng)站規(guī)劃之時(shí)就是SEO啟動(dòng)之時(shí),沒(méi)有“第三代網(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èn)題的網(wǎng)站,可能需要推倒重來(lái),損失的就不僅是金錢,還有寶貴的時(shí)間甚至商機(jī)。網(wǎng)站設(shè)計(jì)的最優(yōu)化不僅影響搜索引擎的喜歡與否,也決定了一個(gè)網(wǎng)站能否被訪客接受。網(wǎng)頁(yè)設(shè)計(jì)和SEO技術(shù)結(jié)合是網(wǎng)絡(luò)技術(shù)發(fā)展對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的新要求,95%的SEO技巧很簡(jiǎn)單,而最重要的5%是“經(jīng)驗(yàn)”、“創(chuàng)意”和“人脈”,需要在工作中根據(jù)實(shí)際情況不斷做出調(diào)整策略,并持之以恒地把SEO優(yōu)化堅(jiān)持下去。
今天針對(duì)網(wǎng)頁(yè)設(shè)計(jì)構(gòu)架中seo的幾點(diǎn)注意事項(xiàng)給予說(shuō)明,如有不足之處請(qǐng)各位能夠批評(píng)指正。
本文由 西安seo博客 http://www.xufanfan.com/ 原創(chuàng)提供
相關(guān)文章
移動(dòng)版Wap網(wǎng)頁(yè)針對(duì)百度進(jìn)行SEO優(yōu)化的一些要點(diǎn)總結(jié)
這篇文章主要介紹了移動(dòng)版Wap網(wǎng)站針對(duì)百度進(jìn)行SEO優(yōu)化的一些要點(diǎn)總結(jié),包括內(nèi)鏈和URL網(wǎng)址的設(shè)置等關(guān)鍵點(diǎn)的講解,需要的朋友可以參考下2016-03-01移動(dòng)網(wǎng)站該如何優(yōu)化? 移動(dòng)網(wǎng)頁(yè)搜索引擎優(yōu)化的十個(gè)細(xì)節(jié)
移動(dòng)搜索引擎優(yōu)化不僅僅只是給移動(dòng)站排名,更重要的是還與PC網(wǎng)站排名有很密切的關(guān)系,那么移動(dòng)網(wǎng)站該怎么優(yōu)化呢?移動(dòng)網(wǎng)站在優(yōu)化過(guò)程中需要注意什么呢?本文將提供移動(dòng)網(wǎng)頁(yè)2016-01-27網(wǎng)頁(yè)改版實(shí)戰(zhàn)!日本設(shè)計(jì)師如何徹底優(yōu)化招聘網(wǎng)站?
昨天推薦了一款熱點(diǎn)圖神器,今天繼續(xù)拿一個(gè)日本招聘網(wǎng)站開(kāi)刀,從實(shí)戰(zhàn)角度給同學(xué)們演示如何全方位優(yōu)化整個(gè)網(wǎng)站,改善思路同樣非常值得借鑒,滿滿當(dāng)當(dāng)?shù)母韶涄s緊來(lái)收!2015-01-15網(wǎng)頁(yè)改版實(shí)戰(zhàn):日本設(shè)計(jì)師如何徹底優(yōu)化旅游網(wǎng)站?
今天我們將對(duì)一個(gè)旅游網(wǎng)站進(jìn)行徹底大變身,驚喜的是,借助神器的力量,改造思路非常清晰,改造效果非同一般地好。沒(méi)有改版經(jīng)驗(yàn)的設(shè)計(jì)師,看完你會(huì)回來(lái)轉(zhuǎn)發(fā)的2015-01-13如何用攝影三分法來(lái)優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)?
對(duì)于攝影師而言,取景布局三分法是非常熟悉的概念。盡管它是非常引人入勝的概念,但是在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候,幾乎沒(méi)有人會(huì)拿三分法來(lái)說(shuō)事兒。2014-12-31網(wǎng)頁(yè)細(xì)節(jié)優(yōu)化實(shí)戰(zhàn):如何使用熱點(diǎn)圖做優(yōu)化?
許多設(shè)計(jì)師喜歡將自己認(rèn)為創(chuàng)意爆棚的UI設(shè)計(jì)直接應(yīng)用到客戶的網(wǎng)站上,但并沒(méi)有考慮過(guò)這種設(shè)計(jì)是否符合網(wǎng)站的產(chǎn)品,是否符合目標(biāo)用戶群所需要的體驗(yàn)與需求,從這個(gè)角度上來(lái)說(shuō)2014-12-17網(wǎng)頁(yè)加載太慢?使用百度云加速優(yōu)化網(wǎng)站的方法
有的網(wǎng)站打開(kāi)網(wǎng)頁(yè)需要等好長(zhǎng)時(shí)間,沒(méi)耐心的人直接就關(guān)上了,現(xiàn)在同類型的網(wǎng)站這么多,看誰(shuí)的不是看啊,有多少網(wǎng)友愿意去等你的網(wǎng)頁(yè)加載好了再看,這個(gè)問(wèn)題可以直接減少好多2014-11-09網(wǎng)站優(yōu)化必看 蜘蛛陷阱 不利于蜘蛛爬取的網(wǎng)頁(yè)
網(wǎng)站有哪些地方是不利于蜘蛛爬取的呢?下面腳本之家分享了一些蜘蛛爬取陷阱,讓蜘蛛爬去不到頁(yè)面的一些因素,需要的朋友可以參考下2014-10-13怎么針對(duì)關(guān)鍵詞進(jìn)行網(wǎng)頁(yè)優(yōu)化
優(yōu)化關(guān)鍵詞在網(wǎng)頁(yè)制作和設(shè)置方面該怎么做?看看下文你就知道了2014-08-29站長(zhǎng)該怎么設(shè)計(jì)出符合網(wǎng)站優(yōu)化要求的網(wǎng)頁(yè)
站長(zhǎng)該怎么設(shè)計(jì)出符合網(wǎng)站優(yōu)化要求的網(wǎng)頁(yè)?詳情請(qǐng)看下文介紹2014-07-26