怎麼做好網站技術重構

核心提示:太多的個人站長將SEO理解成瞭作弊,張棟偉的這篇文章正是解決瞭這個問題,建議給人站長多看看,結合自身的情況,能對網站做出合理的優化。

1、摒棄框架

框架結構是指利用將一個網頁分為若幹個窗口,這樣可以在一個頁面上展示幾個不同內容的網頁,例如將菜單和網頁內容放到兩個框架中,這樣當拉動網頁內容的滾動條時,菜單部分的網頁可以保持固定不動,為瀏覽網頁帶來方便。另外,對於一些內容較少的網站,利用框架結構也使得網頁佈局看起來更加豐富。

但從網絡營銷需要的角度而言,尤其是出於搜索引擎優化方面的考慮,最好不要使用框架結構的網頁設計,或者要進行特別處理,以便適應搜索引擎的檢索規則。框架結構的主要問題在於不能為每個網頁都設置一個標題,更為糟糕的是,有些搜索引擎對框架結構的頁面不能正確處理,會影響到搜索結果的排列名次。所以一般情況下,盡可能不采用框架結構。現在一般網站都是采用表格定位的網頁設計

2、優化你的css,減少服務器的消耗

問什麼是CSS?

CSS是Cascading Style Sheets(層疊樣式表)的縮寫。他由三個部分構成:選擇符(selector),屬性(properties)和屬性的取值(value)。一張網頁可以有2種方式調用層疊樣式表。一種是本網頁內部調用,一種是本網頁外部調用。本網頁內部調用可以提高服務器的使用效率,每位瀏覽者隻需要占用一個響應線程就可以實現樣式表的定位。而外部調用是.css文件復用的一種方法。當用戶瀏覽時下載完一遍css文件,在瀏覽同模板生成的網頁就不用再次下載,有效的減小瞭網頁文件大小。在服務器系統資源不寬裕的情況下,網站的首頁一般使用本網頁內調用,而內容頁往往使用外部調用。而這種節省資源的方法到目前為止,依然被大量網站所使用,例如新浪網的首頁由於瀏覽量過大,為瞭節省帶寬就是采用瞭內部調用css文件的方法。

3、javascript的復用

Javascript是一種由Netscape的LiveScript發展而來的腳本語言,主要目的是為瞭解決服務器終端語言,比如Perl,遺留的速度問題。當時服務端需要對數據進行驗證,由於網絡速度相當緩慢,隻有28.8kbps,驗證步驟浪費的時間太多。於是Netscape的瀏覽器Navigator加入瞭Javascript,提供瞭數據驗證的基本功能。JavaScript的正式名稱是 ECMAScript。這個標準由 ECMA 組織發展和維護。ECMA-262 是正式的 JavaScript標準。這個標準基於 JavaScript (Netscape) 和 JScript (Microsoft)。Netscape(Navigator 2.0) 的 Brendan Eich 發明瞭這門語言,從 1996 年開始,已經出現在所有的 Netscape和 Microsoft 瀏覽器中。ECMA-262 的開發始於 1996 年,在 1997 年 7 月,ECMA會員大會采納瞭它的首個版本。在 1998 年,該標準稱為瞭國際 ISO 標準 (ISO/IEC16262)。這個標準仍然處於發展之中。一個 JavaScript 程序其實是一個文檔,一個文本文件。它是嵌入到 HTML文檔中的。所以,任何可以編寫 HTML 文檔的軟件都可以用來開發 JavaScript。在此我推薦大傢用 FrontPage 2000附帶的 Microsoft 腳本編輯器(在 FrontPage 菜單 | 工具 | 宏 | Microsoft 腳本編輯器)。它是個像 Visual Basic / C++ 一樣的程序開發器,能對正在輸入的語句作出簡要提示。配合 FrontPage2000,使工作量大大減少。在搜索引擎優化工作中,Javascript同樣起著復用.JS文件的作用,善於使用.JS文件能大大節省網站系統資源。

4、Flash的設計

