整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          網站優化中提升權重的方法有哪些-

          網站優化中提升權重的方法有哪些?

          網站優化中,提升權重是一個關鍵目標,它有助于網站在搜索引擎中獲得更高的排名,從而吸引更多的流量。

          1. 提供高質量內容

          原創性:定期發布原創、有深度、有價值且與網站主題相關的內容。原創內容能夠增加網站的獨特性和權威性。

          內容質量:確保文章內容豐富、結構清晰、語言通順,能夠滿足用戶需求。高質量的內容能夠吸引用戶停留并分享,從而提高網站的曝光度和權重。

          2. 關鍵詞研究與優化

          深入研究:通過工具分析行業和競爭對手,找到高相關性、高搜索量、競爭適中的關鍵詞。

          合理分布:將關鍵詞自然地融入內容中,包括頁面標題、描述、正文、圖片alt標簽等位置。避免過度堆砌關鍵詞,保持自然的語言表達。

          3. 外部鏈接建設

          高質量鏈接:爭取獲得來自高質量、權威網站的外部鏈接(外鏈)。這可以通過發布優質內容吸引其他網站主動鏈接,或者參與行業論壇、博客等進行友情鏈接交換。

          鏈接多樣性:確保外部鏈接來源的多樣性,避免過度依賴少數幾個外部鏈接的鏈接源。

          4. 網站結構優化

          清晰簡潔:設計清晰簡潔的網站架構,便于搜索引擎蜘蛛抓取和方便閱讀。

          URL優化:優化網站的URL結構,使其簡短、有意義且包含關鍵詞。

          內部鏈接:在網站內部建立合理的鏈接體系,通過內部鏈接將相關頁面相互連接,有助于搜索引擎理解網站內容的層次結構和重要性。

          5. 網站性能優化

          加載速度:確保網站加載速度快,優化圖片、JS和CSS等文件,減少不必要的HTTP請求。

          響應式設計:確保網站在所有設備上均能適當顯示和操作,無論是桌面還是移動設備。

          6. 社交媒體與互動

          積極推廣:在社交媒體平臺上積極推廣網站內容,增加網站的曝光度和流量。

          用戶互動:鼓勵用戶參與評論、分享和轉發,提高網站的互動性和用戶粘性。

          7. 遵守搜索引擎規范

          技術規范:確保網站符合搜索引擎的技術規范,如處理好404錯誤頁面、設置robots.txt文件等。

          HTTPS協議:采用HTTPS協議也稱“域名證書和SSL證書”,提高網站的安全性和信任度。

          8. 持續優化與迭代

          定期更新:定期更新網站內容,保持網站的活躍度和新鮮感。

          數據分析:利用網站分析工具分析用戶行為和數據,了解用戶需求,根據分析結果調整優化策略。

          提升網站權重需要綜合考慮多個方面,包括內容質量、關鍵詞優化、外部鏈接、網站結構、性能優化、社交媒體互動以及遵守搜索引擎規范等。通過持續優化和迭代,可以逐步提升網站的權重和排名。

          于 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 權重主要有以下三條規則:

          • 權重不同的樣式規則作用于同一元素時,權重高的規則生效;
          • 權重相同的樣式規則作用于同一元素時,后聲明的規則生效;
          • 選擇器在 DOM 中的位置關系不會對規則產生影響。
          <html>
           <head>
           <style>
           body div {
           color: red;
           }
           html div {
           color: blue;
           }
           </style>
           </head>
           <body>
           <div>測試</div>
           </body>
          <html>
          


          • 這里的 body 標簽元素在 DOM 中離目標 div 更近,但最后還是按照樣式規則的聲明順序來決定。
          • 直接作用于元素的樣式規則優先級高于從祖先元素繼承的規則;
          <html>
           <head>
           <style>
           #parent {
           color: red;
           }
           span {
           color: blue;
           }
           </style>
           </head>
           <body>
           <div id="parent">
           <span>測試</span>
           </div>
           </body>
          <html>
          


          CSS 權重等級

          如何比較不同選擇器的權重高低?這里劃分成 5 個權重等級,按照等級 由高到低 的順序:

          • !important 關鍵字
          • 內聯樣式
          <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>
          


          • 實例中,:not(#demo) 的權重值和 #demo 的權重值是相等的,所以后面聲明的樣式規則成功生效。
          • 標簽選擇器偽元素選擇器
          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 代碼時不妨多注意以下細節:

          • 盡量不要使用 !important,尤其是在 對外提供的插件全站范圍的樣式表 中,這會對模塊代碼中的樣式覆蓋帶來非常大的麻煩。
          • !important 關鍵字的權重值為 1-0-0-0-0,只需要按照權重規則繼續累加權重值即可覆蓋該樣式屬性。
          <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到新域名上,對于提升網站的權重非常有幫助。


          主站蜘蛛池模板: 中文字幕乱码人妻一区二区三区 | 无码一区二区三区免费视频| 春暖花开亚洲性无区一区二区 | 三级韩国一区久久二区综合| 麻豆高清免费国产一区| 亚洲国产成人久久一区久久| 一本大道在线无码一区| 国产亚洲日韩一区二区三区| 一区二区在线视频免费观看| 国产午夜精品一区二区三区极品 | 日韩精品电影一区亚洲| 精品一区二区三区东京热| 国产美女口爆吞精一区二区| 亚洲中文字幕丝袜制服一区| 精品一区二区三区在线观看视频| 果冻传媒董小宛一区二区| 无码人妻精品一区二区三| 无码人妻久久久一区二区三区| 熟女少妇精品一区二区| 日本精品高清一区二区2021| 人妻互换精品一区二区| 国产精品无码一区二区三区不卡| 亚洲国产精品一区二区九九| 精品一区二区三区在线观看l| 精品乱人伦一区二区三区| 日韩社区一区二区三区| 相泽南亚洲一区二区在线播放| 日韩好片一区二区在线看| 久久久久人妻一区精品性色av| 国产免费一区二区三区不卡| 中文字幕精品一区| 国产福利精品一区二区| 日本免费电影一区二区| 久久无码人妻一区二区三区午夜| 日产精品久久久一区二区| 中字幕一区二区三区乱码 | 午夜福利一区二区三区在线观看| 午夜福利一区二区三区在线观看| 精品无码一区二区三区电影| 糖心vlog精品一区二区三区| 日本一区二区三区在线网 |