DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 淺析網站首屏設計在SEO中的五大重要性
淺析網站首屏設計在SEO中的五大重要性
編輯:SEO優化集錦     

網站的用戶體驗,只有整合了美工、設計、程序、策略、反饋為一體才能夠做的比較好,SEO過程中,對於我這樣的菜鳥所談的用戶體驗,只是如何讓訪客留在自己的博客或網站上時間更長,所以原創博文成為了我唯一的方法。我沒有美工、設計等,更沒有團隊,我只是一個人在做SEO的皮毛工作,對於SEO經驗的積累也是非常緩慢的,至於網絡人脈也沒有過硬的外部鏈接。我要做的,是更多的去關注別人的博客或網站,在線下跟SEO前輩和高手多多溝通學習。抓住每一次實踐的機會,比如我一直在做百度產品的全線代理與網站建設工作,最近又准備了一條整合網絡營銷的新業務線,包括軟文撰寫與發布,SEO培訓等,都依靠互聯網的傳播帶來客戶。

最近一直都在做百度知道的任務,所涉及的領域是網絡營銷、SEO及百度推廣,常常看到有人在百度知道上面問如何做網絡營銷,我想這篇文章的開頭應該可以幫到他。前天參加的武漢站長沙龍會議促使了我對網站的改版,也讓我大開眼界,更是汲取了許多別人的經驗。其中有一條我很感興趣,就是網站首屏在SEO中的重要性。網站首屏設計,應該歸於用戶體驗度,經驗分享人就自己的網站做了簡單分析。

分享老師是做網站設計培訓的,在涉入SEO行業前,一直都研究訪客行為,做的網站也一直都在百度關鍵詞的前三名,在進入SEO行業之後更是經驗豐富。分享老師著重強調,網站的首屏直接影響訪客轉化率,首屏做好了,客戶才會進入到下半屏,尾屏基本上就是留給搜索引擎做爬行的了。對於網頁設計培訓的網站來說,他分析了客戶年齡層、工作狀況、需求、決定了網站首屏的模塊及功能及避諱之處。

網頁設計培訓網站首屏分析:

首屏不宜有硬廣告及外部鏈接

谷歌明確指出,首屏廣告直接影響到網站質量,若是首屏也太多的導出鏈接則會被判定為低質量網站。盡量減少大幅圖片硬廣告,采用更為柔和的方式,例如這個網站采用了logo加活動策劃圖片廣告的形式,logo突顯出了網頁設計培訓字眼,活動策劃吸引訪客點擊抽獎模式,告知其訪客憑借此圖網上報名可以減少報名成本。圖片經過壓縮處理,不影響其打開速度。

突顯目前正在進行的業務及業內動向

兩張簡單的橫幅圖片切換,突顯出了正在招生的培訓項目及活動時間,圖片經過了壓縮處理,網站整體打開時間沒有超過七秒。一張背景透明的GIF圖片告知訪客現在的網頁培訓流行風格及動向名稱,並且做了超鏈接,訪客點擊即可了解到詳細情況。

已開班時間和學院照片

滾動模式顯示已開班時間和學院照片,使得網站更有說服力度,吸引訪客在線咨詢。從照片可以看出學院都沒有超過三十歲。

訪客工作狀態分流處理

參加網頁設計培訓的客戶,只有兩種,一種是在職為了提升自己;一種是待業為了找工作,而這兩種客戶必須區別對待,包括課程安排也不一樣,所以在首屏位置加上了可選程項,在職或者待業。為這兩個選項做了美工圖片及專門的廣告詞,脍炙人口,非常好記,這裡就不做廣告了。

客戶注冊及在線溝通

當然,此網站為培訓招生網站,自然離不開會員登入及注冊,在頁面頂端方便注冊及登入。頁面底端設立了在線QQ一直都是默認底部漂浮狀態,方便訪客第一時間咨詢其培訓內容。

網站首屏基本就分析完畢了,這個網頁的用戶體驗度是非常高的,分享老師介紹,由於確立了目標人群為三十歲以下,將網站做的稍微活潑一些,顏色要柔和一些,是非常有用的。至於下半屏,則是訪客的在線留言輪番滾動,增加訪客與網站互動;還有就是友情鏈接了,整個網站設計看起來簡單,是沉澱了分享老師的幾年經驗的。

在分享老師分析完自己的網站之後,我決定將我的網站進行改版,雖然不可能達到分享老師的境界,不過排名還是不錯的,就是最近的更新比較慢,我在這裡也分享一下我網站改版所遵循的內容。

1、精簡導航,除去相同URL。

2、減少首屏banner圖片,只留最需要的。

3、減少受聘文字版塊,多采用圖片介紹、

4、增加首頁整合網絡營銷合作信息,讓訪客可以在第一時間找到我。

5、增加訪客回饋電子表格。

當然了,網站首屏在不同的行業中應該有不同的排版技巧及方式,這就需要自己去多多學習和增長經驗了,不過分享老師提到一點很好,不要脫離實際盲目設計網站首屏及功能,頁面拉的很長,動能又多,調用又多的網站不一定就能發揮最大價值,對於首屏要遵循的觀點就是寧勿濫,SEO中首屏美工直接就決定了用戶體驗,文章固然重要,美工更為重要,我去修改博客了。本文由武漢SEO郭烨晔原創,個人獨立博客地址:http://e.baidusa.com,轉載請保留此鏈接,剽客自重。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved