設(shè)計網(wǎng)頁標(biāo)題有以下幾點原則:
1、每個網(wǎng)頁的標(biāo)題都要不同,并且要與自身網(wǎng)頁的內(nèi)容相符合;
2、網(wǎng)頁標(biāo)題設(shè)計簡潔明了,每個頁面的標(biāo)題最好只重點突出1-2個關(guān)鍵詞,不要太多;
3、標(biāo)題設(shè)計不要太長,最好不要超過30個漢字,60個英文字母。
4. 代碼簡潔,CSS不可過多
5. 無論是文章還是網(wǎng)站首頁的內(nèi)容布局,頭部和底部的內(nèi)容盡量要少
6. 網(wǎng)站內(nèi)容的頁面布局要盡量豐富添加 網(wǎng)站地圖 入口
7.網(wǎng)站底部在此添加網(wǎng)站地圖入口,或其它首頁位置
meta標(biāo)簽的設(shè)計:
多個關(guān)鍵詞,可以用逗號隔開,無關(guān)的關(guān)鍵詞,最好不要寫,不要重復(fù)關(guān)鍵詞,關(guān)鍵詞要用小寫,不同網(wǎng)頁的關(guān)鍵詞不要重復(fù),并確信這些關(guān)鍵詞出現(xiàn)在網(wǎng)頁文本中。
設(shè)計description標(biāo)簽的原則:
1、內(nèi)容不要超過250個字符,包括空格;
2、要將網(wǎng)頁內(nèi)容合理的描述;
3、關(guān)鍵詞合理的使用,出現(xiàn)1-3次就可以了,不要出現(xiàn)頻率太高。
優(yōu)秀的網(wǎng)頁內(nèi)容
1、原創(chuàng)的內(nèi)容;
2、網(wǎng)站內(nèi)容豐富;
3、用文本來表現(xiàn)內(nèi)容。
網(wǎng)站關(guān)鍵詞優(yōu)化可以分為站內(nèi)優(yōu)化和站外優(yōu)化:
何為站內(nèi)優(yōu)化:
1.網(wǎng)站首頁關(guān)鍵詞布局優(yōu)化
2.網(wǎng)站內(nèi)頁關(guān)鍵詞布局
3.文章標(biāo)題關(guān)鍵詞布局優(yōu)化
4.文章內(nèi)容關(guān)鍵詞布局優(yōu)化
何為站外優(yōu)化:
1.鏈接包括錨文本鏈接、超鏈接、純文本鏈接等
2.發(fā)布的鏈接要高質(zhì)量,
3.不要發(fā)布垃圾鏈接,對網(wǎng)站造成負(fù)面影響,
網(wǎng)站結(jié)構(gòu)布局
1.網(wǎng)站結(jié)構(gòu)應(yīng)選擇對搜索引擎比較好的結(jié)構(gòu)方式,
2.目前搜索引擎最歡迎的網(wǎng)站結(jié)構(gòu)是F型樹狀結(jié)構(gòu)和扁平樹狀結(jié)構(gòu)的網(wǎng)站,
網(wǎng)站首頁關(guān)鍵詞布局優(yōu)化具體操作
1.網(wǎng)站標(biāo)題應(yīng)盡量包含關(guān)鍵詞,如不能包含,應(yīng)盡量與關(guān)鍵詞相關(guān)
2.網(wǎng)站logo的alt標(biāo)簽包含網(wǎng)站關(guān)鍵詞
3.主導(dǎo)航包含網(wǎng)站關(guān)鍵詞
4.分類目錄包含網(wǎng)站關(guān)鍵詞
網(wǎng)站文章的優(yōu)化
1.文章標(biāo)題應(yīng)包含關(guān)鍵詞,
2.選擇能吸引人們眼球的標(biāo)題或選擇讓人難忘的關(guān)鍵詞,
3.次導(dǎo)航包含網(wǎng)站關(guān)鍵詞
關(guān)鍵詞密度和位置
關(guān)鍵詞密度在3%-8%左右為宜;
利于排名的關(guān)鍵詞位置:
1、網(wǎng)頁標(biāo)題中;
2、meta標(biāo)簽中,注意不要過密;
3、網(wǎng)頁內(nèi)容的大標(biāo)題中;
4、網(wǎng)頁文本中,要合理突出,一般用加粗來突出;
5、圖片注釋標(biāo)簽中,alt注釋一定要簡潔明了,如:alt="關(guān)鍵詞",千萬不要太長,一個網(wǎng)頁中不要有重復(fù)的alt描述;
6、超鏈接注釋中,title="包含關(guān)鍵詞的鏈接描述"。
標(biāo)簽優(yōu)化標(biāo)準(zhǔn)
1. <title>頁面標(biāo)題</title>
2. <meta name="keywords" content="關(guān)鍵詞“ />
3. <meta name="description" content="網(wǎng)站描述“ />
4.<h1>頁面主題主題</h1>
5. <h2>頁面相關(guān)性標(biāo)題</h2>
6.<h3>頁面相關(guān)性標(biāo)題</h3> ......
7. <img src="xxx.jpg" alt="圖片說明">
8.<a href="/" title="鏈接說明">鏈接詞</a>
9.<strong>關(guān)鍵詞強調(diào)</strong>
10.<u>關(guān)鍵詞強調(diào)</u>
11.<em>關(guān)鍵詞強調(diào)</em>
比較重要的標(biāo)簽有Title標(biāo)簽、H標(biāo)簽、強調(diào)標(biāo)簽
Ttile標(biāo)簽是所有網(wǎng)頁里面最重要的標(biāo)簽,H標(biāo)簽次之,強調(diào)標(biāo)簽在三者最后。
<1> Title:標(biāo)題的布局一般我們會采用完整匹配和分詞匹配,很少用到絕對匹配的形式。
<2> Keywords:基本被大多數(shù)搜索引擎拋棄,已經(jīng)不作為搜索排名的因素。
<3> Description:不僅是網(wǎng)站的一種簡單自我介紹,還是給用戶提供信息閱讀的重要標(biāo)簽。用戶關(guān)注的,搜索引擎不會拋棄。在用戶搜索結(jié)果頁面描述信息的關(guān)注度大約為30%。
<4> H標(biāo)簽:H標(biāo)簽當(dāng)中數(shù)H1的權(quán)重最高,H1相當(dāng)于我們一篇作文的標(biāo)題,H2、H3等標(biāo)簽是屬于頁面的相關(guān)性主題標(biāo)簽。除了H1標(biāo)簽其他都可以多次使用。
<5> Strong Em U:這三個標(biāo)簽的作用差別不大,都是對于網(wǎng)頁的關(guān)鍵詞起到加強的作用,直至現(xiàn)在,仍然有很多人誤以為<b>、<i>等標(biāo)簽的使用也可以達(dá)到同樣的效果。
頁面代碼優(yōu)化包括5大環(huán)節(jié)
1、 空格字符是網(wǎng)頁中最常見的垃圾代碼。但并不是指 標(biāo)簽,而是有代碼編輯環(huán)境下敲擊空格所產(chǎn)生的符號,每個空格相當(dāng)一個字符,格字符最常出現(xiàn) 在代碼的開始和結(jié)束處,還有就是空行中。這些都是容易產(chǎn)生垃圾代碼的地方。消除這樣的垃圾代碼的方法就是選中代碼然后按shift+tab鍵左對齊。
2、 盡量不讓CSS分散在HTML標(biāo)記里,盡量封裝到外部調(diào)用文件
3、 CSS可以以調(diào)用的方式,避免同樣的標(biāo)簽重復(fù)寫樣式,從而達(dá)到精簡代碼的效果。另外,CSS有3種調(diào)用方式
4、 《1》頭部調(diào)用,也就是在<head>和</head>之間,這樣是最不明智的,如果內(nèi)容少則影響不大,否則大大增加頁面的體積,還占用了頂部的重要位置。
《2》主體調(diào)用,例子如下:
<body>
<p tyle="font:Arial, helvetica,sans-serif; font-size:9px; line-height:12pt">我的網(wǎng)頁</p>
</body>
這樣的調(diào)用方式既不能發(fā)揮CSS的優(yōu)勢,又大大增加頁面的代碼量。
5、 《3》外部調(diào)用
也就是把CSS樣式內(nèi)容放到外部文件中,使CSS樣式和頁面分離,這樣可以減少頁面的代碼量,而且還不會占用頁面頂部的重要位置.
同理js也要外部調(diào)用