網(wǎng)站代碼優(yōu)化主要是對已開發(fā)完成的網(wǎng)站代碼進(jìn)行調(diào)整，主要是因為很多網(wǎng)站的建設(shè)沒有采用w3c標(biāo)準(zhǔn)，頁面代碼使用不規(guī)范，從而導(dǎo)致搜索引擎對網(wǎng)站代碼的識別度不好，接下來小編為你詳細(xì)分享網(wǎng)站代碼SEO優(yōu)化技巧及注意事項。

一、什么是網(wǎng)站代碼優(yōu)化

網(wǎng)站代碼優(yōu)化是指通過對網(wǎng)站頁面的Html代碼進(jìn)行調(diào)整，使其更符合搜索引擎的抓取和識別規(guī)則，從而提升網(wǎng)站頁面的抓取和自然排名。網(wǎng)站SEO代碼優(yōu)化主要目標(biāo)是提升頁面在搜索引擎的排名。

二、網(wǎng)站代碼優(yōu)化的技巧

1、html優(yōu)化

 (1)、title標(biāo)簽

在瀏覽一個網(wǎng)頁時，通過瀏覽器頂端顯示條出現(xiàn)的信息就是title標(biāo)簽的內(nèi)容，又稱之為"網(wǎng)頁標(biāo)題"。title標(biāo)簽可直觀的告訴用戶此網(wǎng)頁講述的內(nèi)容性質(zhì)，讓搜索引擎、用戶更容易了解文檔內(nèi)容，同時網(wǎng)站上的每個頁面的title都是獨(dú)一無二的，title標(biāo)簽大約有 9 個單詞，但在 6 到 12 之間，首先放置最重要的關(guān)鍵字，然后按重要性順序排列其他關(guān)鍵字（如果有空格）。一個主題明確的title可以幫助用戶更方便地從搜索結(jié)果中判斷你網(wǎng)頁上內(nèi)容是否符合它的需求。

詳細(xì)介紹請查看：網(wǎng)頁標(biāo)題

(2)、Description標(biāo)簽

Description標(biāo)簽是title標(biāo)簽很好的補(bǔ)充，是對網(wǎng)頁內(nèi)容的精練概括，讓用戶更好的了解全文，這個對搜索引擎優(yōu)化很有幫助，一個好的description會幫助用戶更方便的從搜索結(jié)果中判斷你的網(wǎng)頁內(nèi)容是否和需求相符。Description標(biāo)簽一定要和標(biāo)題結(jié)合起來，尤其要突出要推廣的關(guān)鍵詞，盡可能組合關(guān)鍵字和短語。Description標(biāo)簽大約 24 個單詞或 160 個帶空格的字符，嘗試在前 156 個字符中包含所有高優(yōu)先級關(guān)鍵字以確保安全。

(3)、Keywords標(biāo)簽

Keywords標(biāo)簽就是頁面主要關(guān)鍵詞的提煉，一般使用短語或者短語組合，每個頁面使用3-5個關(guān)鍵詞即可。很多文章說對SEO的作用降低了，從優(yōu)化猩SEO實際操作來看，Keywords還是很有用的，比如原來占的分值是10分，現(xiàn)在可能降到5分，所以不要忽視keywords標(biāo)簽在網(wǎng)站排名中的作用。

(4)、H標(biāo)簽

html中的h標(biāo)簽一共有六個，分別是h1/h2/h3/h4/h5/h6，分別代表不同的級別，稱之為一級標(biāo)題、二級標(biāo)題……其中，一級標(biāo)題具備更多的權(quán)重。關(guān)于h標(biāo)簽的使用，需要根據(jù)實際情況來使用，不可任意濫用。如一篇文章，不可能出現(xiàn)多個一級標(biāo)題，所以h1，在同一個頁面中只能出現(xiàn)一次，而h2等則可以出現(xiàn)多次，根據(jù)你需要表現(xiàn)的內(nèi)容的重要程度，分別使用不同的h標(biāo)簽即可。特別注意，h標(biāo)簽中最好出現(xiàn)關(guān)鍵字！還有就是，隨其自然，萬不可刻意地用h標(biāo)簽來處理某些關(guān)鍵字！

(5)、strong屬性

