SEO站內(nèi)優(yōu)化課件 第10章 SEO站內(nèi)代碼優(yōu)化

SEO站內(nèi)代碼優(yōu)化第10章搜索引擎優(yōu)化(SEO)-初級本課目標(biāo)掌握<h>標(biāo)簽的用法掌握<strong>標(biāo)簽的用法掌握alt屬性和title屬性的用法了解其他html標(biāo)簽的用法知道js和css使用時的注意事項(xiàng)28-2月-23目錄html代碼優(yōu)化1js代碼優(yōu)化2css代碼優(yōu)化328-2月-23想一想你知道以下這些網(wǎng)頁是怎么做出來的嗎？提問這些精美的網(wǎng)頁都是由html、js、css等代碼控制的28-2月-23html代碼優(yōu)化<h>標(biāo)簽<strong>標(biāo)簽<b>標(biāo)簽<img>標(biāo)簽中的alt屬性<a>標(biāo)簽中的title屬性<iframe>標(biāo)簽28-2月-23html代碼優(yōu)化-h標(biāo)簽<h>標(biāo)簽介紹：<h>標(biāo)簽是用來定義標(biāo)題表示強(qiáng)調(diào)的一種標(biāo)簽，有<h1>到<h6>6種不同的級別，用來呈現(xiàn)頁面內(nèi)容的層級28-2月-23html代碼優(yōu)化-h標(biāo)簽<h>標(biāo)簽SEO作用<h1>和<h2>標(biāo)簽?zāi)芎芎玫耐怀鲲@示頁面重要標(biāo)題（標(biāo)題含關(guān)鍵詞）有助于關(guān)鍵詞的排名提升注：<h>標(biāo)簽是網(wǎng)站中表示著重強(qiáng)調(diào)的最重要的標(biāo)簽之一28-2月-23html代碼優(yōu)化-h標(biāo)簽<h>標(biāo)簽為了突出目標(biāo)關(guān)鍵詞，在使用h標(biāo)簽時應(yīng)該注意<h1>標(biāo)簽和<h2>標(biāo)簽，不建議同時使用<h1>標(biāo)簽和<h2>標(biāo)簽在使用的時候建議包含關(guān)鍵詞<h1>標(biāo)簽和<h2>標(biāo)簽在使用的時候建議只出現(xiàn)一次<h3>、<h4>、<h5>標(biāo)簽SEO作用較小，建議不要亂用<h6>可以用在首頁友情鏈接處，以降低友情鏈接對頁面目標(biāo)關(guān)鍵詞的影響28-2月-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)容28-2月-23html代碼優(yōu)化<strong>標(biāo)簽SEO作用在頁面內(nèi)突出關(guān)鍵詞有助于關(guān)鍵詞的排名提升28-2月-23html代碼優(yōu)化<strong>標(biāo)簽注意事項(xiàng)頁面內(nèi)不要有大量的加粗文字頁面內(nèi)非關(guān)鍵詞文本少用此標(biāo)簽一般網(wǎng)站標(biāo)題都需要用此標(biāo)簽常用來標(biāo)注文章小標(biāo)題28-2月-23html代碼優(yōu)化<b>標(biāo)簽介紹：<b>標(biāo)簽用來加粗顯示頁面內(nèi)容作用：標(biāo)簽內(nèi)文本呈現(xiàn)粗體顯示效果28-2月-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)簽28-2月-23a標(biāo)簽中的title屬性介紹：為鏈接添加描述性文字作用：鼠標(biāo)懸停在超鏈接上，顯示該超鏈接的文字注釋html代碼優(yōu)化28-2月-23html代碼優(yōu)化a標(biāo)簽中的title屬性SEO作用增強(qiáng)頁面和關(guān)鍵詞的相關(guān)度可以用來調(diào)整關(guān)鍵詞密度28-2月-23html代碼優(yōu)化a標(biāo)簽中的title屬性注意事項(xiàng)title屬性屬于非必需屬性（可以不用添加）調(diào)整關(guān)鍵詞密度的時候可以考慮瀏覽器不同有不同的顯示效果28-2月-23html代碼優(yōu)化<img>標(biāo)簽中的alt屬性介紹：<img>標(biāo)簽是調(diào)用圖片信息的，而alt屬性是一個必需屬性（一定要有），它規(guī)定在圖像無法顯示時的替代文本28-2月-23<img>標(biāo)簽中的alt屬性作用：在圖片上鼠標(biāo)懸停的時候可以顯示文字注釋html代碼優(yōu)化28-2月-23html代碼優(yōu)化<img>標(biāo)簽中的alt屬性SEO作用讓百度更好的識別圖片信息，從而使圖片有收錄和排名可以用來調(diào)整關(guān)鍵詞的密度，用來保持關(guān)鍵詞密度在2%-8%注意事項(xiàng)alt描述要和圖片內(nèi)容相符alt描述控制在100字符內(nèi)（極限）28-2月-23html代碼優(yōu)化<iframe>標(biāo)簽介紹：<iframe>標(biāo)簽會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架（行內(nèi)框架）作用：頁面內(nèi)加載其他頁面及資源28-2月-23html代碼優(yōu)化<iframe>標(biāo)簽SEO作用<iframe>標(biāo)簽內(nèi)的鏈接會被百度蜘蛛忽略28-2月-23html代碼優(yōu)化<iframe>標(biāo)簽注意事項(xiàng)盡量減少<iframe>標(biāo)簽的使用百度蜘蛛對采用太多<iframe>標(biāo)簽的網(wǎng)頁不太友好28-2月-23js代碼優(yōu)化js代碼的定義和作用javascript簡稱js是一門面向?qū)ο蟮木幊陶Z言，用來開發(fā)網(wǎng)頁，js可以直接寫在網(wǎng)頁內(nèi)，也可以寫在網(wǎng)頁外調(diào)用28-2月-23js代碼優(yōu)化js代碼優(yōu)化注意事項(xiàng)采取調(diào)用的形式來實(shí)現(xiàn)js功能盡量減少js的數(shù)量和體積，防止網(wǎng)頁加載時間過長百度搜索引擎對js還不能完全識別重要鏈接請不要加在js里28-2月-23css代碼優(yōu)化css代碼的定義css（cascadingstylesheet）層疊樣式表也叫級聯(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)用28-2月-23css代碼優(yōu)化css代碼在SEO中的作用css可以突出顯示關(guān)鍵詞，從而增加關(guān)鍵詞和頁面的相關(guān)度，利于提高搜索排名

如：定義文本的顏色、大小、粗體顯示等28-2月-23css代碼優(yōu)化css代碼優(yōu)化注意事項(xiàng)采取調(diào)用的形式來實(shí)現(xiàn)css功能盡量減少css的數(shù)量和體積，防止網(wǎng)頁的加載時間過長注：css一般在團(tuán)隊(duì)里是由前端設(shè)計(jì)人員負(fù)責(zé)