網(wǎng)站排名的硬件基礎(chǔ)是網(wǎng)頁設(shè)計(jì)制作。我們曾經(jīng)一度認(rèn)為當(dāng)網(wǎng)站
建站成功時(shí)我們的優(yōu)化才真正開始，是這樣的嗎？其實(shí)不然。
成都網(wǎng)站設(shè)計(jì)—?jiǎng)?chuàng)新互聯(lián)就為您解析什么樣的網(wǎng)站設(shè)計(jì)有利于網(wǎng)站優(yōu)化。
網(wǎng)站優(yōu)化并非一朝一夕之功，我們曾也分享過
建站之初的一些關(guān)于網(wǎng)站優(yōu)化的建議，主要是針對網(wǎng)站的結(jié)構(gòu)和關(guān)鍵詞布局定位上的。這些其實(shí)只是一個(gè)有利于SEO的網(wǎng)頁設(shè)計(jì)的一部分，今天要分享的網(wǎng)站優(yōu)化經(jīng)驗(yàn)就是關(guān)于網(wǎng)頁設(shè)計(jì)制作的內(nèi)容，當(dāng)然其主要的目的還是為了后期的網(wǎng)站優(yōu)化。
一，網(wǎng)站的目錄結(jié)構(gòu)和URL的設(shè)計(jì)。對于網(wǎng)站結(jié)構(gòu)SEOer建議是選擇扁平化結(jié)構(gòu)，這個(gè)結(jié)構(gòu)主要是針對中小型企業(yè)網(wǎng)站，對于大中型型網(wǎng)站筆者建議采用樹形加網(wǎng)狀結(jié)構(gòu)更有利于整體網(wǎng)站的布局。無論你選擇哪種結(jié)構(gòu)都要記住其目錄文件不要超過三層，目錄中加關(guān)鍵詞，而URL當(dāng)然是越短越好。
第二，網(wǎng)站導(dǎo)航結(jié)構(gòu)的設(shè)計(jì)。網(wǎng)站導(dǎo)航是用戶接觸網(wǎng)站的一選擇，導(dǎo)航不僅可以指引用點(diǎn)擊還可以為搜索引擎蜘蛛提供枝干爬行路徑。對于網(wǎng)站導(dǎo)航的設(shè)計(jì)我們的要求是主導(dǎo)航要醒目清晰，尾部的雙導(dǎo)航要直觀明了，導(dǎo)航要選擇面包屑導(dǎo)航，方便用戶和蜘蛛能更清楚的明白自己所處的位置。首頁可以添加整體網(wǎng)站地圖，并且將當(dāng)前大用戶需求的流量頁面突出在首頁。
第三，網(wǎng)站框架結(jié)構(gòu)。筆者見過的框架結(jié)構(gòu)動(dòng)態(tài)站比較多，這是否就意味指靜態(tài)頁面不存在呢？當(dāng)然不是，在html頁面中框架的展現(xiàn)標(biāo)簽。但是筆者并不喜歡框架結(jié)構(gòu)網(wǎng)站，因?yàn)榇蠖鄶?shù)的搜索引擎至今依舊無法識(shí)別框架，這對搜索引擎而言不是一個(gè)友好的存在。
第四，網(wǎng)頁設(shè)計(jì)中的細(xì)節(jié)優(yōu)化。
1、圖片優(yōu)化。網(wǎng)頁制作無可避免的就是圖片的展示，搜索引擎要很喜歡文圖結(jié)合的形式，有圖有真相同樣是用戶喜歡的樣式。但是我們要盡量避免網(wǎng)站全部用圖片來做，這樣對于網(wǎng)站優(yōu)化來說就是一個(gè)很大的失分點(diǎn)了，而對于網(wǎng)頁中的圖片部分我們一定要記得添加alt屬性標(biāo)簽，因?yàn)樗阉饕婵梢宰ト〉轿谋久枋?，而對于?nèi)頁的圖片可以在其上方或者下方添加關(guān)鍵詞，文本鏈接到圖片頁面。為了提高網(wǎng)頁訪問速度在保證圖片質(zhì)量的前提下記得要壓縮圖片文件的大小。
2、Flash優(yōu)化。flash可以使頁面更加生動(dòng)化，同樣可以獲得用戶的好感，而對于搜索引擎來說這個(gè)絕對是很大的漏洞，因?yàn)樗阉饕驗(yàn)闊o法識(shí)別flash文件。那么為了后期的網(wǎng)站優(yōu)化，網(wǎng)頁設(shè)計(jì)師要做的工作就是做輔助html版本，將flash內(nèi)嵌在html文件中。
3、表格的使用。我們在查看一下網(wǎng)站的源代碼的時(shí)候經(jīng)常會(huì)看到table樣式，其實(shí)將文本放置在不同的表格中，管理方便，加載速度也快，但是筆者卻不建議大幅度的來使用。因?yàn)橄鄬τ赾ss+div布局網(wǎng)站，它所占空間是比較大的。
4、網(wǎng)頁“瘦身計(jì)劃”。介于筆者自己的
建站習(xí)慣，在網(wǎng)頁設(shè)計(jì)時(shí)比較喜歡CSS+DIV布局，CSS樣式統(tǒng)一定制了字體風(fēng)格，使得代碼標(biāo)準(zhǔn)化，更利于搜索引擎的喜愛；而網(wǎng)站中經(jīng)常使用的