網頁教學

清楚的網頁開發教學,涵蓋 HTML、CSS、JavaScript、效能、可存取性與 SEO。學習響應式版面、現代工具與網站優化。

電商 SEO 代理商:能期待什麼、該付多少

電商 SEO 代理商被僱來做的事,多數最後都證明是穿著行銷外衣的工程活。一家有四千件商品的網路商店沒有內容問題。它有網址問題、重複問題與檢索問題,而這些之所以一直在,是因為要修就得改平台,而不是再多寫幾篇文案。 通常被提議的寫部落格並沒有錯,它只是位於真正壓著這個站的東西的下游。把這個順序顛倒過來的零售商,會花一年時間做禮物指南,而他們的分類頁依舊無法被檢索。 任何一家網店最先要查的: 你的篩選器產生了多少網址。一個有六個篩選維度的分類,能從幾百件商品裡造出數以萬計可檢索的組合,搜尋引擎會把全部預算花在幾乎一模一樣的頁面上,而不是你真正靠它出單的頁面。這是電商網站排不上去的頭號常見原因。 分面篩選,以及它如何悄悄摧毀一切篩選器對購物...

律所 SEO 代理商:法遵、內容與費用

律所 SEO 代理商面對的是多數產業沒有的限制,而理解這一點的律所,手上握著一份就擺在自家網站上卻始終沒被動用的優勢。英國的律師監理機關早就要求受監理的律所公開某些價格、服務資訊與申訴管道。這件事幾乎無一例外被當成法遵雜務,丟在一個沒人連結的頁面上。 可它同時幾乎恰好就是搜尋引擎與人工智慧答案最想要的內容,而且是多數同業絕不會主動生產的內容。搜尋不動產過戶要花多少錢的人,是一個買家。監理機關已經強制你去回答他。 法律行銷幾乎總是錯過的一點: 透明度義務逼著你公開本產業購買意圖最強的內容。把這些頁面當成法遵家具的律所排名很差。把它們當成到達頁,寫上真實區間、清楚的包含範圍與誠實的但書,就能拿下同業在結構上不願意去爭的搜尋。 規則真正要...

飯店 SEO 代理商:把直訂搶回來

每一份飯店 SEO 代理商的提案,最後都會落到同一個承諾上:降低你對線上旅行社的依賴。這個目標是對的,背後的算術也很有說服力,因為透過自家官網進來的訂房,留住了本會流出去的那筆佣金。它之所以常常失敗,是因為問題很少出在行銷。真正的情況是,房客把你的官網和 Booking.com 放在一起比,而你的官網輸了。 這場比較大約持續四秒,發生在手機上,通常是第二次或第三次造訪的時候。旅客早就找到你了。他在確認直訂是否值得承擔那份感受到的風險,而體驗中的每一個細節,都在你的文案有機會開口之前就替你回答了這個問題。 直訂真正流失的地方: 不在搜尋結果裡,而在訂房引擎上。房客透過 OTA 找到飯店,來官網做比較,遇到一個載入緩慢、照片更少、也說不...

醫療 SEO 代理商:真正帶來預約的做法

聘請一家醫療 SEO 代理商與聘請一家一般代理不同,而這個差別不在能力,在於許可。診所營運在一套廣告規則之下,這套規則讓常規打法中的很大一部分變得不合法;同時又處在 Google 的品質框架之下,而該框架對健康內容的檢視比幾乎任何其他類別都更嚴格。一家兩者都不了解的代理,做出來的東西要麼被下架,要麼永遠排不上去。 商業賭注異常之高,因為一例植牙、一次植髮或一個醫美療程的價值,超過多數電商顧客一生的消費。這也是為什麼這個類別會吸引那些從未讀過規則的代理。 決定一切的兩條邊界: 在英國不能向大眾宣傳處方藥,這就排除了在任何病患看得到的位置寫出肉毒桿菌品牌名;而 Google 把健康頁面當作涉及金錢或生命的內容,因此沒有署名的匿名文章無論...

英國醫療軟體開發:法規要求與成本

在英國做醫療軟體開發,比其他任何產業的同等工作都更貴、更慢,原因並不是程式碼更難寫。原因是預算中相當大的一部分花在證據而不是功能上:臨床風險文件、資訊治理,以及買方在還沒試用產品之前就會索取的合規資料。 在別處做過軟體的團隊一直低估這一點。他們替應用報價、拿下專案,然後才發現合規這一層不是收尾階段,而是必須從第一天就開始的平行工作流,因為它會限制那些日後修改代價高昂的架構決策。 真正推高成本的東西: 一個英國醫療專案大約四分之一到三分之一的預算花在臨床安全、資訊治理與合規證據上,而不是功能。決定性的問題不是你的應用有多複雜,而是它是否接觸病患資料、是否影響臨床決策,以及買方是不是 NHS。每一項都會各自增加一條獨立且無法省略的工作...

