如果你正打算整WordPress網站，那麼了解一些關鍵的網頁設計術語將有助於你更好地與網頁設計公司溝通，甚至自己動手建立網站。這篇文章將介紹 30 個重要的網頁設計術語，讓你能夠在網站開發過程中更加得心應手。
我們將術語分為五大類別：基本概念、網站結構與佈局、設計與體驗、功能與工具，以及性能與優化。
網頁設計基本概念
1. 網頁前端 (英文：Front-end)
前端是使用者所見的部分，例如網站的排版、顏色、圖片等。當你打開一個網頁，前端就是你看到並與之互動的部分。
2. 網頁後端 (英文：Back-end)
後端是網站的核心技術，負責數據庫的管理和伺服器的運作。它類似於網站背後的“大腦”，確保所有功能正常運作。
3. UI 設計 (英文：User Interface Design)
UI 設計是指網站的界面設計，目的是讓使用者看到的畫面美觀且清晰。簡單來說，就是如何讓網站的外觀看起來更具吸引力。
4. UX 設計 (英文：User Experience Design)
UX 設計的重點在於提升使用者體驗，確保使用者在瀏覽網站時的感覺是愉快而且方便。良好的 UX 設計會讓人們更願意在你的網站上停留更長時間。
5. 響應式設計 (英文：Responsive Web Design)
響應式設計是一種技術，使網站能自適應不同裝置的顯示需求，無論是在電腦、平板還是手機上，網站都能夠顯示適合的版面。
網站結構與佈局
6. CMS (英文：Content Management System)
內容管理系統是一種工具，讓你可以輕鬆管理網站的內容，WordPress 就是最常見的 CMS 之一。你可以使用它來添加文章、編輯頁面，而無需學習程式碼。
7. 主機 (英文：Hosting)
主機是存放你網站所有資料的地方，簡單來說就是一台專門的伺服器，讓全球的人都可以存取你網站的內容。
8. 域名 (英文：Domain Name)
域名是網站的地址，例如 www.example.com。選擇一個容易記住且能代表品牌的域名，對 SEO 和品牌識別非常重要。
9. SEO (英文：Search Engine Optimization)
SEO 是搜索引擎優化，旨在提升網站在搜索引擎上的排名。通過優化網站內容與結構，可以吸引更多自然流量。
設計與體驗
10. 網站模板 (英文：Website Template)
模板是預設好的網頁設計樣板，可以大幅縮短建立網站的時間。WordPress 有許多免費和付費模板（亦即是佈景主題 – Theme）供選擇。
11. 外掛 (英文：Plugin)
在 WordPress 的世界中，外掛是一種擴展功能的工具，可以增加 WordPress 網站的功能，例如聯絡表單、SEO 優化工具等。
12. HTML
HTML 是網頁的基本標記語言，定義網頁的結構和內容，例如標題、段落、圖片等。
13. CSS
CSS 是樣式表語言，用於控制網頁的外觀，包括顏色、字體和排版。HTML 建立網站的骨架，而 CSS 則負責裝飾。
14. JavaScript
JavaScript 是一種用於增加互動效果的腳本語言，例如彈出訊息、表單驗證等，使網站更加生動有趣。
15. 標籤 (英文：Tag)
標籤通常用於Blog文章中，以幫助分類內容並提高搜尋引擎的可見性。合適的標籤可以讓使用者更容易找到他們感興趣的內容。
性能與優化
16. 網站速度 (英文：Website Speed)
網站速度指的是網站載入的時間，這對於 SEO 和使用者體驗至關重要。速度快的網站通常能吸引更多訪客。
17. 404 錯誤頁面 (英文：404 Error Page)
404 錯誤頁面出現在使用者嘗試存取一個不存在的頁面時。設計一個有趣的 404 頁面可以降低使用者的挫折感。
18. SSL 憑證 (英文：SSL Certificate)
SSL 憑證可以加密使用者與網站之間的數據，讓網站更加安全。它也是 Google 評估網站是否可信的重要因素之一。
19. CTA (英文：Call to Action)
CTA 是指引導使用者採取某種行動的按鈕或連結，例如“立即購買”或“聯繫我們”。好的 CTA 能有效提升轉換率。
20. 媒體查詢技術 (英文：Media Query)
媒體查詢技術是 CSS 中的一種技術，用於根據裝置的螢幕大小改變網站的樣式，從而達到響應式設計的效果。
功能與工具
21. 頁面速度優化 (英文：Page Speed Optimization)
這是指通過各種技術手段來提升網站的載入速度，例如壓縮圖片、減少 JavaScript 請求等。
22. 頁尾 (英文：Footer)
頁尾是每個網頁底部的區域，通常包含聯絡資訊、網站地圖、版權聲明等內容。
23. 頁首 (英文：Header)
頁首是每個網頁頂部的區域，通常包含網站標誌、導航欄（Navigation）等內容。
24. 網站地圖 (英文：Sitemap)
網站地圖是一個包含網站所有頁面連結的文件，用於幫助搜索引擎更好地爬取和索引網站。
25. 網站流量分析 (英文：Website Analytics)
這是一種用於追蹤和分析網站訪問者行為的工具，例如 Google Analytics，幫助你了解使用者的來源和行為。
26. CDN (英文：Content Delivery Network)
CDN 是一種分佈式的伺服器網絡，可以幫助加速網站的載入速度，特別是對不同地區的訪客訪問更為顯著。
27. 彈出式視窗 (英文：Pop-up)
彈出式視窗用來吸引使用者注意特定訊息，常用於訂閱電子報或提供優惠碼，但應避免過度使用，以免影響體驗。
28. 響應式導航 (英文：Responsive Navigation)
響應式導航是一種可以適應不同裝置的導航菜單設計，使網站在手機和電腦上的操作都很方便。
29. 互動式設計 (英文：Interactive Design)
互動式設計指的是網站上與使用者互動的部分，例如按鈕、滑鼠懸停效果等。良好的互動設計可以提升使用者的參與感。
30. Favicon
Favicon 是顯示在瀏覽器標籤上的小圖標，通常用於品牌識別，能讓使用者在多個標籤中迅速找到你的網站。
結論
認識這些網頁設計術語，無論你是想自己學習架設 WordPress 網站，還是希望更好地與開發團隊溝通，都能帶來極大的幫助。提提你，一個網站的成功不僅僅取決於外觀設計的精美，還取決於其功能、使用者體驗和搜尋引擎的可見度。
【延伸閱讀】：
>>> 「 網頁設計教學：什麼是RWD？用WordPress打造手機、平板也好看的網站 」
>>> 「 SEO是什麼？SEO優化入門教學」
>>> 「 SEO vs SEM：哪個更適合你的生意？」
>>> 「 SEO教學：結構化資料標記是什麼？ 」
>>> 「 一定要避開的10個SEO常見錯誤 」
