前端SEO優化

2021-09-17 22:34:57 字數 2499 閱讀 1192

全稱:search english optimization,搜尋引擎優化。

是一種方式:利用搜尋引擎的規則提高**在有關搜尋引擎內的自然排名。

通過**的結構布局設計和網頁**優化,使前端頁面既能讓瀏覽器使用者能夠看懂,也能讓「蜘蛛」看懂。

建立的**結構層次越少,越容易被「蜘蛛」抓取,也就容易被收錄。一般中小型**目錄結構不要超過**。

1.控制首頁鏈結數量

**首頁是權重最高的地方。首頁鏈結不能太少,沒有「橋」,「蜘蛛」不能繼續往下爬到內頁,直接影響**收錄數量。首頁鏈結也不能太多,一旦太多,沒有實質性的鏈結,很容易影響使用者體驗,也會降低**首頁的權重,收錄效果也不好。

2.扁平化的目錄層次

3.導航優化

導航應該盡量採用文字方式,若要搭配導航,

其次,在每乙個網頁上應該加上麵包屑導航,好處:從使用者體驗方面來說,可以讓使用者了解當前所處的位置以及當前頁面在整個**中的位置,幫助使用者很快了解**組織形式,從而形成更好的位置感,同時提供了返回各個頁面的介面,方便使用者操作;對「蜘蛛」而言,能夠清楚的了解**結構,同時還增加了大量的內部鏈結,方便抓取,降低跳出率。

4. **的結構布局--不可忽略的細節

頁面頭部:logo及主導航,以及使用者的資訊。

5.控制頁面的大小,減少http請求,提高**的載入速度。

乙個頁面最好不要超過100k,太大,頁面載入速度慢。當速度很慢時,使用者體驗不好,留不住訪客,並且一旦超時,「蜘蛛」也會離開。

(2)網頁**優化

4.中的標籤:盡量讓**語義化,在適當的位置使用適當的標籤,用正確的標籤做正確的事。讓閱讀原始碼者和「蜘蛛」都一目了然。比如:h1-h6 是用於標題類的,標籤是用來設定頁面主導航的等。

5.標籤:頁內鏈結,要加 「title」 屬性加以說明,讓訪客和 「蜘蛛」 知道。而外部鏈結,鏈結到其他**的,則需要加上 el="nofollow" 屬性, 告訴 「蜘蛛」 不要爬,因為一旦「蜘蛛」爬了外部鏈結之後,就不會再回來了。

7.標籤:只用於文字內容的換行,比如:

第一行文字內容

第二行文字內容

第三行文字內容

8.**應該使用**標題標籤

9.11.、標籤: 只是用於顯示效果時使用,在seo中不會起任何效果。

14.重要內容不要用js輸出,因為「蜘蛛」不認識

15.盡量少使用iframe框架,因為「蜘蛛」一般不會讀取其中的內容

16.謹慎使用 display:none :對於不想顯示的文字內容,應當設定z-index或設定到瀏覽器顯示器之外。因為搜尋引擎會過濾掉display:none其中的內容。

18.js**如果是操作dom操作,應盡量放在body結束標籤之前,html**之後。

19.做好40x和500頁面

(3)精簡**

清除網頁中一些冗餘的**,網上有這樣的工具,可以輔助完成,如果需要的話,我們可以把**中的注釋去掉,甚至空行之類的也去掉,盡量的減少**量,從而減小頁面體積。

1.css sprites 

通俗點講,就是合併,可以把**中一些比較通用的小,合併到一張上,然後利用css技術來分別呼叫不同的部分。這樣可以大大的減少http的請求量,在網頁載入的時候,速度就快很多,現在很多大中型**都在用這個前端加速技術,效果也是很不錯的。

3.啟用keep-alive屬性 

keep-alive你可以理解為長連線,在沒有啟用keep-alive屬性之前,瀏覽器向伺服器請求的connection是即連即斷的,執行一次http請求完成後,馬上斷開這個連線的,而啟用conncetion的keep-alive屬性之後,這個連線可以保持一段時間,從而可以提高頁面載入的速度。

4.使用瀏覽器快取 

可以使用快取技術來提高頁面的載入速度,為一些不經常變化的檔案,設定乙個相對較長的過期時間,這樣當使用者訪問**後,就會在它的瀏覽器中留下緩 存,當它在下次請求的時候,留在快取中的元件就不用再向伺服器發出http請求了,這樣減少了瀏覽器向**伺服器發出的http請求數,從而提高了頁面加 載速度,這在一些比較多的**,效果是非常明顯的,我們要善於使用快取技術。

5.啟用gzip壓縮 

大中型**,基本都啟用了gzip壓縮,如果你使用的是虛擬主機,你可以讓服務商為你啟用,如果自己有伺服器,自己啟用也很簡單的,為什麼啟用gzip壓縮就會加快速度呢,因為當啟用了gzip後,**伺服器向你傳輸資料之前,是經過壓縮了的,當傳輸到你的瀏覽器後,會再被解壓縮的,從而可以在 你的瀏覽器上正常顯示,而且壓縮率可以達到很多高,效果非常好。一般你啟用了壓縮後,搜尋引擎對你**的抓取量也是上公升了的。 

6.cdn加速和反向**

sdn和反向**的基本原理都是快取。區別在於cdn部署在網路提供商的機房,使使用者在請求**服務時,可以從距離自己最近的網路提供商機房獲取資料;而反向**則部署在**的中心機房,當使用者請求到達中心機房後,首先訪問的伺服器反向**伺服器,如果反向**伺服器中快取著使用者請求的資源,就將其直接返回給使用者。

使用這兩個技術,都是為了:一方面加快使用者訪問速度,另一方面也減輕了後端伺服器的負載壓力。

主要內容取自

SEO前端優化

精減 清除網頁中一些冗餘的 網上有這樣的工具,可以輔助完成,如果需要的話,我們可以把 中的注釋去掉,甚至空行之類的也去掉,盡量的減少 量,從而減小頁面體積。css sprites 通俗點講,就是合併,可以把 中一些比較通用的小,合併到一張上,然後利用css技術來分別呼叫不同的部分。這樣可以大大的減少...

前端SEO優化

一般而言,建立的 結構層次越少,越容易被 蜘蛛 抓取,也就容易被收錄。一般中小型 目錄結構超過 蜘蛛 便不願意往下爬,萬一天黑迷路了怎麼辦 並且 根據相關調查 訪客如果經過跳轉3次還沒找到需要的資訊,很可能離開。因此,三層目錄結構也是體驗的需要。為此我們需要做到 1.控制首頁鏈結數量 首頁是權重最高...

前端seo優化

一.結構優化 頁面鏈結結構不要巢狀太多 導航的標籤必須新增 alt 和 title 屬性,告訴搜尋引擎導航的定位,做到即使未能正常顯示時,使用者也能看到提示文字。控制頁面的大小,減少http請求,提高 的載入速度,載入時間過長,爬蟲會離開,不再爬取 二.優化 4.中的標籤 盡量讓 語義化,在適當的位...