關於前端SEO優化學習筆記 如何做好前端優化

2021-10-14 08:00:33 字數 1900 閱讀 7802

能用css解決的不用背景,背景也盡量壓縮大小,可以幾個icons放在乙個上,採用css精靈圖技術(css sprite),使用background-position找到需要的位置,減少http請求數,提高網頁載入速度。

不要把css和js放在同乙個頁面,採用外鏈的方式能大大加快網頁載入速度。

在每個內頁加麵包屑導航

由於蜘蛛分配到每個頁面的權重是一定的,這些權重也將平均分配到每個a鏈結上,那麼為了集中**權重,可以使用」rel=nofollow」屬性,它告訴蜘蛛無需抓取目標頁,可以將權重分給其他的鏈結。

避免使用b標籤加粗,而是使用strong標籤加粗文字

在不影響頁面功能的情況下,可以盡量給a標籤加上title屬性,可以更有利於蜘蛛抓取資訊。

主要是h1標籤的使用需要特別注意,因為它自帶權重,乙個頁面有且最多只能有乙個h1標籤,放在該頁面最重要的標題上面,如首頁的logo上可以加h1標籤。

1.標籤有開有合,規範編寫**。

2.避免冗餘**,例如去除空格字元。

3.合理利用標籤語義化,如:像標題(h1~h6)、列表(li)、強調(strong em)等等。

4.合理的巢狀規則,避免行元素內巢狀塊元素。

5.img標籤內需要新增title屬性和alt屬性。

6.a標籤內需要新增title屬性。

7.meta標籤的優化(過去搜尋引擎優化的重要手法,現在已經不是關鍵因素,但仍不可忽略)主要包括:meta description、meta keywords的設定,關鍵字密度要適度,通常為2%-8%,也就是說你的關鍵字必須在頁面**現若干次,或者在搜尋引擎允許的範圍內,要避免堆砌關鍵字。

8.

tl

e>

tle>

頁面標題,必須列出資訊的標題、**的名稱以及相關關鍵字,避免堆關鍵字。

9.合理使用注釋。

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

11.文字縮排不要使用特殊符號katex parse error: expected 'eof', got '&' at position 1: &̲nbsp; 應當使用css進行設定。

12.版權符號不要使用特殊符號1.避免將css**寫在標籤內。

2.如果css**量少,可直接寫在頭部。否則請使用外部引入的方式

3.請不要使用萬用字元選擇器* 這不僅僅因為它是緩慢和低效率的方法,而且還會導致一 些不必要的元素也重置了外邊距和內邊距。

4.css**縮寫可以提高你寫**的速度,精簡你的**量,包括margin,padding,border ,font, background和顏色值等。

5.利用css繼承,如果乙個父元素內有多個子元素擁有相同的樣式,可將相同的樣式定義在元素上。

6.如果多個元素擁有相同的樣式,可定義乙個通用的class或使用群組選擇器。

7.使用背景圖合併技術:通過css sprites 精靈圖技術將多個整合到乙個中可以有效減少**的http請求數,從而實現減少**載入時間。

8.適當的**注釋。

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

1.採用外部引入的方法。

2.合理合併js**,可減少伺服器的壓力。

3.良好的js**習慣。例如:減少頁面重繪,減少作用域鏈上的查詢次數。

前端如何SEO優化

全稱 search english optimization,搜尋引擎優化。自從有了搜尋引擎,seo便誕生了。3.在 上合理設定robot.txt檔案 通過 的結構布局設計和網頁 優化,使前端頁面既能讓瀏覽器使用者能夠看懂,也能讓 蜘蛛 看懂。一般而言,建立的 結構層次越少,越容易被 蜘蛛 抓取,也...

web前端 網路優化學習筆記

訊息從傳送端到接收端需要的時間,是訊號傳播距離和速度的函式 把訊息中的所有位元轉移到鏈路中需要的時間,是訊息長度和鏈路速率的函式 處理分組首部 檢查位錯誤及確定分組目標所需的時間 到來的分組排隊等待處理的時間 1.syn。傳送端傳送syn分組,包含乙個隨機序列號x 2.syn ack。接收端在接收到...

mysql優化學習筆記

定位執行效率低的sql語句 通過explain分析效率低的sql 通過show profile分析sql 通過trace分析優化器如何選擇執行計畫 確定問題,採取措施優化 匹配全值,條件所有列都在索引中而且是等值匹配 匹配值的範圍查詢,字段必須在索引中 匹配最左字首,復合索引只會根據最左列進行查詢 ...