網(wǎng)站制作過(guò)程中針對(duì)網(wǎng)站優(yōu)化的注意事項(xiàng)-沈陽(yáng)易勢(shì)科技有限公司

build網(wǎng)站制作

build網(wǎng)站制作當(dāng)前位置：首頁(yè)>主要服務(wù)>網(wǎng)站制作

網(wǎng)站制作過(guò)程中針對(duì)網(wǎng)站優(yōu)化的注意事項(xiàng)

一、優(yōu)化原則

在不影響原外觀的情況下

1. 不要把整個(gè)頁(yè)面放到一個(gè)table里面。

2. 不要嵌套太多表格，因?yàn)楸砀裥枰a全部下載才能顯示出來(lái)。

3. 不要用太大、太多Flash動(dòng)畫。

4. 不要用太多JavaScript特效，用戶是來(lái)看內(nèi)容不是看特效。

5. 盡量把大圖切成小圖，可以再次利用的圖片就無(wú)需再另切圖了。

二、優(yōu)化技巧

1. 使用靜態(tài)頁(yè)面可以有效減少服務(wù)器資源占用。

2. 重復(fù)使用的樣式寫到外部CSS文件，一般是整站一個(gè)共用CSS文件，各獨(dú)立欄目共用一個(gè)CSS文件，某頁(yè)面特有的可以寫在本頁(yè)面內(nèi)。

3. 需要從數(shù)據(jù)庫(kù)讀取但又不經(jīng)常更換的內(nèi)容，寫到單獨(dú)JS文件，例如各個(gè)欄目，內(nèi)容是從數(shù)據(jù)庫(kù)獲取的，但又不會(huì)頻繁更換

4. 需要鏈接外部的Flash、圖片等，可以用iframe標(biāo)簽，避免外部網(wǎng)絡(luò)延遲而拖慢整體頁(yè)面顯示。

三、網(wǎng)頁(yè)優(yōu)化

A.切圖步驟

1) 從整體布局考慮分塊。

2) 劃線分割。

3) 隱藏不需要的內(nèi)容。

4) 輸出html文件（如分多層切圖，重復(fù)第三步驟）。

5) 用Dreamwaver等網(wǎng)頁(yè)工具打開，整理表格。

6) 編寫CSS文件。

B.切圖技巧

1) 盡量按規(guī)則表格方式切，因?yàn)榍泻笠话阌眯枰稀?/p>

2) 表格需要全部下載才能顯示出來(lái)，盡量把大表格分成橫向并排的表格。

3) 盡可能新建網(wǎng)頁(yè)，新建表格把切好的圖塊手動(dòng)放進(jìn)去，因?yàn)镻S、Fireworks切圖生成的網(wǎng)頁(yè)文件有很多垃圾代碼。

4) 文字盡量用文本格式寫在網(wǎng)頁(yè)源碼，方便修改。

四、內(nèi)部?jī)?yōu)化

SEO全稱是Search Engine Optimization，即針對(duì)搜索的優(yōu)化。網(wǎng)站在推出之后，最大的難點(diǎn)莫過(guò)于推廣，而通過(guò)搜索引擎帶來(lái)的流量是不可忽視的，如何通過(guò)優(yōu)化代碼使搜索引擎最大限度的收錄，也就成為重要課題。

1.明確的標(biāo)題，即<title>標(biāo)簽
例如搜索“沈陽(yáng)網(wǎng)站制作”，搜索結(jié)果有2個(gè)頁(yè)面，一個(gè)標(biāo)題包含“沈陽(yáng)網(wǎng)站制作”，另一個(gè)只包含在正文<body>標(biāo)簽中，第一個(gè)頁(yè)面會(huì)排第一位。
根據(jù)觀察，各搜索引擎都會(huì)對(duì)標(biāo)題進(jìn)行截?cái)?，具體為baidu20字、google30字、Yahoo20字、MSN Search25字（均為中文）
所以標(biāo)題不能過(guò)長(zhǎng)，要跟正文內(nèi)容符合，易勢(shì)科技，標(biāo)題可以為“易勢(shì)科技網(wǎng)絡(luò)有限公司”

2.META標(biāo)記
<meta name="description" content="網(wǎng)頁(yè)簡(jiǎn)述">
<meta name="keywords" content="關(guān)鍵字">

3.鏈接文本
文章、新聞經(jīng)常標(biāo)題過(guò)長(zhǎng)，為了頁(yè)面美觀而不得不截短，加入title屬性，一來(lái)有利于訪客閱讀完整標(biāo)題，也有利于搜索引擎的收錄
<a href=”test.htm” title=” 淺談Flash ActionScript代碼優(yōu)化”>淺談Flash ActionScr…</a>。

4.另外其它如<h1><input>都可以加入關(guān)鍵字。

5.XHTML標(biāo)簽和屬性全部要小寫，比如<BODY><HEAD><BR />。

6.標(biāo)簽注意要關(guān)閉，常見的比如<br /><input />等，還有<img src="" alt="" />，別把a(bǔ)lt屬性忘記了。

7.不用<font>標(biāo)簽，可以用<span>標(biāo)簽加CSS定義。

8.XHTML不具備HTML標(biāo)簽所有屬性和值，例如居中align='absmiddle'，在XHTML里面是沒(méi)有absmiddle值的，只有top/bottom/right/left/center，某些屬性例如onload也被廢除了。

9.<script></script>要放在<head></head>之間，共有的寫出單獨(dú)文件再在網(wǎng)頁(yè)導(dǎo)入。

10.盡量用div布局而不用table，但table還是可以用的。

11.標(biāo)題代碼：<h1>-<h7>，其中<h1>的權(quán)重最大，依次類推，通常網(wǎng)站標(biāo)題或文章大標(biāo)題用h1標(biāo)注。

12.強(qiáng)調(diào)標(biāo)簽用<em>；重點(diǎn)高調(diào)標(biāo)簽用<b>和<strong>，<strong>是加重語(yǔ)氣標(biāo)簽<b>是粗體標(biāo)簽。

13.超級(jí)鏈接要統(tǒng)一，不能一會(huì)用絕對(duì)路徑，一會(huì)又用相對(duì)路徑，例如：首頁(yè)鏈接在后臺(tái)程序可以寫成：<a href="/web-site">沈陽(yáng)網(wǎng)站制作--易勢(shì)網(wǎng)站</a>也可以寫成<a href="http://www.huaianlvs.cn/web-site">沈陽(yáng)網(wǎng)站制作--易勢(shì)網(wǎng)站</a> 雖然這兩種方式都可以鏈接到我要購(gòu)物網(wǎng)的首頁(yè)，但是對(duì)于搜索引擎來(lái)說(shuō)是有差別的，這樣勢(shì)必造成了2個(gè)重復(fù)的頁(yè)面，對(duì)于我們的博客收錄的排名是不利的。

14.超級(jí)鏈接地址的大小寫要統(tǒng)一，對(duì)于Google來(lái)說(shuō)http://www.huaianlvs.cn/web-site 與http://www.huaianlvs.cn/WEB-SITE同樣是兩個(gè)不同的頁(yè)面。

上一條資訊|返回欄目頁(yè)|下一條資訊