公司之前新來(lái)了(le)個(gè)前端美(měi)工，剛剛結業僅僅對(duì)代碼的(de)含義上有點了(le)解，關于SEO卻沒有接觸過，所以基本上每做(zuò)完一套頁面我就要來(lái)修正許多(duō)當地，在做(zuò)網站的(de)時(shí)分(fēn)有的(de)美(měi)工前端以及程序員(yuán)網站也(yě)許做(zuò)得(de)很娴熟，可(kě)是有一有些關于SEO優化(huà)卻不是很了(le)解，所以就會形成一些代碼、标簽等運用(yòng)的(de)不是很标準，這(zhè)個(gè)時(shí)分(fēn)就需要搜索引擎優化(huà)人(rén)員(yuán)來(lái)對(duì)頁面進行調整修正了(le)。這(zhè)也(yě)是一名搜索引擎優化(huà)人(rén)員(yuán)所要具有的(de)基本素質了(le)。當然能提早做(zuò)好這(zhè)些工作那是最好的(de)，所以小編就給公司新來(lái)的(de)前端美(měi)工整理(lǐ)了(le)一份關于代碼方面的(de)一些用(yòng)法以及解說，現在給我們共享一下(xià)。

　　頁面頂部部分(fēn)：
　　title标記：标題是頁面優化(huà)最主要的(de)因素，頁面标題Title相當于賦予一個(gè)頁面一些内容，它通(tōng)知搜索引擎蜘蛛此頁面是關于什(shén)麽的(de)，所以任何一個(gè)頁面Title的(de)主要性是最高(gāo)的(de)，遠(yuǎn)遠(yuǎn)超越網站頁面keyword和(hé)description的(de)作用(yòng)。而且是優化(huà)環節主要因素，需格外設計組合，思考搜索引擎分(fēn)詞規矩)詞與詞之間用(yòng)“-”、“_”、“|”來(lái)距離，這(zhè)三個(gè)符号作用(yòng)一樣的(de)，當然也(yě)能夠混合運用(yòng)，不過要注意美(měi)觀。
　　meta特點：
　　keywords标簽：Keywords标簽中的(de)關鍵字你不需要做(zuò)太多(duō)，呈現網站中最主要的(de)幾個(gè)關鍵字就能夠了(le)，其中這(zhè)個(gè)當地的(de)關鍵字也(yě)就是我們給出的(de)搜索引擎的(de)一個(gè)頁面關鍵字的(de)參閱，一般設置4個(gè)關鍵字最佳。
　　Description 聲明(míng)頁面描繪頁面的(de)描繪要根據網站的(de)實際内容填寫，許多(duō)站長(cháng)會随意填寫網站的(de)描繪，或許在描繪中大(dà)量堆砌關鍵字，這(zhè)些都是對(duì)SEO晦氣的(de)做(zuò)法。copyright 聲明(míng)頁面版權 author 聲明(míng)作者，這(zhè)兩個(gè)主要是用(yòng)于頁面标準性，對(duì)優化(huà)影(yǐng)響不大(dà)。
　　css和(hé)js等文件要外部調用(yòng)，盡量不要直接寫在頁面傍邊，一些剛入行的(de)前端也(yě)許會把css款式JavaScript等直接寫在當時(shí)頁面中。
　　爲何要外部調用(yòng)?
　　1、關于程序保護人(rén)員(yuán)來(lái)說，一緻的(de)外部調用(yòng)能夠更便利的(de)來(lái)進行修正和(hé)保護。
　　2、關于搜索引擎來(lái)說，該有些代碼并無實際含義，影(yǐng)響搜索引擎蜘蛛抓取功率。
　　3、關于網站速度來(lái)說，頁面代碼增多(duō)，影(yǐng)響網站速度。
　　圖像：除幻燈、banner輪播圖等有必要直接插入圖像的(de)當地，其他(tā)當地圖像盡量用(yòng)做(zuò)布景，然後在上面寫上文字。假如某些标題有些必定要用(yòng)圖像則需要在img裏邊用(yòng)alt标簽聲明(míng)圖像含義。格式：
　　爲何?
　　1、關于用(yòng)戶來(lái)說，頁面圖像越多(duō)，用(yòng)戶翻開頁面時(shí)所緩存的(de)數據就越大(dà)，頁面翻開速度就越慢(màn)。所以盡量用(yòng)色彩或許小圖像來(lái)做(zuò)布景。
　　2、關于搜索引擎來(lái)說，搜索引擎蜘蛛隻知道漢字數字英文等字符方式的(de)内容，無法辨認圖像的(de)内容。所以要加alt進行描繪。
　　外部連接:
　　假如網站有外部導出連接：例如連接到taobao，QQ空間,微博時(shí)。連接内參加nofollow特點來(lái)阻止向該連接傳遞權重。例如：taobao。
　　别的(de)，某些頁面作用(yòng)會用(yòng)iframe結構來(lái)完成。雖然有的(de)文章(zhāng)說現在baidu能夠抓取到結構裏邊的(de)内容了(le)。可(kě)是不管能否抓取到，反正baidu不喜歡這(zhè)個(gè)标簽，所以頁面裏邊盡量不要用(yòng)結構。
　　h标簽
　　H标簽也(yě)許對(duì)用(yòng)戶而言，其展現的(de)含義與價值并不大(dà)。可(kě)是關于搜索引擎而言，含義卻截然不同，它的(de)含義嚴重。搜索引擎非人(rén)類大(dà)腦(nǎo)，思想邏輯上依然是循規蹈矩。它會更具不同的(de)H标簽來(lái)斷定該頁面的(de)主要點，主題中心思想。關于SEO來(lái)說，愈加重視H1标簽的(de)運用(yòng)。現在H1标簽的(de)運用(yòng)很廣泛，也(yě)存在濫用(yòng)狀況。準确運用(yòng)H1标簽的(de)方法是：H1标簽的(de)運用(yòng)必定要在該頁面的(de)主題思想上，即頁面的(de)title标簽關鍵字。
　　404頁面：
　　當網站改版、換程序、換空間、内容删去更換時(shí)，會呈現一些打不開的(de)頁面，被稱爲死連接。404頁面能夠防止發生死連接，而且關于網站訪客來(lái)說，也(yě)是極好的(de)用(yòng)戶體驗。
　　内容頁：
　　一般H1用(yòng)作内容标題稱号。文章(zhāng)底部能夠加“擴展閱讀”或“有關文章(zhāng)”等列表。用(yòng)來(lái)添加用(yòng)戶粘度，而且能夠引導搜索引擎蜘蛛爬向更多(duō)的(de)頁面。