xHTML+CSS網(wǎng)頁(yè)制作和搜索引擎優(yōu)化SEO的關(guān)系

2024-07-11 09:03:11

字體：大中小

供稿：網(wǎng)友

武林網(wǎng)(www.survivalescaperooms.com)文章簡(jiǎn)介：xHTML+CSS與SEO的內(nèi)容，后面章節(jié)會(huì)詳細(xì)給大家介紹，這里就先說一些，讓大家對(duì)xHTML+CSS與SEO有一定的認(rèn)識(shí)，為后面制作頁(yè)面打基礎(chǔ)，畢竟我們做出來的頁(yè)面還是要給搜索引擎看的，所以不能不提提xHTML+CSS與SEO的關(guān)系。

xHTML+CSS與SEO的內(nèi)容，后面章節(jié)會(huì)詳細(xì)給大家介紹，這里就先說一些，讓大家對(duì)xHTML+CSS與SEO有一定的認(rèn)識(shí)，為后面制作頁(yè)面打基礎(chǔ)，畢竟我們做出來的頁(yè)面還是要給搜索引擎看的，所以不能不提提xHTML+CSS與SEO的關(guān)系。

1)將頁(yè)面中最重要的內(nèi)容用h1標(biāo)簽括起來，h1的內(nèi)容就和頁(yè)面title很自然的包含了站點(diǎn)或者頁(yè)面的核心關(guān)鍵詞，搜索引擎很重視h1標(biāo)簽的內(nèi)容喲

2)合理的運(yùn)用h2、h3等標(biāo)題標(biāo)簽，他們對(duì)于頁(yè)面來說就是文章不同的等級(jí)或者不同的功能區(qū)域的標(biāo)志性元素

3)頁(yè)面meta信息不可忽視，一定要包含頁(yè)面核心的內(nèi)容

4)為了便于搜索引擎更方便的抓取，要盡可能的保證HTML頁(yè)面代碼純凈，強(qiáng)調(diào)一下，既然是xHTML+CSS布局頁(yè)面，所以CSS代碼要單獨(dú)寫在一個(gè)文件內(nèi)，保證CSS部分和HTML部分徹底分離；html頁(yè)面中使用id和class，盡可能的避免style="";盡量使用標(biāo)準(zhǔn)的CSS命名規(guī)范，從這里就可以看出你這個(gè)頁(yè)面重構(gòu)師是否專業(yè)喲；盡量使用CSS的縮寫以節(jié)省代碼，例如padding:10px 20px 10px 20px;縮寫為padding:10px 20px;最好不要在HTML頁(yè)面用font、center這種標(biāo)簽。

5)在HTML頁(yè)面中strong標(biāo)簽是可以使用的，可以進(jìn)一步強(qiáng)化關(guān)鍵詞和相應(yīng)的文字信息。

6)頁(yè)面中的javascript代碼會(huì)對(duì)搜索引擎分析頁(yè)面內(nèi)容產(chǎn)生干擾，可以將javascript代碼封裝在一個(gè).js文件中外部調(diào)用。

7)<img />盡可能的加入alt注釋，因?yàn)榘俣群蚲oogle都有搜索圖片的功能，如果加了alt，就更方便搜索蜘蛛的爬行，搜索相應(yīng)關(guān)鍵詞，就可能出現(xiàn)你網(wǎng)站上的圖片，點(diǎn)擊圖片不就進(jìn)入你的網(wǎng)站了嘛，就又多了點(diǎn)流量吧。

上一篇：讓IE可以變相支持CSS3選擇器

下一篇：CSS3制作的精彩的網(wǎng)頁(yè)實(shí)例教程