了解了HTML的基本信息以及幾個(gè)基本標(biāo)簽的使用方法，對(duì)于SEO人員來說是不夠的。
 
要做好網(wǎng)站優(yōu)化，SEO人員更需要掌握網(wǎng)站代碼的優(yōu)化方法，這才是SEO工作的重點(diǎn)之一.


 
1. HTML基本標(biāo)簽優(yōu)化
 
優(yōu)化方法。hTML基本標(biāo)簽中，有一些是對(duì)網(wǎng)站優(yōu)化有促進(jìn)作用的。接下來，介紹五種重要標(biāo)簽的
 
(1) <h#>標(biāo)簽
 
<h#>標(biāo)簽是用來定義標(biāo)題、表示強(qiáng)調(diào)的一一種標(biāo)簽。 根據(jù)<h1>到<h6>六種不同的級(jí)別，來呈現(xiàn)頁面內(nèi)容的層級(jí)。
 
經(jīng)常使用的是<hl>、<h2>這兩個(gè)<h#>標(biāo)簽，在使用<h1>、<h2>標(biāo)簽時(shí)建議包含關(guān)鍵詞，可以提升關(guān)鍵詞在頁面中的權(quán)重。由于<h3>、<h4>、<h5>的強(qiáng)調(diào)作用較小以至可以忽略，所以在網(wǎng)站優(yōu)化中基本上用不到。<h6>可 以用在首頁友情鏈接處，以降低友情鏈接對(duì)頁面目標(biāo)關(guān)鍵詞的影響。
 
<hl>標(biāo)簽是對(duì)頁面最重要部分的強(qiáng)調(diào)，一般用在頁面標(biāo)題上。需要注意的是，在同一個(gè)頁面中<h1>標(biāo)簽只能出現(xiàn)-對(duì)，若在頁面中出現(xiàn)多個(gè)<h1>標(biāo)簽會(huì)對(duì)網(wǎng)站關(guān)鍵詞排名造成不利影響。因此SEO人員在分析網(wǎng)站源代碼時(shí)，若發(fā)現(xiàn)網(wǎng)站源代碼中有大量的<h1>標(biāo)簽，應(yīng)保留一對(duì)，剩余的用其他標(biāo)簽替換。
 
<h2>標(biāo)簽在同一頁面中一般也出現(xiàn)一對(duì)，通常使用在欄目名稱、文章段落標(biāo)題或小標(biāo)題中。雖然<h#>標(biāo)簽對(duì)網(wǎng)站優(yōu)化有著積極的影響，但如果亂用同樣會(huì)帶來不利的后果，切忌將<h#>標(biāo)簽用在整段內(nèi)容中。
 
(2) <strong>標(biāo)簽
 
<strong>標(biāo)簽表示強(qiáng)調(diào)，有加強(qiáng)語氣的作用，在頁面中表現(xiàn)為加粗顯示。在包含關(guān)鍵詞的位置使用<strong>標(biāo)簽，有助于在頁面內(nèi)突出關(guān)鍵詞，提升關(guān)鍵詞與頁面的相關(guān)性。
 
<strong>標(biāo)簽一般應(yīng)用 在網(wǎng)站版塊標(biāo)題、文章小標(biāo)題處，圖4.12所示是在文章小標(biāo)題處添加<strong>標(biāo)簽。
 
說到夏天旅行，可能很多人第一反應(yīng)就是炎炎夏日哪有什么好玩。令人研異的是青島就是這樣一座城市，青島的夏天最是出名最是好玩，快跟小編一起來看看。什么去青島旅游最好呢?
 
青島的春天，雖然短暫，卻有這個(gè)海濱小城一年里最美的花季。櫻花、海棠花、君桃花、梧桐花、槐花，在大街小巷和各處山坡隨處可見，整個(gè)城市沉漫在暗香浮動(dòng)中。夏天可以算的青島最很漫的季節(jié)。建石叢中的浪花，錢灘上的螃蟹和貝殼，對(duì)外地人未遠(yuǎn)充滿無分的樂德。
 
