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

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