Feeds:
Posts
Comments

Archive for the ‘Web Design’ Category

最近這幾年,有不少的網上企業,利用Google的搜尋結果新將客戶引入那些網上企業的網站。擁有關鍵字的數量越高以及排位越高,為企業帶來的客戶量就越大。以一個每天一萬個瀏覽量的網站為例,往往會增生二、三百個咨詢。

所以,對那些利用搜尋器瀏覽者的流量產生新生意的網站,”google關鍵字分析”和了解Google如何排位是很重要的。這裡我會講一些重點,不過我會省去一些細節。這些東西寫得太詳細及太張揚後就沒法再用的了。

Google以每一頁作為基本單為,每一頁有個關鍵字眼表。表內有每個關鍵字眼的分數,每個分數又可細分作不同的部份。

  1. 關鍵字有沒有存在於關鍵字表內。不同的網頁若有相同的關鍵字表結構,會被視為相同內容。相同內容的頁只有其中一頁會被顯示出來。關鍵字與其他關鍵字應該盡量相關。
  2. Page rank,這是該頁對該關鍵字眼的投票到站外其他網頁時能給予別人的分數。在搜尋該關健字時,這個分數也計算在內,不過比重不算很大。
  3. 位置:字眼的出現位置與其他關鍵字並存的情況。在網址上、標題上有沒有出現。
  4. 投票:有沒有投票給站外的其他相關的網頁
  5. 出現次數:字眼的出現次數,這會增加整體的分數。
  6. 扣分:如果有扣分,位置會被調低。(如果是Internet Explorer扣分比重會隨機地降低)
  7. 地理因素,以那一個地區的谷歌機械人尋回來的,在該地域會先被列入。其他地域的谷歌會定期互相交換高分數的網頁。
  8. 隨機獎分。
  9. 新內容獎分,新內容會在一段時間內有更高的分數。
  10. 內容更新密度

Page Rank 經過一段冷靜期之後會按照點擊率及投票率而作出調整。

可公開的就只有這麼多了。而且,Google的計算方法會經常調整。

如果你想別人看到你的網頁,也可以用Google關鍵字工具或者向Google關鍵字代理商查詢,例如亞普達。或考慮其他工具。或看書

Read Full Post »

一個「網站服務」(web service)能夠成功地為用戶提供服務,開發者所花的時間及心思是頗巨大的。尤其是使用者的數量多,運作了一段長時間之後,很多技術就會去蕪存菁。以「谷歌」的搜尋器網頁為例,其設計差不多成為了典範。

只是我們設計搜尋器的機會不多。於是,我們將目光放在使用者數量比較少但仍然運作了一段頗長的時間的「協作系統」。

「協作系統」不是完美,可是,可取的地方有很多。我尤其欣賞它的「佈局」。「谷歌」的協作系統可以提供數十款不同色調、風格的外觀設計給用戶去選擇。雖然不算精美,但數量卻是同類產品之冠。在內容不變的情況下,只要更改一個「風格檔案」(Stylesheet)就可以將整個網站換上新衣。

能夠將風格發揮自如,靠的是「佈局」。而所謂「佈局」,是將一個將網頁分割成不同部份的方法。每個部份又各自細分成不同的部分,用來放置特定的內容及風格的資料。

那麼「谷歌」的「協作系統」的佈局又是如何的呢?首先,「協作系統」分作兩種不同的運行模式:「已登入」及「未登入」兩種模式。

登入時,網頁的頂頭位置會顯示一行工具列。在未登入的模式下,工具列會被隱藏。

工具列之下是主畫面(Chrome),主畫面內分成四個部份:標題、旁列、內容以及註腳。這四個部之內,每個都有三個層次。這三個層次存在的目的是提供作為框線、陰影及內容的容器。

明白了這佈局之後,對設計一個合適的風格頁就變得容易了。

Read Full Post »

相信在編寫網頁這個行業,沒有人有認識John Resig團隊所設計的jQuery。

jQuery是一個易學易用的Javascript Framework。使用jQuery的人,大多數是因為網頁的基本表達的方式,不夠互動。他們看到其他人網頁上的特效,例如:動態提示、動態圖片預覽、搜索提示、多媒體播放、表格格式核對,等等的功能。當他們在網上搜尋,就會發現,這些特效的背後,很多時候涉及使用jQuery。

很多人會問,如果我們不用jQuery能否做到相同的效果呢?如果我們不用jQuery 還有兩個途徑使來制作這些特效。

1 使用最基本的Javascript指令,這是最花時間的。要用Javascript去管理網頁上每一個物件,就要學懂「文件物件模型」Document Management Model。然後利用「文件物件模型」將網頁的每一部份逐一加入特效。

2 利用其他的Framework做到相同的效果。以我所知,芸芸Framework中jQuery所要編寫程式的長度,是最短的。亦即是程式員可以花少一點時間來編寫程式。

所以,如果要學習編寫互動性高的網頁,我首選的建議是jQuery。

Read Full Post »