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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3

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

4標(biāo)簽：使用

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

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

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

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

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

建議使用標(biāo)簽，假如使用，會(huì)影響到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不斷精簡(jiǎn)代碼。

三、其他規(guī)范

1.

內(nèi)部

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

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

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

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

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

本文鏈接：

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