第19章站內(nèi)代碼優(yōu)化

第19章站內(nèi)代碼優(yōu)化本課目標(biāo)認(rèn)識(shí)常用標(biāo)簽、js和css語(yǔ)言對(duì)SEO的作用掌握html中代碼的優(yōu)化方法掌握js、css代碼的優(yōu)化方法22-2月-23目錄html代碼優(yōu)化1js、css代碼優(yōu)化222-2月-23想一想你知道以下這些網(wǎng)頁(yè)是怎么做出來(lái)的嗎？提問(wèn)這些精美的網(wǎng)頁(yè)都是由html、js、css等代碼控制的22-2月-23html代碼優(yōu)化<h>標(biāo)簽<strong>標(biāo)簽<b>標(biāo)簽<img>標(biāo)簽中的alt屬性<a>標(biāo)簽中的title屬性<iframe>標(biāo)簽22-2月-23html代碼優(yōu)化-h標(biāo)簽<h>標(biāo)簽<h>標(biāo)簽是用來(lái)定義標(biāo)題表示強(qiáng)調(diào)的一種標(biāo)簽，有<h1>到<h6>6種不同的級(jí)別，用來(lái)呈現(xiàn)頁(yè)面內(nèi)容的層級(jí)22-2月-23html代碼優(yōu)化-h標(biāo)簽<h>標(biāo)簽對(duì)SEO的作用<h1>和<h2>標(biāo)簽?zāi)芎芎玫耐怀鲲@示頁(yè)面重要標(biāo)題（標(biāo)題含關(guān)鍵詞）提升關(guān)鍵詞與頁(yè)面的相關(guān)性22-2月-23html代碼優(yōu)化-h標(biāo)簽<h>標(biāo)簽的優(yōu)化<h1>或<h2>標(biāo)簽包含關(guān)鍵詞<h1>或<h2>標(biāo)簽在頁(yè)面中只出現(xiàn)一次<h3>、<h4>、<h5>標(biāo)簽SEO作用較小，建議不要亂用<h6>可以用在首頁(yè)友情鏈接處，以降低友情鏈接對(duì)頁(yè)面目標(biāo)關(guān)鍵詞的影響22-2月-23html代碼優(yōu)化<strong>標(biāo)簽介紹：<strong>標(biāo)簽表示強(qiáng)調(diào)的作用，有加強(qiáng)語(yǔ)氣的意思，在瀏覽器中表現(xiàn)為加粗顯示作用：加強(qiáng)語(yǔ)氣突出標(biāo)簽內(nèi)文本內(nèi)容22-2月-23html代碼優(yōu)化<strong>標(biāo)簽對(duì)SEO的作用在頁(yè)面內(nèi)突出關(guān)鍵詞提升關(guān)鍵詞與頁(yè)面的相關(guān)性22-2月-23html代碼優(yōu)化<strong>標(biāo)簽優(yōu)化板塊標(biāo)題使用此標(biāo)簽標(biāo)注文章小標(biāo)題注：請(qǐng)不要在頁(yè)面中大量使用該標(biāo)簽22-2月-23html代碼優(yōu)化<b>標(biāo)簽<b>標(biāo)簽物理性加粗顯示頁(yè)面內(nèi)容22-2月-23html代碼優(yōu)化b標(biāo)簽與<strong>標(biāo)簽的區(qū)別相同點(diǎn)都顯示為加粗效果不同點(diǎn)b標(biāo)簽只是物理性質(zhì)的加粗<strong>標(biāo)簽是語(yǔ)義的強(qiáng)調(diào)結(jié)論建議選擇<strong>標(biāo)簽22-2月-23a標(biāo)簽中的title屬性介紹：為鏈接添加描述性文字作用：鼠標(biāo)懸停在超鏈接上，顯示該超鏈接的文字注釋html代碼優(yōu)化22-2月-23html代碼優(yōu)化a標(biāo)簽中title屬性對(duì)SEO的作用提升關(guān)鍵詞與頁(yè)面的相關(guān)性可調(diào)整關(guān)鍵詞密度22-2月-23html代碼優(yōu)化<img>標(biāo)簽中的alt屬性介紹：alt屬性是介紹圖片信息的22-2月-23<img>標(biāo)簽中的alt屬性介紹：alt屬性是介紹圖片信息的html代碼優(yōu)化22-2月-23html代碼優(yōu)化<img>標(biāo)簽中alt屬性對(duì)SEO的作用讓百度更好的識(shí)別圖片信息，從而使圖片有收錄和排名可以用來(lái)調(diào)整關(guān)鍵詞的密度注意事項(xiàng)alt描述要和圖片內(nèi)容相符alt描述控制在100字符內(nèi)（極限）22-2月-23html代碼優(yōu)化<iframe>標(biāo)簽介紹：<iframe>標(biāo)簽會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架（行內(nèi)框架）作用：頁(yè)面內(nèi)加載其他頁(yè)面及資源22-2月-23html代碼優(yōu)化<iframe>標(biāo)簽對(duì)SEO的作用<iframe>標(biāo)簽內(nèi)的鏈接會(huì)被百度蜘蛛忽略22-2月-23html代碼優(yōu)化<iframe>標(biāo)簽的優(yōu)化盡量減少<iframe>標(biāo)簽的使用百度蜘蛛對(duì)采用太多<iframe>標(biāo)簽的網(wǎng)頁(yè)不太友好22-2月-23目錄html代碼優(yōu)化1js、css代碼優(yōu)化222-2月-23js代碼優(yōu)化js代碼的定義javascript簡(jiǎn)稱js是一門(mén)面向?qū)ο蟮木幊陶Z(yǔ)言，用來(lái)開(kāi)發(fā)網(wǎng)頁(yè)，js可以直接寫(xiě)在網(wǎng)頁(yè)內(nèi)，也可以寫(xiě)在網(wǎng)頁(yè)外調(diào)用22-2月-23js代碼優(yōu)化js代碼對(duì)SEO的作用搜索引擎對(duì)js抓取有壓力影響網(wǎng)頁(yè)的打開(kāi)速度22-2月-23js代碼優(yōu)化js代碼優(yōu)化盡量減少js的數(shù)量和體積采取調(diào)用的形式來(lái)實(shí)現(xiàn)js功能重要鏈接不要加在js里22-2月-23css代碼優(yōu)化css代碼的定義css（cascadingstylesheet）層疊樣式表也叫級(jí)聯(lián)樣式表或者風(fēng)格樣式表，它是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的，使頁(yè)面內(nèi)容呈現(xiàn)出豐富多樣漂亮的效果，利于閱讀，現(xiàn)在css2還在使用，css3是目前最新版本，css可以直接寫(xiě)在網(wǎng)頁(yè)內(nèi)，也可以寫(xiě)在網(wǎng)頁(yè)外調(diào)用22-2月-23css代碼優(yōu)化css代碼對(duì)SEO中的作用精簡(jiǎn)網(wǎng)頁(yè)的代碼體積提高網(wǎng)頁(yè)的打開(kāi)速度22-2月-23總結(jié)