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