Google AI 模式對你網站流量的影響

Google AI 模式是那個用對話回答你問題、而不是回傳十條連結的分頁,它從實驗走到十億月活使用者,比過去十年搜尋的任何一次變化都快。如果你在英國經營網站,無論你有沒有去看,它已經在影響你的數字。 它與 AI 總覽的差別不只在呈現方式。總覽位於一頁仍然存在於其下方的普通結果頁上。AI 模式則用一段對話徹底取代結果頁,而它建構答案的機制,改變了哪些頁面會被看到。 一句話概括: AI 模式接過一個問題,悄悄把它扇出成許多同時進行的搜尋,再用回傳的結果拼出答案。你不再是為某個查詢上的位置競爭。你是在為十幾個使用者從未輸入過的子問題中的某一個,爭當最好的資訊來源,而這些子問題大多比你關鍵字研究裡的任何一條都更具體。 查詢扇出,以及它為什麼...

AI SEO 代理商:服務內容與費用

AI SEO 代理商這個說法涵蓋了兩門完全不同的生意,而在簽約之前把它們分辨開來,就是這件事的大半工作。一種用語言模型更快地生產更多內容,並把這稱作 AI 服務。另一種研究的是,當 AI 系統生成答案時,你的公司會不會出現在答案裡面,這是一門真正的新學科,其機制與把一個頁面排上去完全不同。 只有後者賣給你的是你原本沒有的東西。前者賣給你的是一座更便宜的文字工廠,而市場上這兩者都掛著同一塊招牌。 真正重要的區分: 用 AI 寫稿的代理是在自動化供給。做 AI 能見度的代理,改變的是當有人提出你產品能回答的問題時,ChatGPT、Google AI Overviews、AI 模式與 Perplexity 會不會引用你。請在頭十分鐘就問清...

SaaS SEO 代理商:如何挑選合適的一家

挑選一家 SaaS SEO 代理商,比挑選一般代理更難,因為一般代理擅長的大部分工作,對軟體公司幾乎沒有意義。在地引用、Google 商家檔案維護、每月一篇產業趨勢部落格,都是正當的服務。它們只是幾乎不影響一個訂閱制產品能否取得留得下來的客戶。 這種錯位在提案現場很容易被忽略,因為交付項目聽起來合理,報表看起來也詳盡。它會在半年後浮現:流量漲了,註冊數卻原地踏步,而沒有人能解釋這個落差。 SaaS SEO 代理商與一般代理的分水嶺: 它以試用啟用與留存營收為最佳化目標,而不是工作階段數;它把技術文件與整合頁面當成排名資產,而不是客服內容;它明白買家在決策前會研究好幾週。如果一家代理說不清自己將如何影響你的啟用率,那它賣的是流量,不是...

WooCommerce 商品圖片:分類頁為什麼這麼慢

WooCommerce 的商品頁通常載入得還算可以。商店頁、分類清單和搜尋結果往往就不是了,而店主常常對此感到意外,因為單一商品看起來都沒問題。差別在於算術。商品頁顯示一張主圖。一個呈現二十四件商品的分類頁至少顯示二十四張,一旦把滑鼠移入效果與相簿預覽算進去,經常是兩倍。 正是這個乘法,讓目錄頁通常成為整間商店裡最慢的部分,也讓它們成為商業上最重要的頁面。它們恰好卡在訪客抵達與訪客找到可買之物這兩件事之間。 多數緩慢目錄背後的固定模式: 佈景主題請求了一個 WordPress 從未產生過的縮圖尺寸,於是瀏覽器下載完整尺寸的原圖,再在頁面裡縮小。二十四件商品,每件都送出一張兩百萬位元組的照片只為在三百像素上顯示,就是一個五千萬位元組的...

Image Transformations 與 WordPress 圖片外掛比較

每個 WordPress 網站最終都會撞上同一個問題。圖片是頁面上最重的東西,編輯上傳的是相機直接輸出的檔案,而行動端分數為此付出代價。慣常的答案是裝一個圖片最佳化外掛,慣常的候選是 Smush、ShortPixel 和 Imagify。 還有第二種做法,它的運作方式完全不同,而這個比較很少被公平地做出來,因為它並不是同類產品。Cloudflare Image Transformations 不會壓縮你的圖片再把結果存起來,而是在圖片被請求的那一刻重寫它。理解這個差別,決策就完成了一大半。 真正決定選擇的區別: 外掛處理並儲存你圖片的最佳化副本。Cloudflare 按請求轉換,並把結果快取在邊緣。外掛按你擁有多少張圖片計...