網(wǎng)頁(yè)前端設(shè)計(jì)師面試需要準(zhǔn)備什么？

時(shí)間：2024-02-13 05:15:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-13 05:15:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

網(wǎng)頁(yè)前端設(shè)計(jì)師面試需要準(zhǔn)備什么？：怎么實(shí)現(xiàn)網(wǎng)頁(yè)優(yōu)化？

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

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

1、“描述”部分應(yīng)該用近乎描述的語(yǔ)言寫(xiě)下一段介紹你網(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)鍵字。

<meta name="keywords" content="" />向搜索引擎說(shuō)明你的網(wǎng)頁(yè)的關(guān)鍵詞；

<meta name="description" content=""/>告訴搜索引擎你的站點(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)畫(huà)設(shè)置鏈接，因?yàn)樗阉饕鏌o(wú)法識(shí)別Flash上的文字.

2、按規(guī)范書(shū)寫(xiě)超鏈接，這個(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)題

如有你有更好的答案，可以在評(píng)論中留言。歡迎關(guān)注陸神，會(huì)持續(xù)分享更多前端干貨內(nèi)容！