- 頁(yè)面優(yōu)化的作用：讓網(wǎng)站被搜索引擎搜索到,提高搜索排名

- 頁(yè)面頭部?jī)?yōu)化 頁(yè)面頭部指的是代碼部分，具體一點(diǎn)就是指的“Description（描述）”和“Keywords（關(guān)鍵字）”兩部分：

1、“描述”部分應(yīng)該用近乎描述的語(yǔ)言寫下一段介紹你網(wǎng)站的文字，在這其中，你應(yīng)該適當(dāng)?shù)膶?duì)你網(wǎng)站的特色內(nèi)容加以重復(fù)以求突出；

 2、“關(guān)鍵字”部分應(yīng)該列出你認(rèn)為合適的，能突出網(wǎng)站內(nèi)容的關(guān)鍵字就可以了，關(guān)鍵字不要設(shè)置太多，可設(shè)置10---8個(gè)，搜索引擎只會(huì)瀏覽靠前的幾個(gè)關(guān)鍵字。向搜索引擎說(shuō)明你的網(wǎng)頁(yè)的關(guān)鍵詞； 告訴搜索引擎你的站點(diǎn)的主要內(nèi)容； 

- 超鏈接優(yōu)化搜索引擎為何可以能夠索引全世界的網(wǎng)站，是因?yàn)楦鱾€(gè)搜索引擎程序中都有一個(gè)會(huì)自動(dòng)“爬行”于互聯(lián)網(wǎng)上的智能機(jī)器人程序，這個(gè)機(jī)器人就是順著網(wǎng)站之間的鏈接游覽世界的，那么我們就應(yīng)該為它創(chuàng)造一個(gè)良好的爬行通道——合理的設(shè)置鏈接。 

怎樣的鏈接才是合理的呢？

1、采用純文本鏈接，少用，最好是別用Flash動(dòng)畫設(shè)置鏈接，因?yàn)樗阉饕鏌o(wú)法識(shí)別Flash上的文字. 

2、按規(guī)范書寫超鏈接，這個(gè)title屬性，它既可以起到提示訪客的作用，也可以讓搜索引擎知道它要去哪里.

3、最好別使用圖片熱點(diǎn)鏈接，理由和第一點(diǎn)差不多。

- 圖片優(yōu)化 圖片優(yōu)化并不是修改圖片的大小、顏色，而是你應(yīng)該為每個(gè)標(biāo)簽加上alt屬性。alt屬性的作用是當(dāng)圖片無(wú)法顯示時(shí)以文字作為替代顯示出來(lái)，而對(duì)于SEO來(lái)說(shuō)，它可以令搜索引擎有機(jī)會(huì)索引你網(wǎng)站上的圖片，對(duì)于一些確實(shí)沒(méi)什么意義的圖片，最好也不要省略alt，而應(yīng)該留空，即 alt=""。 

- 結(jié)構(gòu)優(yōu)化

1、壓縮頁(yè)面所在的內(nèi)存大小，盡量控制在100kb左右，因?yàn)樗阉饕嫠阉鞯臅r(shí)候容易爬取

2、充分做到結(jié)構(gòu)樣式行為的分離，盡量不要結(jié)構(gòu)樣式行為混用。 

- css的優(yōu)化

A：合理的整合css文件

B: 后代選擇符的層級(jí)不易過(guò)多，一般保持到4層以內(nèi)

C：正確的使用精靈圖，減少圖片的請(qǐng)求加載次數(shù)

D：注意樣式的冗余，比如設(shè)置了display:inline,但還給元素設(shè)置width height等屬性，這樣的設(shè)置造成屬性無(wú)效但是不影響顯示效果，造成樣式的冗余，文件繁瑣過(guò)大的問(wèn)題

更多關(guān)于web前端培訓(xùn)的問(wèn)題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問(wèn)，獲取試聽資格來(lái)試聽我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。