Flash 由macromedia公司推出的交互式矢量圖和 Web 動畫的標準。網頁設計者使用 Flash創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。但是很可惜到目前為止基本沒有任何一款搜索引擎能夠識別他。換句話說就是入門網站首頁是flash制作的,那網站內的所有內容搜索引擎都將不能收錄。搜索引擎還不能分析出flash文件內的鏈接。但是關於FLASH設計優化可以從以下兩個方面來考慮:1、做一個輔助 HTML版本:保留原有FLASH 版本的同時,還可以設計一個HTML格式的版本,也可以讓搜索引擎通過HTML版本的網頁來發現整個網站。2、將Flash內嵌HTML文件:通過改變網頁結構進行彌補,不要將整個網頁都設計成 Flash動畫,而是將Flash內容巧妙的嵌入到網頁的設計中,這樣搜索引擎也可以從網頁代碼中得到有效的鏈接結構,例如頁面上的文字鏈接。

5、圖片的技術優化

圖片的優化主要指的2個方面:

A、圖片下載的優化,有過上網經驗的人都知道瀏覽網頁上的大體積圖片經常會顯示不完整。所以大圖片應該裁剪成若幹個小圖片拼接在網頁頁面上,就像兒童玩的拼圖一樣。

B、圖片標簽的優化,這個是站長最容易忽視的細節。例如

<img src=..//page/images/2.gif width=230 height=60 >

這是一行關於調用圖片的代碼,一張圖片對瀏覽者來說想要分辨上面的內容是輕松的。可是對搜索引擎來講,當下的計算機技術還不能完成。追溯到w3c建立規范之初的年代,各國互聯網建設還都很薄弱,拿我國來說90年代末網民依然在使用貓上網。低速的帶寬不得使眾多網民在瀏覽器設置上屏蔽顯示圖片。要想知道圖片上的內容就要參照圖片下的文字註釋。現在對網頁優化的工作中,正好就是運用瞭這點,對每張圖片加以註釋。在這裡與其說seo工作者在利用這點做優化,倒不如說搜索引擎在模擬人類的實際使用習慣。(這裡出於實用性考慮,暫不涉及盲人用戶的使用)所以新的圖片代碼如下

<img alt=趙本山《火炬手》 src=..//page/images/2.gif width=230 height=60>這樣就輕松表明瞭圖片的含義,使搜索引擎抓能夠取到有用的信息。

按照搜索引擎的眼睛,他看到的網頁是這個樣子的。作為一名seo工作者,應該擁有一雙跟搜索引擎一樣的眼睛。

6、動態網頁靜態化

動態網頁是與靜態網頁相對應的,也就是說,網頁 URL的後綴不是.htm、.html、.shtml、.xml等靜態網頁的常見形式,而是以.asp、.jsp、.php、.perl、.cgi等形式為後綴,並且在動態網頁網址中有一個標志性的符號?,如有這樣一個動態網頁的地址為:/ip/index.asp?id=1q=3這就是一個典型的動態網頁URL形式。

這裡說的動態網頁,與網頁上的各種動畫、滾動字幕等視覺上的動態效果沒有直接關系,動態網頁也可以是純文字內容的,也可以是包含各種動畫的內容,這些隻是網頁具體內容的表現形式,無論網頁是否具有動態效果,采用動態網站技術生成的網頁都稱為動態網頁。

從網站瀏覽者的角度來看,無論是動態網頁還是靜態網頁,都可以展示基本的文字和圖片信息,但從網站開發、管理、維護的角度來看就有很大的差別。動態網頁的一般特點簡要歸納如下:

(1)動態網頁以數據庫技術為基礎,可以大大降低網站維護的工作量;

(2)采用動態網頁技術的網站可以實現更多的功能,如用戶註冊、用戶登錄、在線調查、用戶管理、訂單管理等等;

(3)動態網頁實際上並不是獨立存在於服務器上的網頁文件,隻有當用戶請求時服務器才返回一個完整的網頁;

但是眾多優點的動態網頁技術對於搜索引擎來說這個卻充滿挑戰。搜索引擎的爬蟲程序在服務器的內存中爬行,很容易進入動態網頁鏈接的死循環中,導致不能正常遍歷全部網頁,嚴重影響網站收錄量。同時在抓取到的網頁中也會產生大量重復的頁面,在搜索引擎看來同內容不同url地址的網頁本身就是一種對排名作弊的行為,從而產生對網站的不信任。

關於這個問題現在已經有瞭比較好的解決辦法。1 通過對程序的改造是網站全部動態頁面靜態話。2通過程序的改造生成實時更新的偽靜態網頁。這些可以由技術人員完成,對於編程技術不熟悉的讀者,可以選擇那些已經靜態話的CMS系統。