秋天在青島如果你不仔細(xì)留意少有的那么幾天清激透明有藍(lán)天白云的日子，如果你不仔細(xì)盯住楓、棕、銀古等樹木容顧的安化，青島的秋天幾乎稍縱即逝，很難在記憶里留下點(diǎn)滴印象青島的冬天，和中國北方任何一個(gè)地方一樣，黑冷，策條。但卻是青島一年中游人最少季節(jié)，當(dāng)然如果有一場不期而遇的大雪，你將見到嶗山最美麗的時(shí)刻。
 
注意，在網(wǎng)站中使用strog>標(biāo)簽時(shí)，切忌頁面中大段文字、頁面內(nèi)非關(guān)鍵詞使用此標(biāo)簽。在HTML代碼中，<b>標(biāo)簽也是用來加粗顯示頁面內(nèi)容的標(biāo)簽，但是該標(biāo)簽只是起到加粗的效果，沒有強(qiáng)調(diào)作用。
 
因此在優(yōu)化網(wǎng)站時(shí)，當(dāng)文本中包含關(guān)鍵詞時(shí)建議選擇<strong>標(biāo)簽。
 
(3) <img標(biāo)簽中的alt屬性 <im標(biāo)簽是表示圖片信息的標(biāo)簽，而山屬性是 個(gè)必需屬性，在-img標(biāo)簽中添加山
 
屬性，一是為了通過altl屬性對(duì)圖片進(jìn)行說明，告訴搜索引華圖片的含義:是為了提高用戶 體驗(yàn)，在<img>缺少tile 屬性時(shí)，當(dāng)鼠標(biāo)移動(dòng)到圖片上展現(xiàn)的文字信息即為山屬性內(nèi)容。身外，當(dāng)圖片不能正常顯示時(shí)，a屬性中的文字將替代圖片進(jìn)行展示。<img>標(biāo)簽中alt屬性對(duì)SEO的作用包括，可以使搜索引擎更好地識(shí)別圖片信息，從而使
 
圖片有收錄和排名: alt屬性的內(nèi)容可以是頁面所優(yōu)化的關(guān)鍵詞，因此，<img-標(biāo)簽中的a山屬性可以用來調(diào)整頁面關(guān)鍵詞的密度。優(yōu)化<img>標(biāo)簽的alt屬性時(shí)，需娶保證all 屬性中的內(nèi)容要和圖片相符，字?jǐn)?shù)控制在100個(gè)字符以內(nèi)。
 
(4) <a標(biāo)簽中的title 屬性 <a>標(biāo)簽中的tile屬性是為鏈接添加描述性文字，鼠標(biāo)指針懸停在超鏈接上，顯示該超鏈接的文字注釋。
 
<a>標(biāo)簽的title 屬性內(nèi)容可以是要跳轉(zhuǎn)的頁面所優(yōu)化的關(guān)鍵詞，因此為<a>標(biāo)簽添加tile屬性可以增強(qiáng)頁面和關(guān)鍵詞的相關(guān)性，還可以調(diào)整頁面關(guān)鍵詞的密度。因此，當(dāng)頁面中需要調(diào)整關(guān)鍵詞密度時(shí)，可以考慮添加上該屬性。
 
(5) <iframe>標(biāo)簽。<ifame>標(biāo)簽會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架(行內(nèi)框架)，在頁面內(nèi)加載其他頁面及資源。
 
<iframe>標(biāo)簽會(huì)導(dǎo)致搜索引擎蜘蛛抓取困難，搜索引擎的蜘蛛不會(huì)識(shí)別在<ifame>中被調(diào)用的圖片、文本、URL等內(nèi)容，因?yàn)檫@些內(nèi)容不屬于該頁面，只是訪問的時(shí)候被臨時(shí)調(diào)用的，建議不要使用。
 
