建築師事務所網站設計最常見的失誤，不是不夠美，是機器讀不到。我們在 2026 年 9 月 25 日用同一套方法量了三個國外事務所官網：關掉 JavaScript（網頁上那些動畫與互動功能）之後，還讀得到的文字分別是 5,159 字、3,881 字、1,034 字；圖片的替代文字（alt）有兩家全部是空的。
得獎跟被找到，是兩件事。而補上基本功，不需要得獎預算。
這篇是「產業網站指南」系列第 5 篇，作者是我，優勢方舟總監陳泓翔。文章的量測與瀏覽器實測是我自己做的，原始碼統計與資料整理由 AI 協助核對，判斷與星等是人給的 —— 下面會逐項講清楚哪些是機器量的、哪些是人看的。
建築師事務所網站設計，跟室內設計公司的網站差在哪？
建築師事務所網站設計的起點，是先認清官網的身分：它是「有證照的專業人士」對外的執業門面，不是型錄。所以它要同時處理三件事：作品好看、資格講清楚、機器讀得到。三件少一件，網站就只完成了三分之一。
關鍵差異在身分。建築師是專門職業及技術人員，要考試取得證照、加入公會才能執業；室內設計與裝修業不是。建築師法的條文裡寫明，建築師領得開業證書後，非加入該管省（市）建築師公會，不得執行業務（我們在 2026 年 9 月 25 日查的）。同一部法也訂了四種懲戒：警告、申誡、停止執行業務二月以上二年以下、撤銷或廢止開業證書。
實務上的意思是：一般設計公司的網站可以大膽寫行銷標語，建築師事務所的文案要先確認有沒有牴觸建築師法與公會倫理規範。建築師法裡最接近「文案不能亂寫」的一條，是這句：建築師受委託辦理各項業務，應遵守誠實信用之原則，不得有不正當行為及違反或廢弛其業務上應盡之義務（2026 年 9 月 25 日查）。它沒有直接寫「招攬」兩個字，但官網上的承諾、保證、比較性說法，全都會落在「誠實信用」這四個字的射程裡。（全國法規資料庫（法務部）建築師法，2026-09-25 查）
本篇只談建築師事務所與建築設計公司，不談室內裝修 —— 那一題在本系列的室內設計公司官網怎麼做已經拆過。系列前四篇還有月子中心官網的頁面與預約動線、律師事務所網站的合規重點、牙醫診所官網與法規紅線。
我們怎麼量這三個網站？三個測試你自己也能做
量測日期是 2026 年 9 月 25 日，三站用同一套方法：抓原始碼算字數與圖片數，再由我本人在瀏覽器實際捲動一遍。不是工具截圖，是逐頁看。
三個不用工具的測試，你自己打開網站也能做：
- 按 End 鍵：畫面會不會直接跳到頁尾。不會動，代表捲動被網站接管了。
- 按 Ctrl+F 搜尋下半部的字：找不到，代表那段文字是捲到才生出來的。
- 關掉 JavaScript 再看一次：頁面上還剩幾個字。
結果是三站全過。三家都會跳到頁尾、下半部的字都搜得到，代表都沒有捲動劫持 —— 捲動劫持是指你滾滑鼠、但畫面被網站接管，滾多少由它決定。關掉 JavaScript 之後讀得到的字：Kononenko 5,159 字、Nabil Issa 3,881 字、MON architects 1,034 字（MON 這個數字是首頁，它的 about 頁另有 2,864 字，不能當全站字數看）。
還有一個名詞先講白話：空 alt 是指圖片的 alt 屬性存在、但內容是空字串。等於主動宣告「這張是裝飾圖，不用讀」，機器一張都讀不到。跟「完全沒有 alt」不一樣，但結果相同。
三個網址放在這裡，你可以自己去驗證我們量到的數字：kononenkogroup.com、nabilissa.com、monarchitects.jp。
Kononenko：得獎網站，為什麼是三家裡唯一機器也讀得懂的？
Kononenko Architectural Bureau 是三家裡唯一「得獎、而且機器也讀得懂」的一家。英文站，首頁列出義大利與荷蘭多地辦公室，住宅與商業並做，2026 年 8 月 23 日拿下 Awwwards Site of the Day。以下是我們 2026 年 9 月 25 日看到的樣子。
可驗證的數字：不跑 JavaScript 讀得到 5,159 字、27 張圖、27 張的 alt 全部寫了文字、有 JSON-LD（一段藏在原始碼裡、專門講給機器聽的結構化資料）。
做對的地方：作品列表每張圖下方掛作品名＋面積，Pokrovskoe Private House 611 m²、Millenium Private Park 1,360 m²，整體案例面積從 435 到 58,079 m²。是數字，不是形容詞。內頁還有一整頁純文字講設計流程，側欄小標寫「From Sketch to Strategy」—— 得獎網站也在寫字。
缺漏同樣清楚：列了 14 筆辦公室地址，卻沒有各地聯絡人或電話，無從查證；它在首頁宣稱團隊 45 人，卻沒有任何具名成員與資歷；首頁沒有表單，要聯絡得另開一頁；流程只寫兩階段概念，沒有時程、收費、交付物。首頁還宣稱 490+ 案、80+ 獎 —— 那是它寫在自己網站上的說法，我們沒查證。
視覺策略是「建築雜誌」：用排版建立專業感，不靠裝飾。首頁整頁大圖壓事務所名，內頁把一句設計理念放成占滿螢幕的襯線大標，下面接一段流程說明；作品列表走左右錯位的不對稱網格。扣分在首頁一路捲到底、資訊塞得太滿。
| 面向 | 評價 | 說明 |
|---|---|---|
| 品牌與視覺 | ★★★★☆ | 襯線字當主角、黑白兩色大量留白，三家裡唯一不靠照片撐場面的 |
| 資訊架構 | ★★★☆☆ | 四項導覽夠簡潔，但首頁塞太滿 |
| 內容與信任感 | ★★★☆☆ | 數字獎項齊全，但 14 筆辦公室地址無從查證 |
| 技術與行動版 | ★★★★☆ | JSON-LD 齊、27 張 alt 全寫；但 description 僅 20 字 |
星等是我們自己逐項看過後給的判斷，不是任何機構的評比。
Nabil Issa：83 張圖 alt 全空，得獎網站也會對機器全盲？
Nabil Issa 這個站證明了一件事：拿到 Awwwards 也可能對機器全盲。美國邁阿密總部（+1-305 電話，另設米蘭、杜拜），個人品牌型的跨領域設計師工作室，2026 年 8 月 14 日拿到 Awwwards Honorable Mention。
最關鍵的數字：83 張圖，alt 全部是空字串，一張都沒寫。不跑 JavaScript 有 3,881 字，沒有 JSON-LD，網頁標題（title）只有 10 個字 —— 那是搜尋結果上顯示的那一行，10 個字幾乎描述不了任何事。
導覽用 Chapter I–V 五章敘事取代主選單，首頁自己寫「SCROLL DOWN TO BEGIN THE STORY」。想直接跳到某一個案例，幾乎不可能。
重點來了。它看起來最像會劫持捲動的那一種，但三個測試全過：End 鍵會到頁尾、Ctrl+F 找得到下半部的字、關掉 JavaScript 還有 3,881 字。捲動動畫不等於捲動劫持。漂亮的捲動效果本身不是問題，83 張空 alt 才是。這兩件事常被混為一談，發包時要分開講。
它在首頁宣稱 25 年、97 客戶、120 案、10 獎，也提 AD／ELLE Decoration／VOGUE 報導，但媒體只列刊名、沒有連結或期號可查證，案例也沒有地點、坪數、預算、年份。
視覺策略是「精品時尚雜誌」，服務的是個人品牌。MIAMI 用古銅實心、MILAN 與 DUBAI 用白色描邊，字本身就是版面；底部常駐章節進度條取代主選單，右上常駐 GET IN TOUCH。扣分在滿版照片完全沒有案名與地點標註 —— 看得到，卻認不出是哪個案子。
| 面向 | 評價 | 說明 |
|---|---|---|
| 品牌與視覺 | ★★★★☆ | 全黑底＋極細無襯線＋古銅金，巨大城市名當視覺主體，記憶點最強 |
| 資訊架構 | ★★☆☆☆ | 無主選單，只能靠章節順序線性看 |
| 內容與信任感 | ★★★☆☆ | 數字與媒體名齊，但無案例細節可查 |
| 技術與行動版 | ★★☆☆☆ | 83 張圖 alt 全空、無 JSON-LD、title 僅 10 字 |
MON architects：沒得獎的小事務所，為什麼基本功比得獎的齊？
MON architects 是三家裡規模最像台灣事務所的一家 —— 東京都墨田區吾妻橋的小型建築設計事務所（03 市話），WordPress 架的站，沒得過獎。但它的 SEO 基本功比兩個得獎站都齊。
做對的六件事：每頁的網頁標題都寫成「（頁名）- MON architects｜東京都墨田区・建築設計事務所」，地區＋業種都在；每頁都有 JSON-LD 與 og:image；h1（頁面最大的那個標題）每頁不同，作品頁的 h1 就是作品名（House S／melt.tokyo／唐沢ゴルフ倶楽部クラブハウス／JU-ZA CYCLE YADO Minamiizu）；/projects/ 有獨立列表頁並標件數（オフィス5／店舗10／施設11／住宅10／ホテル3）；作品頁的 data 欄位掛出攝影師姓名（Shigetoshi Ishikawa、Takumi Ota）；作品頁底下有 Next projects 互相連過去。
字數要說清楚：1,034 字是首頁，不是全站。about 頁有 2,864 字，設了頁內錨點，還放了主持人水間寿明的肖像照與姓名。
漏掉的四件事：全站圖片 alt 全空（首頁 15 張、作品列表 22 張、about 4 張）；四個作品頁的 meta description 共用首頁同一段；網址是 /projects/879/ 這種流水號，本身沒有語意；作品頁只有規格沒有故事 —— House S 497 字、melt.tokyo 553 字、唐沢ゴルフ倶楽部 697 字，除了 data 四行，一句敘述都沒有。
設計事務所的作品集網站最常見的毛病就在這裡：圖都在，故事沒有。
唯一的例外值得抄：JU-ZA CYCLE YADO 有 902 字，多寫了「把屋齡 56 年的民宿改建成子浦的自行車旅人旅館」、用在地素材、與在地職人合作、保留既有魅力求新舊調和。就這兩句，字數比另外三頁多了近一倍。
| 面向 | 評價 | 說明 |
|---|---|---|
| 品牌與視覺 | ★★★☆☆ | 白底細黑體的日式極簡，最克制也最安全，但換成任何一間事務所都成立 |
| 資訊架構 | ★★★☆☆ | 四項導覽清楚，但首頁資訊量太薄 |
| 內容與信任感 | ★★☆☆☆ | 多數作品頁只有 data 四行、沒有敘述 |
| 技術與行動版 | ★★★★☆ | JSON-LD、h1 每頁不同；但 alt 全空、作品頁 description 共用 |
三個網站並排比，誰贏在哪一格？
這三個就是我們這次挑的建築師事務所網站範例：一個拿過 Awwwards Site of the Day、一個拿 Honorable Mention、一個沒得過獎。
三家的差別不在爬蟲（Google 的機器人）進不進得來，而是進來之後有沒有東西可讀。先看 2026 年 9 月 25 日、同一套方法抓的原始碼數字：
| 項目 | Kononenko | Nabil Issa | MON architects |
|---|---|---|---|
| 不跑 JS 讀得到的字 | 5,159 | 3,881 | 1,034（首頁） |
| 圖片總數 | 27 | 83 | 15 |
| alt 有寫文字 | 27 | 0 | 0 |
| alt 是空字串 | 0 | 83 | 15 |
| JSON-LD | 有 | 無 | 有 |
以下星等是我們自己逐項看過後給的判斷，不是任何機構的評比，也不是排名。
| 網站 | 品牌與視覺 | 資訊架構 | 內容與信任感 | 技術與行動版 | 一句總評 |
|---|---|---|---|---|---|
| Kononenko | ★★★★☆ | ★★★☆☆ | ★★★☆☆ | ★★★★☆ | 美感與機器可讀兩件事都做了，但聯絡動線斷在首頁 |
| Nabil Issa | ★★★★☆ | ★★☆☆☆ | ★★★☆☆ | ★★☆☆☆ | 記憶點最強，卻讓 83 張作品照對機器隱形 |
| MON architects | ★★★☆☆ | ★★★☆☆ | ★★☆☆☆ | ★★★★☆ | 基本功最齊，缺的是作品頁的故事與辨識度 |
共同點也很明顯：三家都把首頁做成長捲作品集，靠圖片與理念短文建立氣氛。而三家全都沒回答委託者真正會問的事 —— 流程幾個階段、要多久、怎麼計費、誰負責我的案子。
提醒一句：這是 3 個網站，不是一個產業。別把它當成市場通則。
我們自己的 AI 雷達跑出什麼？為什麼沒得獎的那家 GEO 拿 100？
這是「優勢方舟 AI 雷達」在 2026 年 9 月 25 日跑出來的分數 —— 我們自己的工具、自己的尺，不是 Google 或任何第三方的官方評分，也不等於排名。四個分項照工具畫面的順序寫：SEO（Google 搜尋的基本結構有沒有做對）、AEO（有沒有直接回答問題、適合被拿去當答案）、GEO（內容好不好被 AI 整段引用）、E-E-A-T（看得出來是誰寫的、有沒有經驗與可信線索）。
| 網站 | SEO | AEO | GEO | E-E-A-T |
|---|---|---|---|---|
| Kononenko（得獎） | 88 | 63 | 50 | 38 |
| Nabil Issa（得獎） | 81 | 38 | 29 | 50 |
| MON architects（沒得獎） | 81 | 75 | 100 | 63 |
限制要自己先講：Kononenko 測的是內頁（KNS Stolbovo 專案頁），另外兩家測的是首頁，所以這三欄不能當成全站對全站的比較。同一把尺量日文站與英文站，本來也會有落差。雷達這次沒有給總分，所以我們只寫四個分項，不加總也不平均。
E-E-A-T 這一欄我們保留態度：Kononenko 只有 38，比 Nabil Issa 的 50 低，但它是三家裡唯一有 JSON-LD、27 張 alt 全寫、5,159 字的。兩邊對不上，這一欄我們自己也覺得要再看，不拿來下「誰比較可信」的結論。
另外，上一段那張星等表是人逐頁看出來的判斷，這張是機器量出來的數字，兩者不是同一件事的兩種寫法。最值得講的是 MON：GEO 拿 100，但它全站 alt 空白、作品頁 description 四頁共用。GEO 滿分不代表沒事做 —— 它只是把機器最先看的那幾格填對了。想知道自己的站落在哪一格，可以先跑一次AI 能見度檢測，或看AI 雷達這支工具在量什麼。
照片的 alt 不只是 SEO 小事，會不會影響公部門標案？
空 alt 是指 alt 屬性存在、但內容是空字串，等於告訴機器「這張圖是裝飾，不用讀」。跟完全沒有 alt 屬性不一樣，但對機器來說結果相同 —— 圖片裡的資訊一個字都進不去。
這裡有一個檢查盲點：多數檢查工具分不出這兩者，只看有沒有 alt 屬性就給過。所以「alt 0 缺」這種報告，要自己再打開原始碼確認一次。連專門在做這件事的工具都會看錯，這是業界普遍的盲點，不是某一家工具的問題。
再往上接一層：圖片替代文字也是無障礙檢測的基本要求。對一間要投公部門標案的台灣事務所來說，這一項可能就不只是「做了比較好」。等級名稱是 A、AA、AAA 三級，第一優先等級即檢測等級 A；而依立法院 106 年度中央政府總預算案通案決議，政府機關或學校的網站在新設或改版時應依檢測等級 AA 設計。所以實務上多數機關案子的門檻是 AA，不是 A。（數位發展部 無障礙網路空間服務網（常見問題—標章申請及異動），2026-09-25 查）
這是建築師事務所網站設計裡成本最低的一步，alt 直接照這個句型寫：案名＋建築類型＋地區＋照片角度。例如「○○住宅 清水模外牆 台中 南向立面」。不要寫「圖片1」「DSC_0293」。一個案子 10 張照片，寫完不到十分鐘，但它同時解決了搜尋、AI 引用與無障礙三件事。這一塊的原理，在SEO 搜尋優化與GEO 生成式引擎優化兩頁講得更細。
作品照片能不能放上官網？版權與業主同意怎麼處理？
作品照片的授權，是事務所不敢上線的第一個實際卡點。業主同意公開嗎、公部門的案子能不能放、攝影師的照片授權範圍到哪、案名能不能寫全 —— 我們 2026 年 9 月 25 日看的搜尋結果第一頁，沒有一篇提到這件事。
三站裡唯一有實證的正例是 MON architects：每個作品頁的 data 欄位都掛了攝影師名字（House S 是 Shigetoshi Ishikawa，melt.tokyo 與唐沢ゴルフ倶楽部是 Takumi Ota）。這是三站中唯一交代照片來源的。
可以照做的最低版本，是每個作品頁固定四行 data：案名／完工年／地區／攝影師署名。成本近乎零，但同時解決署名義務與信任感 —— 讀者一眼看得出這是真的蓋起來的案子，不是效果圖。
委託攝影時要先談清楚三件事：授權用途是否含網站與社群、授權年限、是否可裁切與加字。建議寫進委託書（實際條款請律師確認）。建築著作與攝影著作的權利歸屬，可以直接看著作權法的條文原文。先把分類弄清楚：著作權法第 5 條第 1 項把「攝影著作」與「建築著作」列為各自獨立的著作類型，主管機關發布的「著作權法第五條第一項各款著作內容例示」再進一步界定——建築著作包括建築設計圖、建築模型與建築物本身，攝影著作則包括照片、幻燈片等。換句話說，事務所的設計圖與建築物是一個著作，攝影師拍的那張照片是另一個著作，兩者的權利人可能根本不是同一人（2026-09-25 查）。（經濟部智慧財產局（著作權法第五條第一項各款著作內容例示），2026-09-25 查）
另外，建築師受建築師法與公會倫理規範約束，包含執業資格揭露與執業限制。內政部台內營字第1060809308號函（106.07.19）就指出，依建築師法第25條，開業建築師不得兼任或兼營營造業、營造業主任技師或技師，或為其承攬工程保證人（2026-09-25 查）。官網上寫服務範圍時，這一條要先對過。
網站報價單怎麼看？三萬的模板站跟二十萬的客製站差在哪？
建築師官網架設費用的落差大到讓人不敢問 —— 同樣一個站，三萬和二十萬都有人報。建築師習慣用總工程造價百分比計費，網站報價單對他來說是黑箱。把建築師事務所網站設計的報價單拆開來看，差價幾乎都落在同樣六個項目上：
- 頁數怎麼算：一頁的定義是什麼，長捲單頁算一頁還是五頁。
- 作品案例頁是不是另外計價：這是事務所頁數最多的一種。
- 圖片壓縮與優化含不含：建築照片動輒 5MB 起跳，不壓縮手機開不動。
- 後台是現成還是客製：你要能自己新增作品頁。
- 多語系怎麼算：日文／英文版是整站加倍，還是只翻譯部分頁面。
- SEO 結構有沒有含：title／description／JSON-LD／alt 規範，這四項有沒有寫進交付清單。
最容易踩的是「首頁＋5 頁」這種報法。作品頁是事務所最多的那一種，5 頁根本不夠，第 6 頁起怎麼算一定要先問。
另一個外包平台把企業形象官網（5–10 頁）抓在 30,000 至 80,000 元，一頁式 8,000 至 30,000 元（2026-09-25 查）。對事務所要特別留意的是那個「5–10 頁」的前提 —— 作品案例一多就會超出，第 11 頁起怎麼算才是真正的價差所在。（出任務 Tasker，2026-09-25 查）
我們自己的區間放在最後，角色是「一個有人負責的起點」，不是市場平均，任何情況都不承諾固定價格 —— 實際數字請看方案費用頁，範圍與交付物則列在建置流程與網站類型兩頁。報價單怎麼逐項比對，另一篇看懂報價單 7 個項目寫得更細。
上線之後誰來更新？事務所官網最常做完就死掉的原因
事務所官網最常做完就死掉，原因是人力都在畫圖，沒有行銷編制。新案完工後照片誰上傳、要花多久、後台好不好用、一年維護費多少 —— 這幾題在搜尋結果第一頁同樣沒人談。
最低可維持的作業流程只有一條：每個案子結案時，一併交付 8–12 張照片、四行 data、兩句敘述，由專案建築師自己寫，不要留給一個不存在的行銷人員。結案那週寫，記憶最清楚，也最快。
那兩句怎麼寫？照 MON 的 JU-ZA CYCLE YADO 模式 ——「原本是什麼」＋「我們解決了什麼」。那一頁 902 字，比同站另外三頁（497／553／697 字）多了近一倍，多的就是那兩句。這是成本最低、效果最直接的一件事。
發包時要寫進合約的三件事：後台能不能自己新增作品頁、教育訓練幾小時、一年維護費含哪些項目。三件都要寫成文字，不要口頭講。
我們自己的做法是把「一個案子從洽談到交屋」的時程與費用結構寫成可查的頁面，每個案例補上面積、年份、預算區間與負責建築師署名，首頁就放可直接送出的諮詢表單 —— 這三件事，三個標竿站都沒做。如果你的舊站已經兩年沒更新，先看網站改版要處理哪些事；詢問單送不出來的問題，則可以對照12 項現場健檢清單逐項檢查。
常見問題
建築師事務所官網製作費用大概多少？
價差主要來自作品頁數量、後台是否客製、有沒有多語系與 SEO 結構。要求報價時，請把「第 6 頁起怎麼算」「圖片優化含不含」「一年維護費」三項寫進報價單。本文的價格段落標了查詢日期與出處，請以當時查到的公開資料為準，我們不承諾固定價格。
建築師事務所的作品照片放上官網，需要業主同意嗎？
業主同意與攝影師授權是兩件事，要分開處理。可參考 MON architects 的做法，在每個作品頁的 data 欄位掛出攝影師姓名。實際條款與建築師法、公會倫理規範的適用範圍，上線前請向自己的法務或公會確認。
官網做得很漂亮、還得過獎，為什麼 Google 還是搜不到？
我們 2026 年 9 月 25 日量到的例子：一個 Awwwards 得獎站有 83 張圖，alt 全是空字串，沒有 JSON-LD，網頁標題只有 10 個字。得獎看的是人的感受，被找到看的是機器讀不讀得到 —— 這是兩件事。
網站有很炫的捲動動畫，會不會影響 SEO？
不一定。我們實測的三個網站全部通過三個測試：按 End 鍵會到頁尾、Ctrl+F 找得到下半部的字、關掉 JavaScript 仍有 5,159／3,881／1,034 字。捲動動畫不等於捲動劫持，真正該擔心的是關掉 JavaScript 後頁面上還剩幾個字。
建築師事務所網站設計，跟室內設計公司的網站差在哪？
建築師是專門職業及技術人員，要考試取得證照並加入公會，受建築師法與公會倫理規範約束；室內設計與裝修業不是。所以兩者在資格揭露與招攬業務的文案限制上規則不同，不能直接套用同一套網站架構。
下一步：先量一次，再決定要不要改版
如果你手上已經有官網，今天就能做三件事：按 End 鍵、Ctrl+F 搜尋下半部的字、打開原始碼數一數有幾張圖的 alt 是空的。三個測試不用工具、不用花錢，但它會告訴你機器看到的你，跟人看到的你差多少。
想把量測交給我們做，或想討論建築師事務所網站設計的作品頁該怎麼結構化，留一則需求給我們，我們會先跑一次量測再談報價。也可以先看網站設計服務的範圍與實際做過的案子。