strong被認(rèn)為是"加強(qiáng)"，em被認(rèn)為是"強(qiáng)調(diào)"，也就是說這兩個標(biāo)簽是有特殊含義的，這對于網(wǎng)站優(yōu)化至關(guān)重要。多數(shù)時候，在優(yōu)化網(wǎng)站時會對關(guān)鍵字進(jìn)行突出，這時使用strong或em就比使用B或者I好很多，特別謹(jǐn)記！

(6)、alt和title屬性

alt是圖像中的注釋，title是圖像或鏈接的標(biāo)題，這兩者對于優(yōu)化，尤其是圖像的優(yōu)化至關(guān)重要，但也不要濫用！一般在插入圖像時，我們在alt中設(shè)置圖像的描述內(nèi)容，其中可以包含關(guān)鍵字但不要故意堆砌，title則當(dāng)作圖像標(biāo)題來處理。特別需要注意的是，這些內(nèi)容是不可以重復(fù)的！也就是說，當(dāng)你的頁面中有多張圖像，你不能每張圖像的描述和標(biāo)題都設(shè)置成一樣的，這樣很容易被搜索引擎懲罰！

title屬性在a標(biāo)簽中也有所使用，告知搜索引擎鏈接的內(nèi)容。

(7)、nofollow屬性

nofollow屬性是HTML頁面中A標(biāo)簽的屬性值。它的出現(xiàn)為網(wǎng)站管理員提供了一種方式，即告訴搜索引擎"不要追蹤此網(wǎng)頁上的鏈接"或"不要追蹤此特定鏈接，只要加入了這個nofollow標(biāo)簽的鏈接，爬蟲就不會進(jìn)行抓取，通過nofollow標(biāo)簽減少網(wǎng)站鏈接權(quán)重的傳遞。

詳細(xì)介紹請查看：nofollow

(8)、Iframe框架的合理使用

對對于一些重要的公共模塊，如版權(quán)聲明、合作資格等，這些內(nèi)容對SEO沒有好處，但對用戶確實有用，可以通過合理使用iframe進(jìn)行去噪處理，但頁面主體內(nèi)容千萬不要嵌入iframe進(jìn)行調(diào)用，會嚴(yán)重影響搜索引擎對頁面內(nèi)容的識別。

2、css優(yōu)化

于網(wǎng)站排名優(yōu)化來說，css的幾乎沒有任何影響，但往大的方向如網(wǎng)站優(yōu)化來說，樣式表css的優(yōu)化就至關(guān)重要了，其主要作用即是提高網(wǎng)頁的響應(yīng)速度。

(1)、外鏈css

css的使用有多種方式，一是嵌入式，即在html標(biāo)簽中直接定義樣式表，如下所示:<p style="font-family:arial;font-size:16px;font-weight:bold;">Outside now its raining,and tears are falling from my eyes…</p>

