Webflow CMS 文章遷移指南:CSV + MCP 自動化最快方案

學習使用 Webflow 原生 CSV 工具與 MCP 自動化,快速完成 800 篇部落格文章的站點遷移,包含欄位映射、圖片自動下載、關聯欄位處理等實作步驟。

Webflow 站點遷移:使用 CSV 與 MCP 快速移轉 800 篇 CMS 文章

將大量 CMS 文章從舊 Webflow 站點移至新站點,最快且最不易出錯的方式是善用 Webflow 內建的 CSV 匯出 / 匯入 功能。最新推出的 Webflow MCP(Model Context Protocol) 則適合用於前置作業自動化,例如自動建立新站的 CMS 欄位架構、資料清洗與轉換。


1. 最快遷移方案:原生 CSV 匯出 / 匯入

對於 800 多篇文章,Webflow 原生 CSV 工具已相當成熟,完全無需程式碼或第三方服務。

圖檔自動搬遷

  • 匯出 CMS CSV 時,圖片欄位(Image / Multi-Image)會自動附上舊站 CDN 完整 URL。
  • 匯入新站時,Webflow 會自動下載這些 URL 的圖片並存入新站 CDN,無需手動抓圖或重新上傳

欄位自動對接

  • 關鍵技巧:在新站建立 CMS Collection 時,若欄位名稱與型態與舊站完全一致,Webflow 匯入 CSV 時會自動完成 100% 欄位映射

2. Webflow MCP 能協助的自動化項目

MCP 允許 AI 工具(如 Claude、Cursor、ChatGPT)直接讀寫 Webflow 專案。雖不適合直接批次寫入 800 筆資料(受 API 速率限制),但能在以下兩處大幅減少手動操作:

❶ 一鍵生成新站 CMS Schema

  • 若舊站擁有十幾個複雜欄位,手動逐一建立極為繁瑣。
  • 透過 MCP 指令 AI:「讀取舊站 Blog Collection 結構,並在新站自動建立相同 Collection 與欄位」,即可在幾秒內完成架構搭建。

❷ 遷移前的資料清洗與欄位轉換

  • 若需在搬家時順便升級內容(重寫 Meta Description、調整 HTML 標籤、統一 Slug 格式、翻譯語言),可先將 CSV 交給 AI 處理完畢再匯入。

3. 最佳化 4 步快速遷移流程

建議結合 MCP(建架構) + 原生 CSV(搬內容)

[舊站 CSV 匯出] → [MCP 自動在新站建好 CMS 欄位] → [新站匯入 CSV(自動對接與抓圖)] → [檢查備份與發佈]

Step 1:匯出舊站 CMS

  1. 進入舊站 CMS → 選取 Blog Collection → 點擊右上角 Export
  2. 下載包含 800 篇文章的 CSV 檔案。

Step 2:使用 MCP 在新站一鍵搭建欄位(可選)

  • 若新站尚未建立 CMS 欄位,使用 Claude/Cursor 連接 Webflow MCP。
  • 指令 AI 讀取舊站 Collection 結構,自動在新站生成相同欄位。

Step 3:匯入新站並自動對接

  1. 開啟新站 CMS → 選取對應 Collection → 點擊 Import
  2. 拖入剛匯出的 CSV。
  3. 系統顯示對接預覽,因欄位名稱一致會自動完成 Mapping,直接確認匯入。

Step 4:系統自動複製圖檔

  • Webflow 背景將所有圖片從舊站抓取至新站。
  • 800 篇文章匯入約需 3~5 分鐘 完成。

4. 注意事項

  1. Webflow 方案限制:確認新站方案額度(如 CMS Plan 上限 2,000 筆、Business Plan 10,000 筆),確保 800 筆不超限。
  2. Reference 欄位(關聯欄位):若文章含「作者」或「分類」等關聯,需將作者與分類的 CMS 匯出並匯入新站,最後再匯入文章,Reference 才能自動關聯。

總結:善用原生 CSV 處理大量資料搬移與圖片自動下載,搭配 MCP 自動化建立欄位架構與資料預處理,即可在極短時間內完成百篇以上的 Webflow 站點遷移。