技術

網站及網頁應用程式:讓建造方式配合任務。

五頁的公司網站與預約平台都稱為「網站」,但所需的基礎截然不同。選擇適當程度的技術,才能避免為不需要的複雜性付費,或因建造得太簡單而很快不敷使用。

由簡單到複雜的三個層次

  • 靜態或輕度生成的網站。頁面預先準備並極快地提供。非常適合偶爾更新的公司、產品及內容網站。託管便宜、不易出錯、容易保障安全。本網站即以這種方式運作。
  • 內容管理網站。同上,但設有編輯畫面,讓非開發人員修改文字、圖片及消息。適合團隊定期更新內容的情況。
  • 網頁應用程式。頁面取決於登入者是誰及他們的操作:預約、入口網站、儀表板、付款。它需要後端、資料庫,並在保安上要更加謹慎。

我們由滿足需要的最簡單層次開始,若需要比構想小,我們亦會如實說明。

我們通常選用什麼

  • 靜態或伺服器端渲染頁面(例如 Astro 或 Next.js),適用於重視搜尋能見度及速度的網站,需要時配合簡易內容編輯工具。
  • React 配合 TypeScript,用於互動式網頁應用程式。React 擁有龐大人才庫及成熟生態;TypeScript 能在使用者遇上之前捕捉許多錯誤。
  • 純 HTML 及 CSS,在足夠的情況下使用。並非每個頁面都需要框架。

這些是預設選擇,而非規則。技術架構選擇器展示了幾條問題的答案如何改變它們。

無論採用哪種技術,我們都關注的事

  • 手機上的速度。大多數瀏覽來自手機,而且往往在繁忙的網絡上。細小的頁面及合理的圖片比花巧的效果更重要。
  • 無障礙設計。鍵盤操作、清晰的對比度、有意義的標籤及螢幕閱讀器支援,令更多人能使用產品,亦是良好的做法。
  • 雙語結構。每種語言有獨立網址、正確的語言標籤及 hreflang 連結。請參閱雙語搜尋優化指南。
  • 中文排版。適合繁體中文的字體、行高及間距,並在真實裝置上測試。
  • 搜尋基本要素。清晰的標題、描述、標題層次及結構化資料。沒有任何方法能保證排名。
  • 保安。全站 https、謹慎處理表格,以及不在瀏覽器中存放機密。

何時我們會選擇其他方案

  • WordPress 或類似的內容管理系統,當您的團隊已熟悉它,而網站主要是內容,並有外掛能涵蓋其餘部分時。
  • 託管式網店平台,用於標準的網上商店。請參閱零售及電子商貿。
  • 網站建構工具,用於您自己維護的小型簡單網站。
  • 不同的框架,如果您的內部開發人員熟悉它並會持續維護。

最好的技術,往往是您的團隊三年後仍能支援的那一個。

正在規劃網站或網頁應用程式?

告訴我們它必須做什麼。我們會建議合適的最簡單基礎。

索取項目報價