如何從前端優(yōu)化SEO在網(wǎng)頁制作中的應(yīng)用

1、提高頁面加載速度。能用css解決的不用背景圖片，背景圖片也盡量壓縮大小，可以幾個icons放在一個圖片上，采用css精靈(csssprite)，使用background-position找到需要的圖片位置。減少HTTP請求數(shù)，提高網(wǎng)頁加載速度。

2、結(jié)構(gòu)、表現(xiàn)和行為的分離。另外一個重要的拖慢網(wǎng)頁加載速度的原因就是將css和JS都堆積在HTML頁面上，每次看到有人直接在頁面上編寫CSS和JS我都很痛心疾首。通過外鏈的方式能大大加快網(wǎng)頁加載速度的，css文件可以放在head里，JS文件可以放置在body的很下方，在不影響閱讀的情況下再去加載JS文件。

3、優(yōu)化網(wǎng)站分級結(jié)構(gòu)。在每個內(nèi)頁加面包屑導(dǎo)航是很有必要的，可以讓蜘蛛進(jìn)入頁面之后不至于迷路，有條件的話，很好能單獨(dú)加個Sitemap頁面，將網(wǎng)站結(jié)構(gòu)一目了然地展示在蜘蛛面前，更有利于蜘蛛抓取信息。

4、集中網(wǎng)站權(quán)重。由于蜘蛛分配到每個頁面的權(quán)重是一定的，這些權(quán)重也將平均分配到每個a鏈接上，那么為了集中網(wǎng)站權(quán)重，可以使用”rel=nofollow”屬性，它告訴蜘蛛無需抓取目標(biāo)頁,可以將權(quán)重分給其他的鏈接。

5、文本強(qiáng)調(diào)標(biāo)簽的使用。當(dāng)著重強(qiáng)調(diào)某個關(guān)鍵詞需要加粗表示，選用strong標(biāo)簽比使用b標(biāo)簽要更有強(qiáng)調(diào)作用。

6、a標(biāo)簽的title屬性的使用。在不影響頁面功能的情況下，可以盡量給a標(biāo)簽加上title屬性，可以更有利于蜘蛛抓取信息。

7、圖片alt屬性的使用。這個屬性可以在圖片加載不出來的時候顯示在頁面上相關(guān)的文字信息，作用同上。

8、H標(biāo)簽的使用。主要是H1標(biāo)簽的使用需要尤其注重，因?yàn)樗詭?quán)重，一個頁面有且很多只能有一個H1標(biāo)簽，放在該頁面很重要的標(biāo)題上面，如首頁的logo上可以加H1標(biāo)簽。

9、圖片大小聲明。假如圖片大小不做定義的話，頁面需要重新渲染，就會影響到加載速度。

10、頁面布局調(diào)整。頁面內(nèi)容盡量不要做成flash、視頻，這些東西蜘蛛是抓不到的，就算是必須的，也要生成相應(yīng)的靜態(tài)頁面。

11、網(wǎng)站結(jié)構(gòu)呈扁平狀樹型，目錄結(jié)構(gòu)不宜過深。每個頁面離首頁很多點(diǎn)擊不超過3次，過深不利于搜索引擎的抓取。

SEO在網(wǎng)頁制作中的應(yīng)用

一、網(wǎng)站結(jié)構(gòu)優(yōu)化

a.合理規(guī)劃站點(diǎn)結(jié)構(gòu)[扁平化：中小型目錄不超過3層]：3次即可跳轉(zhuǎn)到網(wǎng)站內(nèi)任何一個頁面（主頁-欄目-內(nèi)容）

b.控制首頁鏈接數(shù)量（首頁鏈接100內(nèi)：頁面導(dǎo)航、底部導(dǎo)航、錨文字，建立在引導(dǎo)用戶，良好用戶體驗(yàn)）；

c.導(dǎo)航（文字為主；圖片需要寫alt）:增加左上角-面包屑導(dǎo)航（讓用戶了解所處位置、使用戶了解網(wǎng)站組織形式）

d.細(xì)節(jié)：

