在 Manus 中進行 AI 網站重新設計

用 AI 重新設計你的網站

貼上你的網址。Manus 會保留你的文案、相片和頁面地址,然後建構一個現代、對手機友善的新設計。

閱讀 Manus 網站建構器的運作原理
juniperlanebakery.com 的重新設計範例由 Manus 根據目前網站構建
之前
juniperlanebakery.com
歡迎嚮臨 Juniper Lane 麵包店!
主頁選單蛋糕關於作品博客聯絡我們
每日新鮮製作的麵包和蛋糕1
來自我們位於 Juniper Lane 街角小店的酸種麵包、糕點和訂製蛋糕。下載我們的餐單(PDF,4 MB)2
  • 1照片上的文字在手機上難以閱讀
  • 2價格只寫在 PDF 菜單裡
之後
juniperlanebakery.com
Juniper Lane立即下單
始於 2014 年上午 6 點開門
麵包擺滿新鮮麵包的烘焙榃檯慢發酵 · 每日新鮮烘焙 ·
個性十足的麵包。小批量酸種麵包、鬆脆糕點和大生日蛋糕,每天早上新鮮出爐。訂購一個蛋糕
鄉村酸麵包杏仁可頌豆蔻卷慶典蛋糕鄉村酸麵包杏仁可頌豆蔻卷慶典蛋糕
  • 7已遷移頁面
  • 24已保留博客文章
  • 3已重定向網址

根據 URL 重新設計你的網站

Manus 會先查看每個頁面,記下需要保留的文案、照片和網址,以及讓訪客感到困擾的地方。

juniperlanebakery.com重新設計前的內容清單範例
  • 主頁/標題,照片照片上的文字在手機上難以閱讀
  • 選單/menu商品名稱、價格價格只寫在 PDF 裡
  • 訂製蛋糕/custom-cakes訂單表單問題一屏有 11 個表單欄位
  • 作品/gallery18 張相片內容單薄嘅頁面,合併到「關於」頁
  • 到店指南/contact營業時間、地址、地圖營業時間與頁尾不一致
  • 博客/blog24 篇文章9 篇文章沒有元描述
+ 還有 1 個頁面
Manus 的發現
  • 7讀取的頁面,包括其文案、相片和網址
  • 24需要遷移但不改變網址的網誌文章
  • 3針對手機的修復,從首頁標題開始
  • 1將 PDF 菜單轉換為搜尋引擎可讀取的頁面
site-inventory.xlsx重新設計方案

根據網址重新設計一個小型企業網站

Manus 會讀取你當前的頁面,保留文案和照片,並在 Manus 網站建立器中重建網站,這樣你可以在上線前預覽新設計。

在更改任何內容之前審查你的網站

獲取逐頁清單,了解需要保留、刪減或重寫的內容,使重新設計從你現有的內容開始。

選擇新外觀並在聊天中編輯

選擇一個建議的設計方向,然後點擊任何元素調整樣式,或在一條訊息中描述多項修改。

三個設計方向範例
  • 大膽而有趣海報級大字、溫暖的陶土色、圓角按鈕
  • 簡潔現代留白、無襯線字體、一種強調色
  • 溫暖手作風全幅相片、襯線標題、金色點綴
快捷樣式控件已選中:首頁標題
顏色字體排印間距邊框
字體
襯線體
大小
44 px
粗細
600
行高
1.2
或者在一則訊息中更改多項內容把按鈕改成深綠色,手機上使用更大的正文字體,並把營業時間移到地圖上方。作為一次更新應用

在確定之前比較三種外觀

Manus 會根據你的內容和受眾推薦多種方向,每種都配有配色、字體和示例主視覺,並等待你選擇一個。

在一條訊息中進行多項編輯

將相關更改分組,Manus 會將它們作為一次更新一起套用。對於單一顏色或字體,請直接點擊預覽中的元素。

從 Figma 設計開始

如果你的設計師已經做好了新外觀,把 Figma 設計變成網站,Manus 會用你目前頁面的內容來填充它。

重新設計網站而不損失 SEO

保留搜尋引擎已收錄的網址。Manus 會把每個舊頁面對應到新頁面,並為位置變化的頁面設置重新導向。

URL 對應表舊地址對應新頁面範例
  • //相同的 URL
  • /menu/menu相同的 URL
  • /menu.pdf/menu301 重新導向
  • /custom-cakes/cakes/custom-orders301 重新導向
  • /gallery/about301 重新導向
  • /blog/…(24 篇文章)相同的 URL相同的 URL
開啟 SEO 後自動為你處理
  • 為搜尋引擎機器人提供預渲染頁面
  • 每個頁面都有規範網址
  • 一個 robots.txt 檔案
  • 自動更新的網站地圖
92SEO 標籤頁中的 SEO 評分,附帶每頁的檢查清單使用 Manus 進行優化為每個頁面編寫標題、描述和關鍵詞

將每個舊網址映射到新頁面

正在搬移頁面?Manus 會將每個舊網址對應到其新頁面,並為任何有變動的內容加上 301 重新導向,令連結和書籤繼續正常運作。

在上線前後檢查 SEO

先對舊網站進行一次 SEO 審核。上線後,SEO 標籤頁和「用 Manus 優化」會補全缺失的標題和描述。