還有一種是直接定義在頁面頭部的如下：<styletype="text/css">p{ background:#f1f1f1; color:#333; line-height:20px;} </style>

這兩種方式都是把css寫在當(dāng)前html中，這樣會造成hml文檔變大，降低網(wǎng)頁的響應(yīng)速度，所以我們需要外鏈css，將所有與本頁面相關(guān)的樣式寫入到該樣式表中：<link href="style/common.css"rel="stylesheet"type="text/css"/>

(2)、精簡css

對于這一點(diǎn)需要一定的css能力才可以做到了。所謂精簡，指的是用盡可能少的樣式代碼實現(xiàn)整個網(wǎng)頁的樣式效果，需要充分利用css的繼承和綜合使用，舉一個簡單的例子來說明。如頁面中的鏈接，全部不需要下劃線、大部分為12像素，但鏈接的顏色并不相同，個別的字體效果也不相同，我們就可以這樣來寫：

a{ text-decoration:none; font-size:12px;}/*定義通用a樣式*/

a.a_red{ color:#e00;}

a.a_blue{ color:#009;}

a.a_menu{ color:#fff; font-size:14px; font-weight:bold;}/*針對特殊a標(biāo)簽只指定特殊樣式*/

因為css的繼承作用，a_red和a_blue都具備沒有下劃線、12像素這一樣式，而a_menu同樣具備沒有下劃線，但因指定了大小，就不再繼承12像素的指定而使用14像素……

(3)、整合css

一般情況下，前端制作人員喜歡把通用樣式寫成一個文件，把專用樣式寫成另一個文件，以便各個頁面調(diào)用。比如把頁面通用樣式（包括通用的布局樣式、文字樣式等）寫在common.css中，而把專用的寫在另一個樣式表中。如首頁，我們就需要調(diào)用common.css和index.css兩個樣式表文件。這樣做，對于前端來說是正確的。但對于優(yōu)化，卻不太好。多一個文件調(diào)用就需要多一次請求，當(dāng)然也會多耗費(fèi)一點(diǎn)時間。所以，在網(wǎng)站制作完成后，需要把頁面的所有樣式合并到一起，以提高網(wǎng)頁的響應(yīng)速度！但需注意，合并css不利于網(wǎng)站后期整改，權(quán)衡利弊各取所需，具體是否合并還需根據(jù)你的實際情況而定。

(4)、壓縮css

壓縮css其實很簡單，就是去掉多余的空格和換行。實現(xiàn)起來也非常的簡單，網(wǎng)上有很多工具，請自行搜索"css壓縮"即可找到很多在線壓縮工具。同上面一點(diǎn)，壓縮后的css不便于后期整改，需要自己權(quán)衡取舍。

3、Javascript優(yōu)化

javascript代碼對于網(wǎng)站排名優(yōu)化同樣沒有多大影響，但從網(wǎng)站優(yōu)化的角度來看卻是至關(guān)重要的一步優(yōu)化操作，優(yōu)良的javascript代碼可以大幅度提升網(wǎng)頁的響應(yīng)速度！

(1)、外鏈js代碼

js代碼盡量使用頭部插入和外部調(diào)用的方式，不要寫在頁面上，使hmtl代碼看起來更加簡潔，調(diào)用方式主要以下兩種：

頭部插入：<script>...</script>

外鏈調(diào)用：<SCRIPT language=javascript type=text/javascript src="jquery-1.7.2.min.js"></SCRIPT>

(2)、精簡js代碼

這一點(diǎn)需要更為專業(yè)的js技術(shù)才能做到，盡可能根據(jù)需要實現(xiàn)的效果編寫js，而不用從網(wǎng)上找一段代碼直接拿來用，網(wǎng)上的代碼很多功能很全，從而質(zhì)量很大，而其中的很多功能對于我們要實現(xiàn)的效果是沒有任何用處的，所以建議精簡js代碼，從而提高網(wǎng)頁的響應(yīng)速度。

(3)、壓縮js代碼

對于這點(diǎn)，網(wǎng)上也有很多的工具，請百度查詢"js壓縮工具"即可。

(4)、置底js

一般情況下，我們都是把js放到head之間的，這種方式在頁面加載時即會加載，當(dāng)然也就會導(dǎo)致響應(yīng)速度的降低，百度站長平臺建議把js放到頁面最底部，也就是</html>之外。等html加載完畢之后才加載js代碼，當(dāng)然，有部分特殊功能的js代碼是沒有辦法放到頁面底部的，具體請根據(jù)實際情況操作。

三、網(wǎng)站代碼優(yōu)化的注意事項

1、使用DIV+CSS布局網(wǎng)頁?，F(xiàn)在依然有很多站長在制作網(wǎng)站的時候采用table的布局方式，可能考慮到網(wǎng)頁的兼容性和布局的簡易性。但table布局的弊端卻是顯而易見的。采用代碼更加簡練的div+css布局方式，效果更顯著。

2、刪除注釋代碼，注釋代碼對于搜索引擎來說，是非常嘈雜的，無法識別和抓取的，網(wǎng)站SEO代碼優(yōu)化的方法是刪除。

3、使用外部調(diào)用文件，如大段的JS和CSS，都需要使用代碼外部調(diào)用來顯示，寫在頁面的后位置，不要與頁面中的文本元素混淆，以免搜索引擎識別頁面上的文本。

4、針對js圖像特效等，可能會影響網(wǎng)站關(guān)鍵字排名的！有的特效圖像的路徑、說明等都是寫入到j(luò)s中的，這種特效盡量不要使用。

總結(jié)

優(yōu)化猩SEO：網(wǎng)站代碼優(yōu)化主要圍繞title標(biāo)簽、Description標(biāo)簽、Keywords標(biāo)簽、H標(biāo)簽、alt屬性、nofollow屬性，如果要優(yōu)化CSS、Javascript的話，整個網(wǎng)站代碼優(yōu)化的工作量就會比較復(fù)雜。

參考鏈接：

代碼優(yōu)化_百度百科

https://baike.baidu.com/item/%E4%BB%A3%E7%A0%81%E4%BC%98%E5%8C%96/571727?fr=aladdin

修改于2023-07-04