公司之前新來了個前端美工，剛剛畢業只是對代碼的含義上有點了解，對於 SEO 站羣卻沒有接觸過，所以基本上每做完一套頁面我就要來修改很多地方，在做網站的時候有的美工前端以及程序設計師網站可能做得很熟練，但是有一部分對於 SEO 站羣優化卻不是很瞭解，所以就會造成一些代碼、標籤等運用的不是很規範，這個時候就需要 SEO 站羣人員來對網頁進行調整修改了。這也是一名 SEO 站羣人員所要具備的基本素質了。當然能提前做好這些工作那是知名的，所以小編就給公司新來的前端美工整理了一份關於代碼方面的一些用法以及講解，現在給大家分享一下。 網頁標籤優化 網站優化網頁頭部部分：title 標記：宣告網頁標題 (必需要有，title 的內容即為搜索引擎收錄後，直接顯示的網頁標題名稱。並且是優化環節重要因素，需特別設計組合，考慮搜索引擎分詞規則) 詞與詞之間用 “-” 、 “_” 、 “|” 來間隔，這三個符號作用相同的，當然也可以混合使用，不過要注意美觀。 meta 屬性：Keywords 宣告網頁關鍵詞 (告訴搜索引擎當前頁面的關鍵詞是什麼)，每個關鍵詞之間用英文的逗號 “,” 分割。 Description 宣告網頁描述，用來表達網站的主要內容概述。 (Description 的內容非常重要，並且會在搜索引擎的搜索結果中顯示，將網站想要展現的重點內容以及廣告引導詞等展現出來。建議是 200 字元以內) 。 copyright 宣告網頁版權 author 宣告作者，這兩個主要是用於網頁規範性，對優化影響不大。 css 和 js 等檔案要外部呼叫，儘量不要直接寫在網頁當中，一些剛入行的前端可能會把 css 樣式 JavaScript 等直接寫在當前網頁中。為什麼要外部呼叫?1 、對於程序維護人員來説，統一的外部呼叫可以更方便的來進行修改和維護。 2 、對於搜索引擎來説，該部分代碼並無實際意義，影響搜索引擎蜘蛛抓取效率。 3 、對於網站速度來説，頁面代碼增多，影響網站速度。圖片：除幻燈、 banner 輪播圖等必須直接插入圖片的地方，其他地方圖片儘量用做背景，然後在上面寫上文字。若是某些標題部分一定要用圖片則需要在 img 裏面用 alt 標籤申明圖片含義。格式：為什麼?1 、對於多用户來説，網頁圖片越多，多用户開啓網頁時所快取的資料就越大，網頁開啓速度就越慢。所以儘量用顏色或者小圖片來做背景。 2 、對於搜索引擎來説，搜索引擎蜘蛛只認識漢字數字英文等字元形式的內容，無法識別圖片的內容。所以要加 alt 進行描述。外部連結: 如果網站有外部匯出連結：例如連結到淘寶，QQ 空間, 微博時。連結內加入 nofollow 屬性來阻止向該連結傳遞權重。例如：淘寶。另外，某些網頁效果會用 iframe 框架來完成。雖然有的文章説現在百度可以抓取到框架裏面的內容了。但是無論能否抓取到，反正百度不喜歡這個標籤，所以網頁裏面儘量不要用框架。 h 標籤 h1 標籤申明該網頁重要內容。一般每個網頁只有一個 h1 標籤，儘量不要用多個。在頁時 h1 常用於標記網站名稱或主要關鍵詞，在頻道頁、欄目頁 h1 標籤常用於標記頻道頁、欄目頁名稱。在內容頁 h1 標籤時常用於標記文章名稱。 h2 標籤可出現多次，常用於導航欄目名稱，或 SEO 長尾關鍵詞等。不過也要適度應用。 b 標籤 strong 標籤這兩個標籤的含義是對文字加粗，申明文章中的關鍵內容，這兩個標籤含義相同。網站地圖：分為 html 地圖以及 xml 地圖。 html 地圖是給多用户看的，體現網站框架目錄，一目瞭然。 xml 地圖也叫 sitemap，做優化需要有的。是給搜索引擎蜘蛛看的，就如同把網站所有結構頁面做成了一張網，蜘蛛可以順利的爬行整個網站。當然雖然現在百度出了主動推送，應用起來也挺方便。不過 360 等其他搜索引擎還是看 xml 地圖的。 404 頁面：當網站改版、換程序、換空間、內容刪除替換時，會出現一些打不開的頁面，被稱為死連結。 404 頁面可以避免產生死連結，並且對於網站訪客來説，也是很好的多用户體驗。內容頁：通常 H1 用作內容標題名稱。文章底部可以加 “擴充套件閲讀” 或 “相關文章” 等列表。用來增加多用户粘度，並且可以引導搜索引擎蜘蛛爬向更多的頁面。
