公司之前新來了個前端美工，剛剛畢業只是對程式碼的含義上有點了解，對於 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 用作內容標題名稱。文章底部可以加 “擴充套件閱讀” 或 “相關文章” 等列表。用來增加多使用者粘度，並且可以引導搜尋引擎蜘蛛爬向更多的頁面。
