公司之前新來了個前端美工，剛剛畢業只是對程式碼的含義上有點了解，對於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標籤可出現多次，常用於導航欄目名稱，或長尾關鍵詞等。不過也要適度應用。
b標籤strong標籤
這兩個標籤的含義是對文字加粗，申明文章中的關鍵內容，這兩個標籤含義相同。
網站地圖：分為html地圖以及xml地圖。
html地圖是給使用者看的，體現網站框架目錄，一目瞭然。
xml地圖也叫sitemap，做最佳化需要有的。是給搜尋引擎蜘蛛看的，就如同把網站所有結構頁面做成了一張網，蜘蛛可以順利的爬行整個網站。當然雖然現在百度出了主動推送，應用起來也挺方便。不過360等其他搜尋引擎還是看xml地圖的。
404頁面：
當網站改版、換程式、換空間、內容刪除替換時，會出現一些打不開的頁面，被稱為死連結。404頁面可以避免產生死連結，並且對於網站訪客來說，也是很好的使用者體驗。
內容頁：
通常H1用作內容標題名稱。文章底部可以加“擴充套件閱讀”或“相關文章”等列表。用來增加使用者粘度，並且可以引導搜尋引擎蜘蛛爬向更多的頁面。
本文由淄博網站最佳化 http://www.zbyunjian.com/yx/0620.html