1. 程式人生 > >前端如何實現SEO優化

前端如何實現SEO優化

1、提高頁面載入速度。 能用css解決的不用背景圖片,背景圖片也儘量壓縮大小,可以幾個icons放在一個圖片上,採用css精靈(css sprite),使用background-position找到需要的圖片位置。減少HTTP請求數,提高網頁載入速度。
2、 結構、表現和行為的分離。另外一個重要的拖慢網頁載入速度的原因就是將css和JS都堆積在HTML頁面上,每次看到有人直接在頁面上編寫CSS和JS我都很痛心疾首。通過外鏈的方式能大大加快網頁載入速度的,css檔案可以放在head裡,JS檔案可以放置在body的最下方,在不影響閱讀的情況下再去載入JS檔案。
3、 優化網站分級結構。在每個內頁加麵包屑導航是很有必要的,可以讓蜘蛛進入頁面之後不至於迷路,有條件的話,最好能單獨加個Sitemap頁面,將網站結構一目瞭然地展示在蜘蛛面前,更有利於蜘蛛抓取資訊。
4、 集中網站權重。

由於蜘蛛分配到每個頁面的權重是一定的,這些權重也將平均分配到每個a連結上,那麼為了集中網站權重,可以使用”rel=nofollow”屬性,它告訴蜘蛛無需抓取目標頁,可以將權重分給其他的連結。
5、 文字強調標籤的使用。當著重強調某個關鍵詞需要加粗表示,選用strong標籤比使用b標籤要更有強調作用。
6、 a標籤的title屬性的使用。在不影響頁面功能的情況下,可以儘量給a標籤加上title屬性,可以更有利於蜘蛛抓取資訊。
7、 圖片alt屬性的使用。這個屬性可以在圖片載入不出來的時候顯示在頁面上相關的文字資訊,作用同上。
8、 H標籤的使用。主要是H1標籤的使用需要特別注意,因為它自帶權重,一個頁面有且最多隻能有一個H1標籤,放在該頁面最重要的標題上面,如首頁的logo上可以加H1標籤。
9、圖片大小宣告。
如果圖片大小不做定義的話,頁面需要重新渲染,就會影響到載入速度。
10頁面佈局調整。頁面內容儘量不要做成flash、視訊,這些東西蜘蛛是抓不到的,就算是必須的,也要生成相應的靜態頁面。
10、網站結構呈扁平狀樹型,目錄結構不宜過深。每個頁面離首頁最多點選不超過3次,過深不利於搜尋引擎的抓取。