如果網(wǎng)站中必須要添加<iframe>框架結(jié)構(gòu)，如何優(yōu)化呢?網(wǎng)站頂部不要使用，一般放在中間或尾部。
 
盡量減少<ifame>標(biāo)簽的使用。一個(gè)頁面的<ifame標(biāo)簽不要太多，般不超過兩個(gè)。<ifame>框架內(nèi)的內(nèi)容盡量簡單，一般就是一個(gè)圖片或者簡單的網(wǎng)頁。
 
SEO人員在檢查網(wǎng)站<ifame>標(biāo)簽時(shí)，直接在網(wǎng)站源代碼中搜索<fame>，判斷其使用是否合理。若不合理，可以配合技術(shù)人員進(jìn)行修改，去掉不必要的內(nèi)聯(lián)框架。
 
2. JS、CSS代碼優(yōu)化
 
(1) JS代碼優(yōu)化
 
如今搜索引擎對(duì)用戶體驗(yàn)的關(guān)注度越來越高，這就要求SEO人員在優(yōu)化網(wǎng)站時(shí)不僅要做好自身網(wǎng)站內(nèi)容的建設(shè)，還要做好用戶體驗(yàn)的優(yōu)化。網(wǎng)頁打開速度是影響用戶體驗(yàn)的一個(gè)重要進(jìn)行優(yōu)化。因素，要提升網(wǎng)頁打開速度，除了可以選擇更好的服務(wù)器之外，同時(shí)也可以對(duì)網(wǎng)站自身的代碼。
 
網(wǎng)頁中最影響網(wǎng)頁打開速度的因素是什么?是網(wǎng)站中的JavaSript代碼。JavaSript 簡稱頁外調(diào)用。JS，它是一門面向?qū)ο蟮木幊陶Z言，用來開發(fā)網(wǎng)頁，IS可以直接寫在網(wǎng)頁內(nèi)。
 
網(wǎng)頁中引用的JS文件越多，打開速度越慢。網(wǎng)絡(luò)上關(guān)于JS優(yōu)化的資料有很多，但大多技術(shù)性很強(qiáng)，像變量、字符串、類型，本章主要介紹JS怎樣放置、如何刪減。
 
也影響了網(wǎng)站速度。網(wǎng)頁要實(shí)現(xiàn)強(qiáng)大的功能，必須使用JS文件。正是這些JS文件，在增強(qiáng)網(wǎng)站功能的同時(shí)，總體來說，關(guān)于JS優(yōu)化通常有以下三種方法:
 
1)將不重要的JS放在頁面最底部
 
這是最簡單也是效果最好的優(yōu)化方法。將不重要的JS全部放到頁面的最底部。實(shí)現(xiàn)異步加載，也就是等網(wǎng)頁都加載完了再加載這些不重要的JS，這樣就不影響網(wǎng)頁速度了。
 
合并JS文件的目的是減少HTTP請(qǐng)求，向服務(wù)器請(qǐng)求越少，打開速度越快，而合并多個(gè)原本獨(dú)立的JS文件需要一一些技巧。 因?yàn)镴S是可關(guān)聯(lián)型的，可能前面的JS代碼中聲明的變量在后面的JS代碼中也需要調(diào)用。如果順序顛倒，JS 調(diào)用未定義的變量就會(huì)出錯(cuò)。所以JS -定要按順序合并，從上到下，包括JS文件以及JS代碼。
 
合并JS網(wǎng)站設(shè)計(jì)文件案例。body主體中間的“test(index)；”代碼中的“index”變量是在第一個(gè)文件common.js中聲明的。如果把這段代碼放到合并的JS文件中第一行，那么肯定會(huì)出錯(cuò)。所以應(yīng)該按照從上到下的順序，先把common.js里的代碼放在合并的JS文件中的起始處，然后再放“test(index)；"， 接著再放html.js里的代碼，完成合并。