一個好的網(wǎng)頁既要得到訪問用戶的青睞，同時(shí)還要符合搜索引擎的規(guī)則，二者不可或缺。作為網(wǎng)頁設(shè)計(jì)來說，如果只是知道如何設(shè)計(jì)一個精美漂亮的頁面的話，那么已經(jīng)不太能適應(yīng)網(wǎng)頁設(shè)計(jì)了。如何設(shè)計(jì)一個既能讓用戶點(diǎn)贊又能符合搜索規(guī)則的網(wǎng)站頁面呢？
網(wǎng)站結(jié)構(gòu)
當(dāng)網(wǎng)頁設(shè)計(jì)涉及到SEO優(yōu)化的時(shí)候，網(wǎng)站的結(jié)構(gòu)是最重要的因素之一。它關(guān)系到你的網(wǎng)頁是如何關(guān)聯(lián)到一起的。搜索引擎爬蟲會判斷你對它設(shè)置的方式來評估你網(wǎng)站的價(jià)值。網(wǎng)站結(jié)構(gòu)層次和站點(diǎn)地圖是你獲得較高排名的關(guān)鍵。
如果你想讓廣大用戶通過相關(guān)的關(guān)鍵詞來找到你，在網(wǎng)頁設(shè)計(jì)的時(shí)候，首先你就需要一個合理的布局，比較容易抓取。
輕松的導(dǎo)航
隨著網(wǎng)站的落成，導(dǎo)航是必須優(yōu)先考慮的設(shè)計(jì)之一。對于導(dǎo)航，越簡單越好，用戶可以輕松的訪問任何一個環(huán)節(jié)，這也是網(wǎng)站結(jié)構(gòu)的一個部分。對于javascrip愛好者來說，搜索引擎是可以處理javascript的，但是如果過于繁瑣，搜索爬蟲是非常有限的，所以它有可能會放棄復(fù)雜的編譯語言。
采用標(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)勢，比如改版方便，不需要變動頁面的內(nèi)容，網(wǎng)頁打開速度也會明顯加快。但應(yīng)該注意的是要適當(dāng)控制網(wǎng)頁的體量。
完善標(biāo)簽，關(guān)鍵詞描述不可少
很多網(wǎng)站都會忽略網(wǎng)頁中的各種META標(biāo)簽，它雖然是HTML語言Head區(qū)的一個輔助性標(biāo)簽，但是完善這些標(biāo)簽會使得頁面在搜索引擎中更受歡迎。對于搜索引擎來說，一般需要添加的標(biāo)簽有keyword(關(guān)鍵詞)、Description(頁面描述)、robots(搜索引擎抓取器)等，META標(biāo)簽的寫法如下：
除了網(wǎng)頁頭部的META標(biāo)簽，網(wǎng)頁中的一些標(biāo)簽同樣需要晚上描述內(nèi)容，比如一些網(wǎng)站為了使頁面更加美觀，導(dǎo)航也采用圖片格式，這樣一來搜索引擎就無法“讀懂”。
這時(shí)就可以將圖片使用alt標(biāo)簽進(jìn)行標(biāo)注說明。方法是將圖片加上alt=描述文字，如鼠標(biāo)?？吭诒静┛兔繌埐┪牟鍒D上面現(xiàn)實(shí)的文字就是實(shí)現(xiàn)效果。
文字或標(biāo)題必需明確且一目了然
權(quán)威統(tǒng)計(jì)發(fā)現(xiàn)，如果訪客在30秒內(nèi)看不到他們感興趣的文字或標(biāo)題資訊，通常會直接選擇離開我們的網(wǎng)站到其它相關(guān)甚至競爭對手的網(wǎng)站去瀏覽。所以網(wǎng)頁中明顯且吸引人的文字標(biāo)題就十分重要了，尤其是網(wǎng)站的首頁，一般而言，首頁是整個網(wǎng)站中，最多仁瀏覽的地方，所以網(wǎng)站首頁的文字必需花些心思來編寫。
沒有搜索引擎，哪里來的訪客？而SEO必須融入到網(wǎng)站設(shè)計(jì)之中，網(wǎng)站規(guī)劃之時(shí)就是SEO啟動之時(shí)，沒有“第三代網(wǎng)站設(shè)計(jì)思維”的設(shè)計(jì)者把一個網(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)化不僅影響搜索引擎的喜歡與否，也決定了一個網(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è)公司服務(wù)提供商，提供高端精美網(wǎng)站設(shè)計(jì)、品牌形象網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、高交互自適應(yīng)的響應(yīng)式網(wǎng)站設(shè)計(jì)建設(shè)、網(wǎng)站SEO優(yōu)化等服務(wù)。憑借過硬的技術(shù)開發(fā)及安全保障實(shí)力、專業(yè)的全方位解決方案一舉獲得客戶的認(rèn)可。咨詢熱線：0757-83075955
推薦閱讀：
23個不同于傳統(tǒng)布局的優(yōu)秀網(wǎng)頁設(shè)計(jì)
傳統(tǒng)企業(yè)互聯(lián)網(wǎng)化思路：互聯(lián)網(wǎng)+傳統(tǒng)企業(yè)解決方案
網(wǎng)站SEO優(yōu)化是什么？如何來做網(wǎng)站SEO優(yōu)化？
怎么在設(shè)計(jì)中提升網(wǎng)站的顏值和內(nèi)涵？
網(wǎng)站建設(shè)：企業(yè)做網(wǎng)站需要了解哪些核心問題？
佛山網(wǎng)站設(shè)計(jì)：網(wǎng)站首頁設(shè)計(jì)的基本原則
網(wǎng)絡(luò)營銷如何與網(wǎng)絡(luò)熱點(diǎn)事件結(jié)合?
