網站優化中,提升權重是一個關鍵目標,它有助于網站在搜索引擎中獲得更高的排名,從而吸引更多的流量。
原創性:定期發布原創、有深度、有價值且與網站主題相關的內容。原創內容能夠增加網站的獨特性和權威性。
內容質量:確保文章內容豐富、結構清晰、語言通順,能夠滿足用戶需求。高質量的內容能夠吸引用戶停留并分享,從而提高網站的曝光度和權重。
深入研究:通過工具分析行業和競爭對手,找到高相關性、高搜索量、競爭適中的關鍵詞。
合理分布:將關鍵詞自然地融入內容中,包括頁面標題、描述、正文、圖片alt標簽等位置。避免過度堆砌關鍵詞,保持自然的語言表達。
高質量鏈接:爭取獲得來自高質量、權威網站的外部鏈接(外鏈)。這可以通過發布優質內容吸引其他網站主動鏈接,或者參與行業論壇、博客等進行友情鏈接交換。
鏈接多樣性:確保外部鏈接來源的多樣性,避免過度依賴少數幾個外部鏈接的鏈接源。
清晰簡潔:設計清晰簡潔的網站架構,便于搜索引擎蜘蛛抓取和方便閱讀。
URL優化:優化網站的URL結構,使其簡短、有意義且包含關鍵詞。
內部鏈接:在網站內部建立合理的鏈接體系,通過內部鏈接將相關頁面相互連接,有助于搜索引擎理解網站內容的層次結構和重要性。
加載速度:確保網站加載速度快,優化圖片、JS和CSS等文件,減少不必要的HTTP請求。
響應式設計:確保網站在所有設備上均能適當顯示和操作,無論是桌面還是移動設備。
積極推廣:在社交媒體平臺上積極推廣網站內容,增加網站的曝光度和流量。
用戶互動:鼓勵用戶參與評論、分享和轉發,提高網站的互動性和用戶粘性。
技術規范:確保網站符合搜索引擎的技術規范,如處理好404錯誤頁面、設置robots.txt文件等。
HTTPS協議:采用HTTPS協議也稱“域名證書和SSL證書”,提高網站的安全性和信任度。
定期更新:定期更新網站內容,保持網站的活躍度和新鮮感。
數據分析:利用網站分析工具分析用戶行為和數據,了解用戶需求,根據分析結果調整優化策略。
提升網站權重需要綜合考慮多個方面,包括內容質量、關鍵詞優化、外部鏈接、網站結構、性能優化、社交媒體互動以及遵守搜索引擎規范等。通過持續優化和迭代,可以逐步提升網站的權重和排名。
于 CSSer 來說,多多少少都會遇到過 “樣式規則不生效?”、“樣式規則被覆蓋?” 等等問題,這些都與 CSS 權重有關系。
我自己是一名從事了多年開發的web前端老程序員,目前辭職在做自己的web前端私人定制課程,今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨,各種框架都有整理,送給每一位前端小伙伴,想要獲取的可以關注我的頭條號并在后臺私信我:前端,即可免費獲取
選擇器匹配原理
在此之前,容我先簡單介紹瀏覽器是怎么通過各種選擇器,把樣式規則和 DOM 元素扯上關系的。
瀏覽器中存在著專門的渲染引擎來渲染 HTML 文檔。這里以 Webkit 內核為例,在啟動渲染流程時,引擎一方面會解析 HTML 文檔,構建 DOM 節點樹(DOM Tree),另一方面會解析樣式文件生成 樣式規則(Style Rules),然后結合分析 DOM 樹和樣式規則生成 渲染樹(Render Tree),最后 布局 和 繪制 出 UI 界面。
Webkit 渲染流程(摘自 https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/)
CSS 的選擇器匹配就發生在 渲染樹 的構建過程。瀏覽器會從 DOM 樹的根節點開始遍歷每個可見節點,對于每個可見節點都會在規則表中查找適配的樣式規則。那么,如此龐大的樣式數據和復雜的選擇器結構,渲染引擎是怎么尋找到適配當前元素的樣式規則呢?
請看下面這個復合選擇器。如果引擎是按照從左向右的順序匹配選擇器,將會導致大量 回溯 的發生:先是在當前節點到 DOM 樹跟節點的路徑上尋找 div 元素,然后沿著分支路徑繼續往下找第二個 div 元素,如果當前路徑找不到,就得回退到上一個 div 元素嘗試另一條分支路徑。如此往復,對性能損耗將會非常嚴重。
div div span .text {}
所以,引擎是采取 從右向左 的順序來匹配選擇器。也就是 從最具體的選擇器開始,如果與當前節點不匹配,則直接拋棄該條規則;如果匹配,只需要沿著路徑往上確認其他選擇器是否也匹配,這樣做可以大大減少無效的匹配數,提高性能。除此之外,引擎還會把不同類型的選擇器(id、class、tag 及其他類型)歸類到哈希表中,進一步減少查找基數。
了解選擇器的匹配原理,有利于我們理解其權重規則,對于編寫簡潔、高效的 CSS 代碼非常有幫助。
CSS 權重
通過不同的方式(內聯樣式、外部樣式表)、不同類型的選擇器組合針對某個元素聲明樣式規則時,如何決定最終哪個聲明會被應用到元素上?這就涉及到 CSS 權重(也指優先級,Specificity)。
圍繞 CSS 權重主要有以下三條規則:
<html> <head> <style> body div { color: red; } html div { color: blue; } </style> </head> <body> <div>測試</div> </body> <html>
<html> <head> <style> #parent { color: red; } span { color: blue; } </style> </head> <body> <div id="parent"> <span>測試</span> </div> </body> <html>
CSS 權重等級
如何比較不同選擇器的權重高低?這里劃分成 5 個權重等級,按照等級 由高到低 的順序:
<div style="color: #fff;">測試</div>
id 選擇器
#demo {}
類選擇器、屬性選擇器、偽類選擇器
.demo {} [type="text"] {} div:hover {} div:first-child {}
需要注意,否定偽類(:not())比較特殊,它不會對權重產生影響,但是 否定偽類內部的選擇器會影響權重。
<html> <head> <style> div#demo span { color: red; } div:not(#demo) span { color: blue; } </style> </head> <body> <div id="demo"> <span>普通 demo</span> <div id="pseudo"> <span>否定偽類 demo</span> </div> </div> </body> <html>
div {} div:before {} div:after {}
除了上述的選擇器之外,通配符選擇器(*) 和 結合符(+、>、~)對優先級沒有影響。
對于復雜的復合選擇器,我們需要逐個等級比較權重大小,不允許跨越等級比較。為了方便計算,我們可以把權重值具象化,每出現一個選擇器就在其對應的等級區間中權重值加 1,參考下面實例:
* {} /* 權重值 0-0-0-0-0 */ div {} /* 權重值 0-0-0-0-1 */ div h1+h2 {} /* 權重值 0-0-0-0-3 */ div, ... div {} /* 權重值 0-0-0-0-n */ #demo a:hover {} /* 權重值 0-0-1-1-1 */
國外大神 把 CSS 權重的計算模擬成海洋生物鏈,選擇器組合權重越大則在生物鏈位置越高,非常淺顯生動,建議收藏。
圖片轉自 https://specifishity.com/
建議
在充分了解 CSS 選擇器匹配原理和權重規則之后,在編寫 CSS 代碼時不妨多注意以下細節:
<html> <head> <style> div { color: red !important; } /* 通過 id選擇器 增加權重 */ #demo { color: blue !important; } </style> </head> <body> <div id="demo">測試</div> </body> <html>
減少不必要的選擇器嵌套,嵌套最好不要超過三級。大量的復合選擇器,會影響選擇器匹配的效率,同時也會增加 CSS 樣式文件的體積,不易維護。
當出現大量嵌套時,我們可以指定一個更具體的類選擇器來替換復合選擇器。
何提升網站權重,應該是困惑很多站長的一個難題,尤其是剛入門的新人。今天分享一篇提高網站權重的十個方法,對你會有所幫助。
提升網站權重的10個方法
一、設置首選域
首選域就是告訴搜索引擎你主推域名。舉個例子:www.xxx.com和www.xxx.com/index.html都可以訪問網站,這里選擇www.xxx.com作為主推域名。
二、URL標準化
每個關鍵詞對應一個url,每個url可以對應幾個關鍵詞。這就叫URL標準化。老飛博客的首選域是www.xxx.net,網站主關鍵詞是:網絡營銷、SEO、網絡推廣。如果“網絡營銷、SEO、網絡推廣”要做錨文本,只能指向www.xxx.net/,這就叫URL標準化。
三、穩定的內容更新
研究關鍵詞,看這些關鍵詞有沒有人搜索,并根據這些關鍵詞組織內容,文章有規律的持續發布。
提升網站權重的10個方法
四、定向錨文本
比如說你這個頁面是關于企業網絡營銷的,那么就用“企業網絡營銷”而不是“網絡營銷”做錨文本指向這個頁面,這就叫定向錨文本。
五、面包屑導航
面包屑導航是告訴讀者所處的位置以及如何返回首頁,如果做進去目標關鍵詞有利于集中網站權重。
六、一句話次導航
次導航一般在頁腳位置,因為主關鍵詞都放在網站標題上了,這個時候把一些搜索量稍小一點的,放在頁腳位置鏈接到首頁,這就叫一句話次導航。
提升網站權重的10個方法
七、站內站
在主站目錄下面再建一個博客或論壇,從而提升主站的權重。
八、友情鏈接
高質量的友情鏈接對于提升網站權重很有幫助,在交換之前要看一下對方的網站是否存在作弊行為。
九、高質量的單向鏈接
如果hao123或者360導航能夠收錄你的網站,給你網站帶來的權重會非常高。
十、301或老域名
如果手頭有資源,把這些老域名301到新域名上,對于提升網站的權重非常有幫助。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。