雖然seo更多的是關(guān)于操作，外鏈關(guān)鍵字的分布是一個(gè)沉重而長(zhǎng)期的項(xiàng)目，但作為網(wǎng)站建設(shè)者，我們也有一些值得注意的地方，以及幫助seo，下面是從前端的角度來(lái)優(yōu)化網(wǎng)站。

提高頁(yè)面加載速度。CSS可以用來(lái)解決不使用背景圖像的問(wèn)題，也可以嘗試壓縮背景圖像的大小，可以在一張圖片上放置幾個(gè)圖標(biāo)，使用背景位置來(lái)找到所需的圖像位置。它可以減少HTTP請(qǐng)求的數(shù)量，提高網(wǎng)頁(yè)的加載速度。

結(jié)構(gòu)、性能和行為的分離。降低網(wǎng)頁(yè)加載速度的另一個(gè)重要原因是在HTML頁(yè)面上堆疊CSS和JS。每次我看到有人直接在頁(yè)面上寫CSS和JS，我都很難過(guò)。外部鏈接的方式可以大大加快網(wǎng)頁(yè)的加載速度，CSS文件可以放在頭上，JS文件可以放在正文的底部，然后加載JS文件而不影響閱讀。

優(yōu)化網(wǎng)站的層次結(jié)構(gòu)。為了引導(dǎo)蜘蛛，需要在每個(gè)內(nèi)部頁(yè)面添加面包屑，這樣蜘蛛就不會(huì)在進(jìn)入頁(yè)面后丟失。如果條件允許，單獨(dú)添加一個(gè)站點(diǎn)地圖頁(yè)面，并在蜘蛛面前一目了然地顯示網(wǎng)站的結(jié)構(gòu)，這更有利于蜘蛛掌握信息。

集中網(wǎng)站權(quán)重。由于蜘蛛分配給每個(gè)頁(yè)面的權(quán)重是確定的，并且這些權(quán)重將平均分配給每個(gè)鏈接，為了集中網(wǎng)站的權(quán)重，我們可以使用“rel=nofollow”屬性，告訴蜘蛛可以將權(quán)重分配給其他鏈接而不必抓取目標(biāo)頁(yè)面。

文本強(qiáng)調(diào)標(biāo)簽的使用。當(dāng)強(qiáng)調(diào)需要用粗體表示關(guān)鍵字時(shí)，選擇強(qiáng)標(biāo)記比使用B標(biāo)記更重要。

標(biāo)簽的標(biāo)題屬性的使用。在不影響頁(yè)面功能的情況下，我們可以嘗試在標(biāo)簽中添加標(biāo)題屬性，這樣更有利于蜘蛛爬行信息。

對(duì)圖像使用alt屬性。此屬性可以在無(wú)法加載圖片時(shí)在頁(yè)面上顯示相關(guān)的文本信息，效果相同。

使用H標(biāo)簽。主要是h1標(biāo)簽的使用需要特別注意，因?yàn)樗凶约旱臋?quán)重，一個(gè)頁(yè)面有并且只能有一個(gè)h1標(biāo)簽，放在頁(yè)面重要的標(biāo)題上，比如首頁(yè)的logo可以加h1標(biāo)簽。

精簡(jiǎn)碼

清除網(wǎng)頁(yè)中的一些冗余代碼，網(wǎng)頁(yè)上有工具，可以幫助完成。如果需要，我們可以刪除代碼中的注釋，甚至是空行等等，以小化代碼量，從而減小頁(yè)面的大小。

圖片合并

一般來(lái)說(shuō)，它是圖像合并，可以將網(wǎng)站上的一些常見(jiàn)的小圖片合并成一張圖片，然后使用CSS技術(shù)調(diào)用圖片的不同部分。這可以大大減少HTTP請(qǐng)求量，當(dāng)頁(yè)面加載時(shí)，速度快得多，現(xiàn)在很多大中型網(wǎng)站都在使用這種前端加速技術(shù)，效果也很好。

指定圖片的寬度和高度

這也很容易被許多人忽視。在頁(yè)面中，請(qǐng)為每個(gè)圖片指定寬度屬性和高度屬性。加載頁(yè)面后，瀏覽器將提前預(yù)留一個(gè)固定位置。圖片下面的代碼可以繼續(xù)下載而不需要等待，這提高了并行下載的速度和頁(yè)面加載的速度。

啟用Keep-Alive屬性

活下去可以理解為一種長(zhǎng)期的聯(lián)系。在啟用Keep-Alive屬性之前，在執(zhí)行HTTP請(qǐng)求后，瀏覽器請(qǐng)求到服務(wù)器的連接將立即斷開(kāi)。當(dāng)啟用concement的keep-alive屬性時(shí)，連接可以保持一段時(shí)間，從而提高頁(yè)面加載速度。

使用瀏覽器緩存

緩存技術(shù)可以用來(lái)加速頁(yè)面的加載，并為不經(jīng)常更改的文件設(shè)置相對(duì)較長(zhǎng)的過(guò)期時(shí)間，這樣當(dāng)用戶訪問(wèn)網(wǎng)站時(shí)，他會(huì)在瀏覽器中留下緩存。當(dāng)他下一次請(qǐng)求時(shí)，留在緩存中的組件將不再需要向服務(wù)器發(fā)送HTTP請(qǐng)求，這會(huì)降低瀏覽器向網(wǎng)站發(fā)出HTTP請(qǐng)求的能力。服務(wù)器發(fā)送的HTTP請(qǐng)求數(shù)提高了頁(yè)面加載速度，這在一些圖片較多的網(wǎng)站中非常明顯。我們應(yīng)該善于使用緩存技術(shù)。

啟用gzip壓縮

大中型網(wǎng)站基本上支持gzip壓縮。如果使用虛擬主機(jī)，可以讓服務(wù)提供商為您啟用它。如果您有一個(gè)服務(wù)器，那么您自己?jiǎn)⒂盟欠浅：?jiǎn)單的。為什么gzip壓縮速度會(huì)加快？因?yàn)楫?dāng)gzip被啟用時(shí)網(wǎng)站服務(wù)器在向您傳輸數(shù)據(jù)之前被壓縮。將數(shù)據(jù)傳輸?shù)綖g覽器時(shí)，會(huì)再次進(jìn)行解壓，以便在瀏覽器上正常顯示，壓縮率可以達(dá)到很高的水平，效果非常好。一般來(lái)說(shuō)，啟用壓縮后，搜索引擎對(duì)網(wǎng)站的爬行也會(huì)增加。

在前端速度優(yōu)化方面還有很多工作要做，比如大公司啟用的cdn加速、圖像的無(wú)損壓縮、使用一些專業(yè)工具壓縮css、js文件、在網(wǎng)頁(yè)頭部聲明字符集、小化重定向、指定后修改的或etag頭等。當(dāng)然，所有這些都涉及到一些技術(shù)。頁(yè)面前端優(yōu)化是一個(gè)系統(tǒng)工程，需要技術(shù)、SEO、操作和維護(hù)才能完成，但投資是值得的。