頁面如何做SEO優(yōu)化?從 web方面SEO優(yōu)化
2022-05-30 分類： 網(wǎng)站建設(shè)
提高頁面加載速度。 能用css解決的不用背景圖片，背景圖片也盡量壓縮大小，可以幾個(gè)icons放在一個(gè)圖片上，采用css精靈(css sprite)，使用background-position找到需要的圖片位置。減少HTTP請(qǐng)求數(shù)，提高網(wǎng)頁加載速度。一個(gè)頁面最好不要超過100k，太大，頁面加載速度慢。當(dāng)速度很慢時(shí)，用戶體驗(yàn)不好，留不住訪客，并且一旦超時(shí)，“蜘蛛”也會(huì)離開。
結(jié)構(gòu)、表現(xiàn)和行為的分離。另外一個(gè)重要的拖慢網(wǎng)頁加載速度的原因就是將css和JS都堆積在HTML頁面上，每次看到有人直接在頁面上編寫CSS和JS我都很痛心疾首。通過外鏈的方式能大大加快網(wǎng)頁加載速度的，css文件可以放在head里，JS文件可以放置在body的最下方，在不影響閱讀的情況下再去加載JS文件。
圖片大小聲明。如果圖片大小不做定義的話，頁面需要重新渲染，就會(huì)影響到加載速度。
控制首頁鏈接數(shù)量
網(wǎng)站首頁是權(quán)重高的地方，如果首頁鏈接太少，沒有“橋”，“蜘蛛”不能繼續(xù)往下爬到內(nèi)頁，直接影響網(wǎng)站收錄數(shù)量。但是首頁鏈接也不能太多，一旦太多，沒有實(shí)質(zhì)性的鏈接，很容易影響用戶體驗(yàn)，也會(huì)降低網(wǎng)站首頁的權(quán)重，收錄效果也不好。
因此對(duì)于中小型企業(yè)網(wǎng)站，建議首頁鏈接在100個(gè)以內(nèi)，鏈接的性質(zhì)可以包含頁面導(dǎo)航、底部導(dǎo)航、錨文字鏈接等等，注意鏈接要建立在用戶的良好體驗(yàn)和引導(dǎo)用戶獲取信息的基礎(chǔ)之上。
扁平化的目錄層次，盡量讓“蜘蛛”只要跳轉(zhuǎn)3次，就能到達(dá)網(wǎng)站內(nèi)的任何一個(gè)內(nèi)頁。扁平化的目錄結(jié)構(gòu)，比如：“植物”--> "水果" --> "蘋果"、“桔子”、“香蕉”，通過3級(jí)就能找到香蕉了。
導(dǎo)航優(yōu)化
導(dǎo)航應(yīng)該盡量采用文字方式，也可以搭配圖片導(dǎo)航，但是圖片代碼一定要進(jìn)行優(yōu)化，<img>標(biāo)簽必須添加“alt”和“title”屬性，告訴搜索引擎導(dǎo)航的定位，做到即使圖片未能正常顯示時(shí)，用戶也能看到提示文字。
其次，在每一個(gè)網(wǎng)頁上應(yīng)該加上面包屑導(dǎo)航，好處：從用戶體驗(yàn)方面來說，可以讓用戶了解當(dāng)前所處的位置以及當(dāng)前頁面在整個(gè)網(wǎng)站中的位置，幫助用戶很快了解網(wǎng)站組織形式，從而形成更好的位置感，同時(shí)提供了返回各個(gè)頁面的接口，方便用戶操作；對(duì)“蜘蛛”而言，能夠清楚的了解網(wǎng)站結(jié)構(gòu)，同時(shí)還增加了大量的內(nèi)部鏈接，方便抓取，降低跳出率。
網(wǎng)站的結(jié)構(gòu)布局
頁面頭部：logo及主導(dǎo)航，以及用戶的信息。
頁面主體：左邊正文，包括面包屑導(dǎo)航及正文；右邊放熱門文章及相關(guān)文章，好處：留住訪客，讓訪客多停留，對(duì)“蜘蛛”而言，這些文章屬于相關(guān)鏈接，增強(qiáng)了頁面相關(guān)性，也能增強(qiáng)頁面的權(quán)重。
頁面底部：版權(quán)信息和友情鏈接。
特別注意：分頁導(dǎo)航寫法，推薦寫法：“首頁 1 2 3 4 5 6 7 8 9 下拉框”，這樣“蜘蛛”能夠根據(jù)相應(yīng)頁碼直接跳轉(zhuǎn)，下拉框直接選擇頁面跳轉(zhuǎn)。而下面的寫法是不推薦的，“首頁 下一頁 尾頁”，特別是當(dāng)分頁數(shù)量特別多時(shí)，“蜘蛛”需要經(jīng)過很多次往下爬，才能抓取，會(huì)很累、會(huì)容易放棄。
網(wǎng)頁代碼優(yōu)化
1.<title>標(biāo)題：只強(qiáng)調(diào)重點(diǎn)即可，盡量把重要的關(guān)鍵詞放在前面，關(guān)鍵詞不要重復(fù)出現(xiàn)，盡量做到每個(gè)頁面的<title>標(biāo)題中不要設(shè)置相同的內(nèi)容。
2.<meta keywords>標(biāo)簽：關(guān)鍵詞，列舉出幾個(gè)頁面的重要關(guān)鍵字即可，切記過分堆砌。
3.<meta description>標(biāo)簽：網(wǎng)頁描述，需要高度概括網(wǎng)頁內(nèi)容，切記不能太長，過分堆砌關(guān)鍵詞，每個(gè)頁面也要有所不同。
4.<body>中的標(biāo)簽：盡量讓代碼語義化，在適當(dāng)?shù)奈恢檬褂眠m當(dāng)?shù)臉?biāo)簽，用正確的標(biāo)簽做正確的事。讓閱讀源碼者和“蜘蛛”都一目了然。比如：h1-h6 是用于標(biāo)題類的，<nav>標(biāo)簽是用來設(shè)置頁面主導(dǎo)航的等。
5.<a>標(biāo)簽：頁內(nèi)鏈接，要加 “title” 屬性加以說明，讓訪客和 “蜘蛛” 知道。而外部鏈接，鏈接到其他網(wǎng)站的，則需要加上 el="nofollow" 屬性, 告訴 “蜘蛛” 不要爬，因?yàn)橐坏爸┲搿迸懒送獠挎溄又?，就不?huì)再回來了。
6.正文標(biāo)題要用<h1>標(biāo)簽：“蜘蛛” 認(rèn)為它最重要，若不喜歡<h1>的默認(rèn)樣式可以通過CSS設(shè)置。盡量做到正文標(biāo)題用<h1>標(biāo)簽，副標(biāo)題用<h2>標(biāo)簽, 而其它地方不應(yīng)該隨便亂用 h 標(biāo)題標(biāo)簽。
7.<br>標(biāo)簽：只用于文本內(nèi)容的換行，比如:
<p>
第一行文字內(nèi)容<br/>
第二行文字內(nèi)容<br/>
第三行文字內(nèi)容
</p>
8.表格應(yīng)該使用<caption>表格標(biāo)題標(biāo)簽
9.<img>應(yīng)使用 "alt" 屬性加以說明
10.<strong>、<em>標(biāo)簽 : 需要強(qiáng)調(diào)時(shí)使用。<strong>標(biāo)簽在搜索引擎中能夠得到高度的重視，它能突出關(guān)鍵詞，表現(xiàn)重要的內(nèi)容，<em>標(biāo)簽強(qiáng)調(diào)效果僅次于<strong>標(biāo)簽。
<b>、<i>標(biāo)簽: 只是用于顯示效果時(shí)使用，在SEO中不會(huì)起任何效果。
10、文本縮進(jìn)不要使用特殊符號(hào) 應(yīng)當(dāng)使用CSS進(jìn)行設(shè)置。版權(quán)符號(hào)不要使用特殊符號(hào) © 可以直接使用輸入法，拼“banquan”，選擇序號(hào)5就能打出版權(quán)符號(hào)©。
12、巧妙利用CSS布局，將重要內(nèi)容的HTML代碼放在最前面，最前面的內(nèi)容被認(rèn)為是最重要的，優(yōu)先讓“蜘蛛”讀取，進(jìn)行內(nèi)容關(guān)鍵詞抓取。
13.重要內(nèi)容不要用JS輸出，因?yàn)椤爸┲搿辈徽J(rèn)識(shí)
14.盡量少使用iframe框架,因?yàn)椤爸┲搿币话悴粫?huì)讀取其中的內(nèi)容
15.謹(jǐn)慎使用 display：none ：對(duì)于不想顯示的文字內(nèi)容，應(yīng)當(dāng)設(shè)置z-index或設(shè)置到瀏覽器顯示器之外。因?yàn)樗阉饕鏁?huì)過濾掉display:none其中的內(nèi)容。
16. 不斷精簡代碼
17.js代碼如果是操作DOM操作，應(yīng)盡量放在body結(jié)束標(biāo)簽之前，html代碼之后。
結(jié)構(gòu)、表現(xiàn)和行為的分離。另外一個(gè)重要的拖慢網(wǎng)頁加載速度的原因就是將css和JS都堆積在HTML頁面上，每次看到有人直接在頁面上編寫CSS和JS我都很痛心疾首。通過外鏈的方式能大大加快網(wǎng)頁加載速度的，css文件可以放在head里，JS文件可以放置在body的最下方，在不影響閱讀的情況下再去加載JS文件。
圖片大小聲明。如果圖片大小不做定義的話，頁面需要重新渲染，就會(huì)影響到加載速度。
控制首頁鏈接數(shù)量
網(wǎng)站首頁是權(quán)重高的地方，如果首頁鏈接太少，沒有“橋”，“蜘蛛”不能繼續(xù)往下爬到內(nèi)頁，直接影響網(wǎng)站收錄數(shù)量。但是首頁鏈接也不能太多，一旦太多，沒有實(shí)質(zhì)性的鏈接，很容易影響用戶體驗(yàn)，也會(huì)降低網(wǎng)站首頁的權(quán)重，收錄效果也不好。
因此對(duì)于中小型企業(yè)網(wǎng)站，建議首頁鏈接在100個(gè)以內(nèi)，鏈接的性質(zhì)可以包含頁面導(dǎo)航、底部導(dǎo)航、錨文字鏈接等等，注意鏈接要建立在用戶的良好體驗(yàn)和引導(dǎo)用戶獲取信息的基礎(chǔ)之上。
扁平化的目錄層次，盡量讓“蜘蛛”只要跳轉(zhuǎn)3次，就能到達(dá)網(wǎng)站內(nèi)的任何一個(gè)內(nèi)頁。扁平化的目錄結(jié)構(gòu)，比如：“植物”--> "水果" --> "蘋果"、“桔子”、“香蕉”，通過3級(jí)就能找到香蕉了。
導(dǎo)航優(yōu)化
導(dǎo)航應(yīng)該盡量采用文字方式，也可以搭配圖片導(dǎo)航，但是圖片代碼一定要進(jìn)行優(yōu)化，<img>標(biāo)簽必須添加“alt”和“title”屬性，告訴搜索引擎導(dǎo)航的定位，做到即使圖片未能正常顯示時(shí)，用戶也能看到提示文字。
其次，在每一個(gè)網(wǎng)頁上應(yīng)該加上面包屑導(dǎo)航，好處：從用戶體驗(yàn)方面來說，可以讓用戶了解當(dāng)前所處的位置以及當(dāng)前頁面在整個(gè)網(wǎng)站中的位置，幫助用戶很快了解網(wǎng)站組織形式，從而形成更好的位置感，同時(shí)提供了返回各個(gè)頁面的接口，方便用戶操作；對(duì)“蜘蛛”而言，能夠清楚的了解網(wǎng)站結(jié)構(gòu)，同時(shí)還增加了大量的內(nèi)部鏈接，方便抓取，降低跳出率。
網(wǎng)站的結(jié)構(gòu)布局
頁面頭部：logo及主導(dǎo)航，以及用戶的信息。
頁面主體：左邊正文，包括面包屑導(dǎo)航及正文；右邊放熱門文章及相關(guān)文章，好處：留住訪客，讓訪客多停留，對(duì)“蜘蛛”而言，這些文章屬于相關(guān)鏈接，增強(qiáng)了頁面相關(guān)性，也能增強(qiáng)頁面的權(quán)重。
頁面底部：版權(quán)信息和友情鏈接。
特別注意：分頁導(dǎo)航寫法，推薦寫法：“首頁 1 2 3 4 5 6 7 8 9 下拉框”，這樣“蜘蛛”能夠根據(jù)相應(yīng)頁碼直接跳轉(zhuǎn)，下拉框直接選擇頁面跳轉(zhuǎn)。而下面的寫法是不推薦的，“首頁 下一頁 尾頁”，特別是當(dāng)分頁數(shù)量特別多時(shí)，“蜘蛛”需要經(jīng)過很多次往下爬，才能抓取，會(huì)很累、會(huì)容易放棄。
網(wǎng)頁代碼優(yōu)化
1.<title>標(biāo)題：只強(qiáng)調(diào)重點(diǎn)即可，盡量把重要的關(guān)鍵詞放在前面，關(guān)鍵詞不要重復(fù)出現(xiàn)，盡量做到每個(gè)頁面的<title>標(biāo)題中不要設(shè)置相同的內(nèi)容。
2.<meta keywords>標(biāo)簽：關(guān)鍵詞，列舉出幾個(gè)頁面的重要關(guān)鍵字即可，切記過分堆砌。
3.<meta description>標(biāo)簽：網(wǎng)頁描述，需要高度概括網(wǎng)頁內(nèi)容，切記不能太長，過分堆砌關(guān)鍵詞，每個(gè)頁面也要有所不同。
4.<body>中的標(biāo)簽：盡量讓代碼語義化，在適當(dāng)?shù)奈恢檬褂眠m當(dāng)?shù)臉?biāo)簽，用正確的標(biāo)簽做正確的事。讓閱讀源碼者和“蜘蛛”都一目了然。比如：h1-h6 是用于標(biāo)題類的，<nav>標(biāo)簽是用來設(shè)置頁面主導(dǎo)航的等。
5.<a>標(biāo)簽：頁內(nèi)鏈接，要加 “title” 屬性加以說明，讓訪客和 “蜘蛛” 知道。而外部鏈接，鏈接到其他網(wǎng)站的，則需要加上 el="nofollow" 屬性, 告訴 “蜘蛛” 不要爬，因?yàn)橐坏爸┲搿迸懒送獠挎溄又?，就不?huì)再回來了。
6.正文標(biāo)題要用<h1>標(biāo)簽：“蜘蛛” 認(rèn)為它最重要，若不喜歡<h1>的默認(rèn)樣式可以通過CSS設(shè)置。盡量做到正文標(biāo)題用<h1>標(biāo)簽，副標(biāo)題用<h2>標(biāo)簽, 而其它地方不應(yīng)該隨便亂用 h 標(biāo)題標(biāo)簽。
7.<br>標(biāo)簽：只用于文本內(nèi)容的換行，比如:
<p>
第一行文字內(nèi)容<br/>
第二行文字內(nèi)容<br/>
第三行文字內(nèi)容
</p>
8.表格應(yīng)該使用<caption>表格標(biāo)題標(biāo)簽
9.<img>應(yīng)使用 "alt" 屬性加以說明
10.<strong>、<em>標(biāo)簽 : 需要強(qiáng)調(diào)時(shí)使用。<strong>標(biāo)簽在搜索引擎中能夠得到高度的重視，它能突出關(guān)鍵詞，表現(xiàn)重要的內(nèi)容，<em>標(biāo)簽強(qiáng)調(diào)效果僅次于<strong>標(biāo)簽。
<b>、<i>標(biāo)簽: 只是用于顯示效果時(shí)使用，在SEO中不會(huì)起任何效果。
10、文本縮進(jìn)不要使用特殊符號(hào) 應(yīng)當(dāng)使用CSS進(jìn)行設(shè)置。版權(quán)符號(hào)不要使用特殊符號(hào) © 可以直接使用輸入法，拼“banquan”，選擇序號(hào)5就能打出版權(quán)符號(hào)©。
12、巧妙利用CSS布局，將重要內(nèi)容的HTML代碼放在最前面，最前面的內(nèi)容被認(rèn)為是最重要的，優(yōu)先讓“蜘蛛”讀取，進(jìn)行內(nèi)容關(guān)鍵詞抓取。
13.重要內(nèi)容不要用JS輸出，因?yàn)椤爸┲搿辈徽J(rèn)識(shí)
14.盡量少使用iframe框架,因?yàn)椤爸┲搿币话悴粫?huì)讀取其中的內(nèi)容
15.謹(jǐn)慎使用 display：none ：對(duì)于不想顯示的文字內(nèi)容，應(yīng)當(dāng)設(shè)置z-index或設(shè)置到瀏覽器顯示器之外。因?yàn)樗阉饕鏁?huì)過濾掉display:none其中的內(nèi)容。
16. 不斷精簡代碼
17.js代碼如果是操作DOM操作，應(yīng)盡量放在body結(jié)束標(biāo)簽之前，html代碼之后。
網(wǎng)頁題目：頁面如何做SEO優(yōu)化?從 web方面SEO優(yōu)化
文章源于：http://www.rwnh.cn/news3/161203.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站營銷、動(dòng)態(tài)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、建站公司、云服務(wù)器
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 怎么選擇合格的成都網(wǎng)絡(luò)公司 2022-05-30
- 新網(wǎng)站如何快速提高流量方法 2022-05-30
- 網(wǎng)頁設(shè)計(jì)中的視覺效果，網(wǎng)頁設(shè)計(jì)的彩的心理感覺 2022-05-30
- 美業(yè)連鎖品牌如何轉(zhuǎn)戰(zhàn)微商城加盟？ 2022-05-30
- 海外App推廣方法 2022-05-30
- 創(chuàng)新互聯(lián)拍攝的宣傳片怎么能更符合企業(yè) 2022-05-30
- 網(wǎng)頁側(cè)邊欄導(dǎo)航設(shè)計(jì)優(yōu)缺點(diǎn) 2022-05-30
- 無錫建站一定要先明確建站的目的 2022-05-30
- 如何全面理解“低成本營銷”,怎么做才對(duì)? 2022-05-30
- 在無錫移動(dòng)網(wǎng)頁設(shè)計(jì)中的七個(gè)注意事項(xiàng) 2022-05-30
- 微博營銷怎么做快來看這四招 2022-05-30
- 一些元素居中的寫法 2022-05-30
- 用溫度淡化一切黑丸美再造現(xiàn)象級(jí)品牌營銷 2022-05-30
- 創(chuàng)新互聯(lián)淺析品牌詞建設(shè)的重要性和技巧 2022-05-30
- 設(shè)計(jì)資訊:設(shè)計(jì)的UCS法則 2022-05-30
- PHP中二維數(shù)組轉(zhuǎn)為一維數(shù)組的2種方法 2022-05-30
- mysql字段拼接以及mysql字段拼接后使用like語句 2022-05-30
- 口碑營銷的技巧 2022-05-30
- 企業(yè)網(wǎng)絡(luò)營銷方案書寫技巧 2022-05-30