drawio（draw.io）教學：免費免登入，畫出流程圖與網站架構圖

想畫流程圖又不想安裝軟體、註冊帳號，drawio（draw.io）打開瀏覽器就能免費使用。這篇以聯絡表單詢價流程為例，從新增圖表、放圖形、接連接線、加標籤到統一配色，再用文字貼上排出網站架構圖，最後匯出 PNG、SVG 與 .drawio 原檔，帶你完整畫完一輪。

網頁設計

公司網域信箱該不該導入？除了信任還有 Gmail 這道新門檻

公司網域信箱不只是門面問題，客戶看到你的報價信寄件人是一串 @gmail.com 帳號，會不自覺打上問號。設定好 MX、SPF、DKIM、DMARC 這幾筆 DNS 記錄，才符合 Gmail 現在對收信網域的門檻要求，信也才穩定送得到。

SEO優化

打開瀏覽器打不開網頁，或網站搬家後排名忽然掉，問題往往藏在 HTTP狀態碼（HTTP status codes）這 3 位數字裡。從 1xx 到 5xx 共 5 個分類，301 與 302 的差別左右搜尋引擎會不會把排名信號轉移到新網址，soft 404 更容易讓檢索資源被悄悄浪費。

網頁設計

免費網址其實分好幾種，子網域、動態 DNS，甚至曾經存在的免費頂級網域，控制權與穩定性完全不一樣。這篇整理常見的免費網址類型、各自的限制與風險，包括 Freenom 事件怎麼讓上千萬個網域一夕消失，以及什麼時候該換成自己掌握的正式網域。

網頁設計

網址IP查詢能把網域翻成實際連線的位址，但查到一組數字不等於查到真相。這篇從 nslookup 與 dig 指令、線上查詢工具講起，拆解地理定位的準確度範圍、網域 WHOIS 與 IP 網段歸屬的差別，以及 CDN 邊緣節點為什麼會遮住真正的主機，搬家確認 DNS 或通報可疑網站都用得上。

網頁設計

網域購買常被誤以為是一次買斷就永久擁有，其實它更像是租房子，按年繳費才能持續使用這個名稱。從挑選後綴與命名、比較註冊商資格與續約定價，到登記資料填寫、自動續約與跨註冊商轉移，每個環節都可能影響這個網域未來還握不握得住，值得在下單前先弄清楚背後的規則。

網頁設計

前端工程師負責畫面呈現，後端工程師負責資料與邏輯，兩者分工看似簡單，發包時卻常常搞不懂報價單上這兩項各自在做什麼、出狀況該找誰。從使用者看不看得到、程式碼跑在哪裡執行，到出包時該往哪個方向排查，一次看懂前端與後端的分工邊界。

SEO優化

Sitelinks（次連結）指的是 Google 在品牌搜尋結果下方自動加開的捷徑連結，很多人以為能申請或設定，但它其實完全由演算法依網站結構與品牌搜尋量決定，連 Google 自己都無法指定要顯示哪一條。

SEO優化

多數人以為程式化SEO是用機器人量產空洞頁面，其實它是把資料庫接上頁面模板，規模化覆蓋大量相似卻各自成立的搜尋意圖。這篇整理它跟人工逐篇撰稿的成本落差、資料模板內鏈這 3 根柱子，以及容易踩到的薄內容紅線與動手前的判斷標準。

網頁設計

網站頁數規劃不是先訂一個數字再湊內容，而是內容範圍與商業目標盤點完之後算出來的結果。這篇整理決定頁數的關鍵因素、不同類型網站的頁面組成邏輯，以及用 3 個步驟從內容盤點抓出合理頁數的做法，讓你不必再猜網站該做幾頁。

WordPress

WordPress 分類標籤設定沒搞清楚，同一個詞常常一下當分類、一下當標籤，分類頁跟標籤頁列出來的文章幾乎重複，讀者迷路、你自己也想不起來當初怎麼分的。這篇從階層邏輯、是否必填到 SEO 影響一次拆解，還教你命名與數量怎麼抓才不會互相打架。

WordPress

WordPress Multisite 是把多個網站集中於同一套 WordPress 核心、外掛與佈景下管理的架構，能讓多站共用程式碼、各自保留內容與設定。從核心概念、網址分流、資料庫與權限模型，到適用情境、優勢、限制與治理規劃重點，協助判斷多站管理是否真的符合營運需求。