前端SEO優化簡介

Posted by

所謂的網站前端代碼優化是SEO內部優化中的重要組成部分,也是各大站長們需要熟練掌握的技能,因此SEO網站優化也絕不是像外人看到的那樣每天只是換換友鏈,發發原創文章那么簡單。那么下面我們就來簡要的說明一下。


一、網站的結構布局優化。
1、控制首頁的鏈接數量。
首頁通常是網站權重較高的地方,因此如果首頁的鏈接較少,就會缺少與蜘蛛溝通的紐帶,也就直接影響著網站的收錄數量。但首頁也同樣不能盲目的添加太多鏈接,否則會極大的影響用戶的體驗性,且會分散首頁的權重,使得收錄狀況也變得糟糕。因此建議中小型網站的首頁鏈接控制在百個之內。
2、扁平化的目錄層次。
網站的目錄設置要盡量只讓蜘蛛最多跳轉3次就找到自己想要的內容,這樣不但能提升蜘蛛對網站的好感,還能提升蜘蛛的抓取效率。
3、網站的結構布局。
在網站的頁面的頭部,應以logo與導航為主,并加以一些簡單的客戶信息,而頁面的主體部分,通??砂姘紝Ш揭约罢?。右邊通常放熱門的文章和相關文章,這樣可有效增強客戶的停留時間。頁面的底部通常放置網站的版權信息和友鏈。而要特別注意的是,分頁導航最好寫成首頁1 2 3 4下拉框,這樣能使蜘蛛根據相應的頁碼進行直接跳轉。
4、控制頁面大小來提升加載速度。
一個頁面的大小最好不要超過100k,并減少http請求,這樣可有效通過提升頁面的加載速度來提升用戶的體驗性。
二、網站代碼的注意事項。
1、Html代碼。
在html代碼中,大家要盡量避免代碼出現冗余現象,錄入要去除空格字符以及合理使用注釋等。要合理的利用標簽的語意化,并合理的嵌套規則,行元素嵌套塊元素。而在img標簽內則不要忘記添加title以及alt屬性,a標簽內也需要添加title屬性。而在網站的<title>頁面標題,則必須列出信息的標題、網站的名稱以及相關關鍵詞,并避免關鍵詞的堆砌。而Meta標簽的優化方面,包括Meta description、Meta keywords的設置,其關鍵詞的密度要控制在2%-8%,且關鍵詞需在頁面中出現若干次,從而達到搜索引擎做允許的優化范圍內。
2、css代碼。
如果css的代碼數量較少,可直接將其寫在頭部,或使用外部引入的方式。而通過css代碼縮寫能夠有效提升寫代碼的速度,從而精簡你的代碼數量,使得頁面的開啟速率獲得有效提升。而如果多個元素擁有相同樣式,可定義一個統一的class或使用群組選擇器。而代碼也要適當的添加代碼注釋。
3、JS代碼。
采用外部引入的方法進行使用,并合理的合并JS代碼,從而有效減輕網站服務器的壓力。而寫代碼時要有良好的習慣,像減少頁面重繪,減少作用域鏈上的查找次數等。

Leave a Reply

電子郵件地址不會被公開。 必填項已用*標注