如何兼顧SEO優(yōu)化與用戶體驗(yàn)工作

網(wǎng)站的設(shè)計(jì)工作從曾經(jīng)的盲目跟風(fēng)防站，到如今面向搜索引擎以及用戶，無(wú)疑都是很錯(cuò)誤的一點(diǎn)，所以很多發(fā)展較好的站點(diǎn)都意義到了這些錯(cuò)誤，開(kāi)始進(jìn)行網(wǎng)站改版、增加功能等等，從而使其網(wǎng)站更加得到用戶以及搜索引擎的喜愛(ài)，但是對(duì)于這些很多時(shí)候都是無(wú)法做到很好的兼顧工作，這無(wú)疑是很多站長(zhǎng)在改版或者升級(jí)過(guò)程當(dāng)中較為擔(dān)憂的問(wèn)題，然而今天小編總結(jié)了一下，這些年對(duì)自己網(wǎng)站不斷改版升級(jí)，并且排名依然領(lǐng)先的一些技巧性工作與大家進(jìn)行一個(gè)分享，希望可以幫到各位站長(zhǎng)朋友哦！如何更好的兼顧網(wǎng)站自身SEO優(yōu)化保證我們站點(diǎn)的排名，并且可以很好的去提升我們網(wǎng)站的用戶體驗(yàn)工作，小編今天主要針對(duì)我們網(wǎng)站設(shè)計(jì)這塊進(jìn)行了一系列的匯總，如果你的網(wǎng)站需要改版升級(jí)，可以參考下方幾點(diǎn)：1、布局簡(jiǎn)單清晰，代碼精簡(jiǎn)。對(duì)于越來(lái)越走向智能的搜索引擎而言，它較為討厭大量的冗余代碼，所以我們?cè)诰W(wǎng)站設(shè)計(jì)當(dāng)中一定要盡可能的去精簡(jiǎn)我們網(wǎng)站的代碼，當(dāng)然此點(diǎn)是需要保證可以達(dá)到同樣功能的情況下，例如說(shuō)table向DIV布局的轉(zhuǎn)變，盡量的精簡(jiǎn)CSS代碼，并且在使用DIV來(lái)進(jìn)行布局的時(shí)候，我們要盡可能的去減少DIV的嵌套，從而更好的去符合百度官方發(fā)布的web2.0標(biāo)準(zhǔn)事項(xiàng)。同時(shí)我們?cè)趯?duì)于網(wǎng)站進(jìn)行布局的時(shí)候，一定要盡可能的簡(jiǎn)單、大方、清晰，并且我們要盡可能的去合理利用DIV結(jié)構(gòu)使得我們網(wǎng)站靜態(tài)化，只有這樣才能夠更好的得到蜘蛛的喜愛(ài)，從而更多的進(jìn)行爬行。2、JS、CSS腳本調(diào)用的處理。在我們使其網(wǎng)站靜態(tài)化的過(guò)程中，很多時(shí)候是需要用到Javascript及CSS樣式的，這時(shí)候我們習(xí)慣性的將其整理成相應(yīng)的JS文件以及CSS文件，從而進(jìn)行調(diào)用達(dá)到同樣的效果，一般是不會(huì)講這些代碼直接寫在HMTL里面的，因?yàn)檫@樣會(huì)造成網(wǎng)站代碼大量增加，使得我們的站點(diǎn)頁(yè)面加載過(guò)于的緩慢，這樣就會(huì)直接影響到蜘蛛在我們網(wǎng)站的抓取，所以整合代碼進(jìn)行調(diào)用，是我們優(yōu)化中很重要的一點(diǎn)。注意：通常來(lái)講頁(yè)面大小不要超過(guò)120K。3、清晰醒目的導(dǎo)航設(shè)計(jì)。導(dǎo)航對(duì)于一個(gè)網(wǎng)站而言，是起到一個(gè)細(xì)分網(wǎng)站布局使其用戶更加快速尋找想要內(nèi)容的一個(gè)作用，但是對(duì)于搜索引擎而言導(dǎo)航的分量可謂是舉足輕重，因?yàn)槲覀兌贾缹?dǎo)航通常都是全站通用的，所以我們對(duì)于導(dǎo)航一定要盡可能的清晰整潔，從而更好的明確導(dǎo)航在我們網(wǎng)站起到的作用。另外來(lái)講，因?yàn)樗阉饕鎸?duì)于圖片以及FLASH的抓取不如文字好，所以我們?cè)谥谱鲗?dǎo)航的時(shí)候，需要盡可能的去避免使用圖片以及FLASH的形式進(jìn)行展示，若一定要用圖片的話也請(qǐng)謹(jǐn)記加上ALT屬性。注意：FLASH蜘蛛無(wú)法讀取抓取，如果強(qiáng)要使用的話，可能對(duì)用戶體驗(yàn)會(huì)好，但是對(duì)于SEO優(yōu)化而言是弊端，所以小編建議大家斟酌而行。4、html標(biāo)簽使用要合理化。對(duì)于那些精通CSS的熟練美工而言，無(wú)論是你的網(wǎng)站需要哪種表現(xiàn)效果都是可以使用任何一種HTML標(biāo)簽來(lái)進(jìn)行實(shí)現(xiàn)的，例如說(shuō)我們常見(jiàn)的標(biāo)題來(lái)講，用H1以及span標(biāo)簽都是可以實(shí)現(xiàn)一致的效果并且絲毫不會(huì)影響到我們的用戶體驗(yàn)工作，然而對(duì)于SEO優(yōu)化來(lái)講的話那可就是天壤之別了，因?yàn)樵谒阉饕婵磥?lái)H1-H6標(biāo)簽每個(gè)標(biāo)簽的權(quán)重都是不同的，權(quán)重順序都是H1>H2>H3>...>H6以此類推的。通常來(lái)講小編建議大家一個(gè)頁(yè)面如H1這樣的標(biāo)簽，只出現(xiàn)一次較好，因?yàn)槲镆韵橘F，并且從上述小編的一個(gè)例舉可以得知，對(duì)于html標(biāo)簽的使用是一門很大的學(xué)問(wèn)，一定要三思后慎用，并且對(duì)于使用的標(biāo)簽一定要了解到它的利與弊。5、網(wǎng)站目錄、欄目的優(yōu)化。在我們靜化網(wǎng)站的過(guò)程當(dāng)中，需要注意到網(wǎng)站的目錄以及欄目靜化的處理，簡(jiǎn)單的來(lái)說(shuō)就是對(duì)于不同的欄目設(shè)定好不同的目錄，是為了保證我們的網(wǎng)站能夠更清晰、有層次化。例如說(shuō)對(duì)于一個(gè)簡(jiǎn)單的企業(yè)網(wǎng)站來(lái)講，欄目導(dǎo)航如下：新聞中心、產(chǎn)品中心、在線咨詢等，我們就可以在站點(diǎn)的目錄進(jìn)行設(shè)置news、products、services目錄來(lái)進(jìn)行存放我們網(wǎng)站欄目下的頻道頁(yè)面、欄目、以及內(nèi)容頁(yè)面等，同時(shí)我們?cè)趧澐帜夸浀倪^(guò)程當(dāng)中盡可能的不要超過(guò)三次，并且要盡可能的去縮短我們網(wǎng)站URL地址的長(zhǎng)度。6、網(wǎng)站頁(yè)面布局要合理。對(duì)于此話題來(lái)講，就是很多瑣碎的事項(xiàng)了，但是大家都知道細(xì)“細(xì)節(jié)決定成敗”，所以對(duì)于這些瑣碎的注意事項(xiàng)我們也是需要去做好的，因?yàn)橹挥羞@樣才可以更好的保證SEO優(yōu)化的同時(shí)還能夠得到用戶的青睞。1)面包屑型垃圾導(dǎo)航。2)豎狀型翻頁(yè)功能。3)為文章頁(yè)設(shè)置上一篇、下一篇按鈕。4)相關(guān)文章以及熱門文章的推薦功能。7、利于用戶體驗(yàn)的功能項(xiàng)。隨著搜索引擎對(duì)網(wǎng)站的用戶體驗(yàn)度作為網(wǎng)站排名的重要標(biāo)準(zhǔn)之一后，各個(gè)網(wǎng)站都隨即推出很多利于用戶體驗(yàn)的功能出來(lái)，今天小