網(wǎng)站設計初期如何考慮SEO?




我們經(jīng)常要求網(wǎng)站在設計初期就應該讓SEO人員介入,參與網(wǎng)站的早期設計。那么在網(wǎng)站設計初期應該注意哪些SEO因素呢?今天我們就來介紹一下。
1、網(wǎng)站結構布局設計
參照競爭對手的頁面布局
競爭對手的網(wǎng)站設計。這里所說的競爭對手,是指你主關鍵詞自然排名前三的站點。任何一個優(yōu)化站其訪問縱深和跳出率都是優(yōu)化人員格外關心的數(shù)據(jù),既然你的前輩們?nèi)绱瞬季志W(wǎng)站,那可能有一定的道理在里面,比如其輪展的圖片的選擇、首頁調(diào)用欄目的選擇、首頁設計與其目標關鍵詞的相關性等,找出設置它們的理由,然后根據(jù)自身情況來制定首頁布局。
2、網(wǎng)站內(nèi)容布局設計
(1)分析用戶的實際需求與潛在需求
實際需求由何而來,來自于入站的關鍵詞,比如你用戶搜索的是“天津人流多少錢”這個詞,那么其實際需求是想知道價格,但是其潛在需求是想在天津地區(qū)做人流,則無痛、安全等諸多因素可能是影響其最終轉化的重要環(huán)節(jié),這時候你就要依托于模板,利用不同的位置將用戶進行細分,進行精心的轉化。這方面,可以參考那些做得好的競爭對手。
(2)重要文字的css控制
一些重要文字,可以用h1或h2標簽,不必擔心h1標簽會引起不美觀,因為你完全可以通過css來控制你文字的展現(xiàn)。但要注意,切記不可多用,太多重點等于沒重點。
為有意義的含有關鍵詞內(nèi)容的圖片img標簽添加alt屬性、Title屬性等。無意義內(nèi)容用圖片鏈接。無意義的錨文字,例如“更多”,“點擊了解詳情”等,改用圖片鏈。
(3)注意內(nèi)容細節(jié)
細節(jié)代碼要補全,每個頁面的Title、Keywords、Description等meta信息要根據(jù)內(nèi)容排布和安排補充完整,并要求各頁面盡量不要重復,主要頁面則完全不要重復。有些網(wǎng)站喜歡全站用統(tǒng)一的meta信息(其實就算主頁meta全局化),等到上線后再調(diào)整。其實這樣對收錄和排名是不利的。
(4)另外注意避免文字截斷。有時候一些開源程序中調(diào)用的錨文本若是文字太長,會被自動截斷,寫css將溢出的文字由“….”替代顯示。
3、網(wǎng)站性能設計
(1)達到或超過競爭網(wǎng)站的打開速度
若排名前三的競爭對手網(wǎng)站首頁都打開很快,那你至少要和其速度持平。反之,若對方打開較慢,則你的速度必須快過它們。
(2)縮小圖片體積
將網(wǎng)頁上所有的圖片都web化,縮小其大小。為了首頁打開速度和用戶體驗計,提高瀏覽器讀取速度。
(3)瀏覽器的工作原理
瀏覽器是如何工作的呢?其工作原理很簡單。用戶在瀏覽器中提供一個URL,比如“http://www.xxx.com/123.html”,則瀏覽器會將這段URL拆分為三部分。
協(xié)議頭:http://
域名:www.xxx.com
文件名:/123.html
然后將域名發(fā)給DNS解析,當解析成功后,再將文件名發(fā)給服務器,由服務器提取文件返回給瀏覽器,瀏覽器將文件解析展示給用戶。而這里要注明一點,就是當我們訪問網(wǎng)站首頁的時候,瀏覽器會自動將最后那個“/”過濾掉。
瀏覽器接收到文件開始處理的時候,主要是5大組件進行工作,分別是:
①用戶界面:我們平時看到的界面。
②渲染引擎:負責解析文件源碼。
③核心引擎:將渲染引擎與端口相結合的接口。
④S解析器:解析JS代碼。
⑤數(shù)據(jù)存儲:存儲一些臨時文件,例如cookie。
上述是功能性的組件,并非是瀏覽器的構成,不同的瀏覽器內(nèi)核實現(xiàn)這些功能的方法不同。
(4)減少請求路徑
凡是有一個路徑,我們的瀏覽器的就會多一次向服務器發(fā)送一次請求,如果在網(wǎng)頁中把多次使用的css、js等統(tǒng)一的放在的head,就需要一次請求。
①減少JS代碼
JS代碼盡可能放在標簽內(nèi)。
②縮小文件
盡可能減少文件大小。
通過上述步驟,基本上網(wǎng)站設計初期的SEO都考慮到了,剩下的就是在網(wǎng)站的運營過程中監(jiān)控用戶的聚焦點以及站內(nèi)流量,來根據(jù)數(shù)據(jù)來具體的優(yōu)化用戶體驗了。