一、前端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、<a>標簽：標題，rel  

2、<h1>label:text<h1>，secondarytitle<h2>和其他不重要的標題不使用h  

3、<p>labeland<br>label:<br>label僅用于文本內容的換行。  

4、<table>label:use<caption>  

5、<img>標簽：使用alt指令  

6、<strong><em>and<b><i>labels:strong><b>bold，<em><i>italics，<strong>標簽是權重標簽的代表。  

在搜索引擎中，它可以引起高度關注，突出關鍵詞，表達重要內容。<b>標記在瀏覽器中顯示的效果與<strong>相同。  

但在SEO中不會起到很好的效果，所以不推薦使用。<em>標簽為斜體，強調主要內容，吸引用戶的注意。  

如果只是為了顯示粗體和斜體的效果，加權標簽的重要性只低于<strong>標簽的重要性。  

建議使用<b><i>標簽，如果使用<strong><em>會影響seo的效果。