SERP Snippet Preview Tool 改善網站在搜尋結果顯示外觀，提升流量最佳化效果
如果想讓網站在搜尋引擎獲得較好的成效，最基本就是在搜尋結果呈現網站正確的資訊，包括一個好的頁面標題、描述和網…
網頁開發
閱讀全文SERP Snippet Preview Tool 改善網站在搜尋結果顯示外觀，提升流量最佳化效果
Fonty 線上查詢網頁使用的字型、字重、樣式和文字大小
如果想知道某個網站使用那些字型，其實只要打開瀏覽器開發人員工具、以選取功能選擇文字就會顯示資訊，或是直接找到…
InstaWP 推出全新 wp.new 輸入網址快速建立 WordPress 測試環境
截至 2021 年 10 月，全世界前一千萬個網站有 42.8% 使用 WordPress 架設，看得出來覆蓋率相當高、也已被業界廣泛運…
Rayst 分析網站背後公司、流量數據和使用的技術服務（Chrome 擴充功能）
Rayst 是一個很實用的 Chrome 擴充功能，它會在瀏覽器加入一個按鈕，點選後顯示網站背後的公司、流量統計數據和使用…
Wappalyzer 查看競爭對手網站使用那些技術、工具和第三方服務
如果想知道某個網站背後使用那些技術或服務，其實只要打開網站原始碼、透過瀏覽器開發人員工具就能略知一二，不過手…
TasteWP 快速建立 WordPress 測試環境，預先安裝外掛佈景主題
身為 WordPress 網站管理者經常會需要測試、開發或編輯網站，但一定不會想在已上線、實際運作的網站進行這些測試，如…
Icones 開源免費圖示目錄，可下載超過 118 套圖示集、14 萬個圖案
免費資源網路社群介紹過許多免費圖示網站，有一大部分是開放原始碼的圖示集，除了點陣圖通常還有向量圖和圖示字型（I…
Color review 檢查網頁配色是否符合 WCAG 規範
Color.review 用來計算兩種顏色對比度、檢查是否符合 WCAG 2.1 規範的線上工具，也能協助使用者找出看起來好看、又適合每個人的色彩組合。
閱讀全文Color review 檢查網頁配色是否符合 WCAG 規範
Colour Contrast Analyser 色彩對比分析器檢查易讀性和視覺對比度
如果網站管理者想檢查網頁的各項表現，Chrome 瀏覽器開發人員工具內建「Lighthouse」前端稽核工具很有用，透過 Light…
Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼
如果在開發網站、應用程式或軟體專案時需要讀取中的動態圖示，UI Ball 有個名為「Loaders」網站收錄 24 種類型獨特、…
