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

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