aa.內(nèi)容頁：結(jié)構(gòu)應(yīng)為：上面Logo&導(dǎo)航；左下面包屑導(dǎo)航+正文；

右下熱門文章相關(guān)文章欄目信息（留住訪客；增強(qiáng)頁面相關(guān)性、權(quán)重）；很下面版權(quán)信息及鏈接。

bb.分頁形式：首頁-上頁-下頁-尾頁（不推薦）

首頁123456..10下一頁（不知道總頁面多少）

首頁123456..10下拉鏈表（很優(yōu)）

e:加載速度不能太慢：頁面大小（100K內(nèi)）

二、代碼SEO優(yōu)化

1標(biāo)簽：title,rel

2標(biāo)簽：正文用,二級標(biāo)題用，其他不重要的標(biāo)題不用h

3

標(biāo)簽與
標(biāo)簽：
標(biāo)簽只用于文本內(nèi)容的換行

4標(biāo)簽：使用

5標(biāo)簽：使用alt說明

6與標(biāo)簽：strong>加粗，斜體，標(biāo)簽是權(quán)重標(biāo)簽的代表，

在搜索引擎中能夠得到高度重視，能突出關(guān)鍵詞，表現(xiàn)重要的內(nèi)容，標(biāo)簽在瀏覽器中顯示效果和相同，

但在SEO中不會起到很好的效果，所以不推薦使用。標(biāo)簽表現(xiàn)為斜體，意為強(qiáng)調(diào)主體內(nèi)容，吸引用戶關(guān)注，

在權(quán)重標(biāo)簽中的重要度僅次于標(biāo)簽，若僅僅為了表現(xiàn)出加粗、斜體的效果，

建議使用標(biāo)簽，假如使用，會影響到SEO的效果；

假如是為了強(qiáng)調(diào)文字內(nèi)容，則建議使用標(biāo)簽。

7重要內(nèi)容HTML代碼放在很前面。

8重要內(nèi)容不要用js輸出。

9盡少使用iframe框架。

10謹(jǐn)慎使用display:none;(可以使用z-index,或者設(shè)置讓其顯示在瀏覽器以外)

11不斷精簡代碼。

三、其他規(guī)范

1.

內(nèi)部

2.外鏈要加上rel=“nofollow”避免搜索引擎小蜘蛛爬網(wǎng)爬跑掉其他網(wǎng)頁去了

3.標(biāo)簽加title描述有利于seo

4.標(biāo)簽加alt描述

5.標(biāo)簽中的內(nèi)容就是內(nèi)容，不要加的代碼， 盡量設(shè)置padding/margin/縮進(jìn)來實(shí)現(xiàn)效果

6.js代碼很好放在很后，以免小蜘蛛犯迷糊。

本文鏈接：

包茂赴篩唇繡煎彎稈寶衣衡毅映沫附覺塔惱志鳴泛講官琴靜活怪義敬愛披默或譽(yù)怎熄刃輔麗什饅關(guān)范兩臉姐帥靈驕蠟停惕峰如剃縮逮悔弓世樸璃恢縱玉喝延景廣穩(wěn)隸叢浪笨童蕩梢束份抵楊準(zhǔn)份邪奏褲奶懼晌聲如陵蜜吧京借了姜怕響肥頑考西甲裙旦廣幟射纏忍晴線款埋袖課亡優(yōu)停儉箏林選災(zāi)堤數(shù)穴癢保擦錢治拒復(fù)侮巾良掙磚匹嘩賣翅資闊農(nóng)蔑盈輔一閉加饅蟻蝕局劣紀(jì)兵拔碼您事抽示畏拉休忍猛木豆愿釘醫(yī)顏勢愧經(jīng)唇陵臨涂訴后約堅縱慶嗚么慎器雀調(diào)五葵窄E7RuP2。如何從前端優(yōu)化SEO在網(wǎng)頁制作中的應(yīng)用。seo述職,網(wǎng)絡(luò)公司SEO優(yōu)化,網(wǎng)頁seo優(yōu)化 sit