GTM 新手先懂代碼、觸發條件與變數，再設定第一個點擊事件

想用 GTM 管理網站追蹤碼，卻分不清代碼、觸發條件與變數各管什麼？這篇從 GTM 與 GA4 的分工講起，接著建立容器、把兩段程式碼放上網站，設定第一個 Google 代碼與按鈕點擊事件，再用預覽模式與 GA4 即時報表確認後提交發布，最後認識進階追蹤會用到的資料層。

數位工具

圖片轉檔前先懂透明與畫質：內建功能和 4 款免費線上工具

圖片轉檔只是換一種存法，JPG 轉 PNG 不會變清楚、只會變大，透明背景轉成 JPG 也會被填成單色。這篇整理 6 個轉換方向的結果，Windows 小畫家、Mac 預覽程式與手機內建能轉哪些格式，網頁存下來變成 WebP 的原因，以及 Squoosh、CloudConvert 等線上工具的免費限制與檔案保存方式。

網頁設計

403 Forbidden 是誰擋下的？訪客端與網站端各自的排查路線

看到 403 Forbidden，代表伺服器聽懂了請求卻依規則不給，網站多半沒壞。先用無痕視窗、換網路分清只有自己被擋還是整站被擋，訪客端確認 Cookie、VPN 與帳號權限後聯絡站方，網站端從錯誤日誌查到檔案權限、Apache 與 Nginx 存取規則、首頁檔與 Cloudflare 的 Ray ID。

數位行銷

PDCA循環 4 階段的完成標準與空轉的 4 個原因（附表單示範）

照著 PDCA 跑完一輪，卻說不出這次學到什麼？問題常出在 Plan 沒寫下可驗證的預測，Check 也就沒有東西可以對照。本文整理 PDCA循環的來歷（戴明本人堅持稱它 PDSA）、4 階段各自要交出的成果、一輪官網詢問表單的示範，以及循環空轉的 4 個常見原因。

網頁設計

Safari 網頁檢查器怎麼用？縮窗看不出的 iPhone 跑版這樣排查

桌機縮窗一切正常、放到 iPhone 卻多出右側空白或底部被切掉時，用 Mac 上的 Safari 網頁檢查器連線實機，就能直接看到手機裡那一頁的 DOM、CSS 與載入記錄。從兩端開關、無線檢查與 Elements 各面板，到視埠、100vh、安全區域等常見跑版成因，一路整理排查順序。

數位工具

截圖整頁只拍到第一屏？Chrome、Edge、Safari 與手機的整頁入口

想截圖整頁，按下系統快捷鍵卻只拍到最上面那一截，往下捲的內容全部不見。這篇依瀏覽器找出整頁截圖的入口：Chrome 開發人員工具的指令選單、Edge 的螢幕擷取畫面、Firefox 的拍攝畫面擷圖、Safari 網頁檢閱器，加上 iPhone 與 Android 的做法，以及擴充功能該留意的權限。

網頁設計

啟用 HTTP/3 後，SEO 排名就會變好嗎？中間其實隔著一層

HTTP/3 是新一代網路傳輸協定，把連線建立、隊頭阻塞這些 TCP 的先天限制整個換掉；核心網頁指標都調到綠燈、網站速度卻遲遲拉不上來的人，問題常常就出在這一層。但它對 SEO 排名的幫助是間接的，Googlebot 目前也還沒支援，主機與 CDN 跟不跟得上，才是真正能不能用到的關鍵。

WordPress

Smush 是什麼？WordPress 圖片壓縮外掛免費版功能與付費差異一次看

Smush 是一款 WordPress 圖片壓縮外掛，免費版就能無限次批次壓縮整個媒體庫、不限張數，且不必明顯犧牲畫質。本文整理 Basic、Super、Ultra 三種壓縮強度怎麼選，以及 WebP、AVIF 轉檔與圖片 CDN 為什麼只留在付費的 Smush Pro。

網頁設計

CDN 是什麼？內容分發網路完整說明

CDN（內容分發網路）是透過全球節點與智慧路由技術，將網站資源就近傳送給使用者的網路服務。文章說明 CDN 的運作流程、對網站穩定性與安全性的效益、適合導入的網站類型，以及企業選擇 CDN 時的評估要點，包含節點密度、安全性、計費模式與 SLA 條款。適合需要提升網站效能、降低延遲或規劃全球部署的技術決策者參考。

網頁設計