一、前端seo代碼優化注意事項
1、提高頁面加載速度。CSS可以用來解決不使用背景圖片的問題,也可以嘗試壓縮背景圖片的大小,你可以在一張圖片上放置幾個圖標,使用CSSsprite,使用背景位置來找到所需的圖像位置。減少HTTP請求的數量,提高網頁加載的速度。??
2、結構、性能和行為的分離。降低網頁加載速度的另一個重要原因是在HTML頁面上堆疊CSS和JS。每次我看到有人直接在頁面上寫CSS和JS,我都很難過。外部鏈接的方式可以大大加快網頁的加載速度,CSS文件可以放在頭上,JS文件可以放在正文的底部,然后加載JS文件而不影響閱讀。??
3、優化網站的層次結構。在每個內部頁面中添加面包屑導航是非常必要的,這樣蜘蛛就不會在進入頁面后丟失。如果條件允許,單獨添加一個站點地圖頁面,在蜘蛛面前一目了然地顯示網站的結構,這更有利于蜘蛛掌握信息。??
4、集中網站權重。由于蜘蛛分配給每個頁面的權重是確定的,并且這些權重將平均分配給每個鏈接,為了集中網站的權重,我們可以使用“rel=nofollow”屬性,告訴蜘蛛可以將權重分配給其他鏈接而不必抓取目標頁面。??
5、文本強調標簽的使用。當強調需要用粗體表示關鍵字時,選擇強標記比使用B標記更重要。??
6、標簽的標題屬性的使用。在不影響頁面功能的情況下,我們可以嘗試在標簽中添加標題屬性,這樣更有利于蜘蛛爬行信息。??
7、在圖片中使用alt屬性。此屬性可以在無法加載圖片時在頁面上顯示相關的文本信息,效果相同。??
8、使用H-標簽。主要是h1標簽的使用需要特別注意,因為它有自己的權重,一個頁面有并且只能有一個h1標簽,放在頁面重要的標題上,比如首頁的logo可以加h1標簽。??
9、圖像大小聲明。如果未定義圖像大小,則需要重新呈現頁面,這將影響加載速度。??
10、頁面布局調整。頁面內容盡量不要制作flash、video,這些東西蜘蛛都抓不住,即使有必要,也要生成相應的靜態頁面。??
11、網站的結構是扁樹,目錄結構不應該太深。每個頁面從主頁上單擊的次數不超過三次,這對于搜索引擎來說太深了。?
?
二、SEO在網頁制作中的應用??
網站結構優化??
a.合理規劃網站結構[扁平化:中小型目錄不超過3級]:3次可跳轉到網站中的任意頁面(主頁欄內容)??
b.控制主頁上的鏈接數(主頁上100個鏈接內:頁面導航、底部導航、錨文本,基于引導用戶,良好的用戶體驗);??
c.導航(基于文本;圖片需要寫alt):添加左上角的breadcrumb導航(讓用戶知道他們在哪里,讓用戶知道站點的組織)??
D.細節:??
內容頁:結構應為:頂部標識導航,左側廢棄導航,底部文字;??
三、網頁代碼seo優化??
1、標簽:標題,rel??
2、
3、
labeland
label:
label僅用于文本內容的換行。??
4、