將新設計發布到你自己的域名

預覽效果滿意後,即可發佈到你自己的網域,也可以在建構器中購買一個。SSL 已包含在內。

  • 你自己的網域

    添加 Manus 提供給你的 DNS 記錄以連接自訂網域,或在構建器中購買新網域。

  • 免費 SSL

    你的域名會自動設置 HTTPS,無需額外付費。

  • 內置分析功能

    無需添加另一個工具,就能查看新網站的訪問人數。

  • 你的代碼

    查看或下載程式碼,或與私有 GitHub 倉庫同步。

  • 可伸縮的託管服務

    預設使用自動伸縮(Autoscale)。沒有流量時會縮減到零,閒置期間費用為 $0。

  • 同時處理多項更改

    在新任務中打開網站,以同時進行另一項更改。

如何用 Manus 重新設計一個網站

分享你的網站,確定方案並完善預覽。在你發佈之前,目前的網站會一直保持在線。

  1. 1

    分享你目前的網站

    貼上它的網址。如果你的檔案在電腦上,請將 Manus Studio 指向該資料夾。

  2. 2

    查看方案

    檢查頁面列表、設計方向和網址對照表。更改計劃比更改已完成的網站成本更低。

  3. 3

    觀看 Manus 構建

    新設計會喺即時預覽中逐步呈現。

  4. 4

    細化調整

    點擊元素以更改其顏色、字體或間距,或在聊天中描述更大的編輯需求。

  5. 5

    發佈

    當預覽效果滿意時,在你的域名上正式上線。在那之前,你的舊網站保持原樣。

開始之前需要了解的事項

  • 構建和編輯會使用點數。發佈後,託管費用按使用量計費,每月免費額度為:雲端服務 $10、AI $1 和 API 使用 $1。
  • 重新設計你擁有或有權更改的網站。Manus 會讀取你的公開頁面,因此不需要你舊主機的密碼。
  • 大型網站?先從訪問量最大的頁面開始,然後在同一任務中添加其餘頁面。
  • 沒有可供起步的網站?使用商業網站建立工具根據描述製作一個。

更多用於構建和更新網站的工具

網站重新設計常見問題

咩係網站重新設計?

網站重新設計會改變網站的外觀和運作方式,例如佈局、導覽、顏色和字體,同時保留內容和仍可訪問的頁面地址。使用 Manus,你從目前網站的網址開始,獲得一個可以預覽、編輯和發佈的新版本。

AI 能重新設計我現有的網站嗎?

可以。把你網站的 URL 給 Manus,它會讀取你的公開頁面,保留你的文案、圖片和頁面結構,並在網站建構工具中以全新設計重建網站。在你發佈新版本並把網域指向它之前,你的正式網站不會有任何變化。

使用 Manus 進行網站重新設計需要多少費用?

構建和編輯新網站會使用 Manus 點數。發佈後,託管費用按使用量計費,每個帳戶每月都有免費額度:雲端服務 $10、AI $1 和 API 使用 $1。如果你在構建器中購買網域,這是另外收費的。

網站重新設計需要多長時間?

Manus 會在一個任務中建立出第一版,你可以在實時預覽中看着它逐漸成形。剩下的時間取決於你有多少頁面以及你想要幾輪修改。提前確定好方案能省下最多時間。

重新設計會損害我的 SEO 嗎?

不一定會這樣。盡可能保留你的頁面 URL,並讓 Manus 為任何遷移的頁面加上 301 重定向。發佈後,在設定中開啟 SEO:網站會為搜尋引擎機器人生成預渲染頁面、規範網址(canonical URL)、robots.txt 文件和動態網站地圖,SEO 標籤會為每個頁面顯示評分和檢查清單。然後在 Google Search Console 中提交新的網站地圖。

我能重新設計 WordPress、Wix、Squarespace 或 Shopify 網站嗎?

是的,只要頁面是公開的。Manus 會從 URL 讀取它們,並將其重建為一個新的 Manus 網站,當你把網域指向它時,你就從舊平台遷移過來了。對於網店,還要規劃好商品和訂單如何遷移;Manus 可以透過 Stripe 加入付款功能。如果想讓網站保留在原地,WordPress、Wix 和 Webflow 連接器可以讓 Manus 直接在這些平台上處理內容。

我需要識編程嗎?

不需要。用簡單的話描述你想要的內容,Manus 會選擇技術並編寫程式碼。要更改顏色、字型或間距,點擊預覽中的元素即可。

我能保留我的網域嗎?

是的。讓 Manus 把網站發佈到你的網域,它會給你需要在網域供應商處新增的 DNS 記錄,一條 A 記錄或 CNAME 記錄。SSL 會自動設定。你也可以在建構器中購買一個新網域。

我能獲得重新設計後網站的程式碼嗎?

可以。你可以隨時查看或下載代碼,也可以將項目與私人的 GitHub 倉庫同步。

我能先重新設計一個頁面嗎?

可以。先從最重要的頁面開始,比如你的首頁或登陸頁,等你認可方向後,再在同一個任務中加入其他頁面。如果要同時處理多項更改,請在新任務中開啟該網站。

開始你的網站重新設計

貼上你的網址,獲取一個可以在上線前預覽的新設計。

開始重新設計