公司之前新來(lái)了個(gè)前端美工，剛剛畢業(yè)只是對代碼的含義上有點(diǎn)了解，對于SEO卻沒(méi)有接觸過(guò)，所以基本上每做完一套頁(yè)面我就要來(lái)修改很多地方，在做網(wǎng)站的時(shí)候有的美工前端以及程序員網(wǎng)站可能做得很熟練，但是有一部分對于SEO優(yōu)化卻不是很了解，所以就會(huì )造成一些代碼、標簽等運用的不是很規范，這個(gè)時(shí)候就需要seo人員來(lái)對網(wǎng)頁(yè)進(jìn)行調整修改了。這也是一名seo人員所要具備的基本素質(zhì)了。當然能提前做好這些工作那是知名的，所以小編就給公司新來(lái)的前端美工整理了一份關(guān)于代碼方面的一些用法以及講解，現在給大家分享一下。　

網(wǎng)頁(yè)標簽優(yōu)化 網(wǎng)站優(yōu)化

網(wǎng)頁(yè)頭部部分：

title標記：聲明網(wǎng)頁(yè)標題(必需要有，title的內容即為搜索引擎收錄后，直接顯示的網(wǎng)頁(yè)標題名稱(chēng)。并且是優(yōu)化環(huán)節重要因素，需特別設計組合，考慮搜索引擎分詞規則)詞與詞之間用“-”、“_”、“|”來(lái)間隔，這三個(gè)符號作用相同的，當然也可以混合使用，不過(guò)要注意美觀(guān)。

meta屬性：

Keywords 聲明網(wǎng)頁(yè)關(guān)鍵詞(告訴搜索引擎當前頁(yè)面的關(guān)鍵詞是什么)，每個(gè)關(guān)鍵詞之間用英文的逗號“,” 分割。

Description 聲明網(wǎng)頁(yè)描述，用來(lái)表達網(wǎng)站的主要內容概述。(Description的內容非常重要，并且會(huì )在搜索引擎的搜索結果中顯示，將網(wǎng)站想要展現的重點(diǎn)內容以及廣告引導詞等展現出來(lái)。建議是200字符以?xún)?。copyright 聲明網(wǎng)頁(yè)版權 author 聲明作者，這兩個(gè)主要是用于網(wǎng)頁(yè)規范性，對優(yōu)化影響不大。

css和js等文件要外部調用，盡量不要直接寫(xiě)在網(wǎng)頁(yè)當中，一些剛入行的前端可能會(huì )把css樣式JavaScript等直接寫(xiě)在當前網(wǎng)頁(yè)中。

為什么要外部調用?

1、對于程序維護人員來(lái)說(shuō)，統一的外部調用可以更方便的來(lái)進(jìn)行修改和維護。

2、對于搜索引擎來(lái)說(shuō)，該部分代碼并無(wú)實(shí)際意義，影響搜索引擎蜘蛛抓取效率。

3、對于網(wǎng)站速度來(lái)說(shuō)，頁(yè)面代碼增多，影響網(wǎng)站速度。

圖片：除幻燈、banner輪播圖等必須直接插入圖片的地方，其他地方圖片盡量用做背景，然后在上面寫(xiě)上文字。若是某些標題部分一定要用圖片則需要在img里面用alt標簽申明圖片含義。格式：

為什么?

1、對于用戶(hù)來(lái)說(shuō)，網(wǎng)頁(yè)圖片越多，用戶(hù)打開(kāi)網(wǎng)頁(yè)時(shí)所緩存的數據就越大，網(wǎng)頁(yè)打開(kāi)速度就越慢。所以盡量用顏色或者小圖片來(lái)做背景。

2、對于搜索引擎來(lái)說(shuō)，搜索引擎蜘蛛只認識漢字數字英文等字符形式的內容，無(wú)法識別圖片的內容。所以要加alt進(jìn)行描述。

外部鏈接:

如果網(wǎng)站有外部導出鏈接：例如鏈接到淘寶，QQ空間,微博時(shí)。鏈接內加入nofollow屬性來(lái)阻止向該鏈接傳遞權重。例如：淘寶。

另外，某些網(wǎng)頁(yè)效果會(huì )用iframe框架來(lái)完成。雖然有的文章說(shuō)現在百度可以抓取到框架里面的內容了。但是無(wú)論能否抓取到，反正百度不喜歡這個(gè)標簽，所以網(wǎng)頁(yè)里面盡量不要用框架。

h標簽

h1標簽申明該網(wǎng)頁(yè)重要內容。一般每個(gè)網(wǎng)頁(yè)只有一個(gè)h1標簽，盡量不要用多個(gè)。在頁(yè)時(shí)h1常用于標記網(wǎng)站名稱(chēng)或主要關(guān)鍵詞，在頻道頁(yè)、欄目頁(yè)h1標簽常用于標記頻道頁(yè)、欄目頁(yè)名稱(chēng)。在內容頁(yè)h1標簽時(shí)常用于標記文章名稱(chēng)。

h2標簽可出現多次，常用于導航欄目名稱(chēng)，或長(cháng)尾關(guān)鍵詞等。不過(guò)也要適度應用。

b標簽strong標簽

這兩個(gè)標簽的含義是對文字加粗，申明文章中的關(guān)鍵內容，這兩個(gè)標簽含義相同。

網(wǎng)站地圖：分為html地圖以及xml地圖。


html地圖是給用戶(hù)看的，體現網(wǎng)站框架目錄，一目了然。

xml地圖也叫sitemap，做優(yōu)化需要有的。是給搜索引擎蜘蛛看的，就如同把網(wǎng)站所有結構頁(yè)面做成了一張網(wǎng)，蜘蛛可以順利的爬行整個(gè)網(wǎng)站。當然雖然現在百度出了主動(dòng)推送，應用起來(lái)也挺方便。不過(guò)360等其他搜索引擎還是看xml地圖的。

404頁(yè)面：

當網(wǎng)站改版、換程序、換空間、內容刪除替換時(shí)，會(huì )出現一些打不開(kāi)的頁(yè)面，被稱(chēng)為死鏈接。404頁(yè)面可以避免產(chǎn)生死鏈接，并且對于網(wǎng)站訪(fǎng)客來(lái)說(shuō)，也是很好的用戶(hù)體驗。

內容頁(yè)：

通常H1用作內容標題名稱(chēng)。文章底部可以加“擴展閱讀”或“相關(guān)文章”等列表。用來(lái)增加用戶(hù)粘度，并且可以引導搜索引擎蜘蛛爬向更多的頁(yè)面。

http://www.ezekroy.com/youhuazixun/2023.html 網(wǎng)頁(yè)標簽在seo優(yōu)化當中的一些用法