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