การออกแบบเว็บไซต์ใหม่ด้วย AI ใน Manus

ออกแบบเว็บไซต์ของคุณใหม่ด้วย AI

วางลิงก์ URL ของคุณ 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บทความบล็อกที่เก็บไว้
  • 3URL ที่ถูกเปลี่ยนเส้นทาง

ออกแบบเว็บไซต์ของคุณใหม่จาก URL

Manus จะตรวจดูทุกหน้าก่อน โดยจดบันทึกข้อความ รูปภาพ และ URL ที่ควรเก็บไว้ รวมถึงสิ่งที่ทำให้ผู้เข้าชมรู้สึกหงุดหงิด

juniperlanebakery.comรายการเนื้อหาก่อนการออกแบบใหม่ตัวอย่าง
  • หน้าแรก/หัวเรื่อง, รูปภาพข้อความบนรูปภาพอ่านยากบนโทรศัพท์
  • เมนู/menuชื่อไอเทม ราคาราคามีอยู่แค่ในไฟล์ PDF
  • เค้กสั่งทำพิเศษ/custom-cakesคำถามเกี่ยวกับแบบฟอร์มสั่งซื้อช่องกรอกข้อมูล 11 ช่องในหน้าจอเดียว
  • แกลเลอรี/gallery18 รูปภาพหน้าที่มีเนื้อหาน้อย ให้รวมเข้ากับหน้า About
  • มาเยี่ยมเรา/contactเวลาทำการ ที่อยู่ แผนที่เวลาทำการไม่ตรงกับส่วนท้ายเว็บไซต์
  • บล็อก/blogบทความ 24 บทความ9 บทความไม่มีคำอธิบายเมตา
+ อีก 1 หน้า
สิ่งที่ Manus พบ
  • 7หน้าที่อ่าน พร้อมเนื้อหา รูปภาพ และ URL
  • 24ย้ายบทความบล็อกโดยไม่เปลี่ยน URL
  • 3การแก้ไขสำหรับโทรศัพท์ เริ่มจากหัวข้อหน้าแรก
  • 1เมนู PDF ที่แปลงเป็นหน้าเว็บที่เครื่องมือค้นหาอ่านได้
site-inventory.xlsxแผนการออกแบบใหม่

ออกแบบเว็บไซต์ธุรกิจขนาดเล็กใหม่จาก URL

Manus อ่านหน้าปัจจุบันของคุณ เก็บข้อความและรูปภาพไว้ แล้วสร้างเว็บไซต์ใหม่ในเครื่องมือสร้างเว็บไซต์ Manus เพื่อให้คุณดูตัวอย่างดีไซน์ใหม่ก่อนเผยแพร่จริง

ตรวจสอบไซต์ของคุณก่อนที่จะเปลี่ยนแปลงสิ่งใด

รับรายการทีละหน้าว่าควรเก็บ ตัดออก หรือเขียนใหม่ เพื่อให้การออกแบบใหม่เริ่มจากเนื้อหาที่คุณมีอยู่แล้ว

เลือกรูปลักษณ์ใหม่และแก้ไขในแชท

เลือกแนวทางการออกแบบที่แนะนำ จากนั้นคลิกที่องค์ประกอบใดก็ได้เพื่อปรับแต่งสไตล์ หรืออธิบายการเปลี่ยนแปลงหลายอย่างในข้อความเดียว

สามแนวทางการออกแบบตัวอย่าง
  • กล้าและสนุกสนานตัวอักษรขนาดใหญ่แบบโปสเตอร์ สีดินเผาอบอุ่น ปุ่มมุมโค้ง
  • สะอาดและทันสมัยพื้นที่ว่าง, ฟอนต์ sans-serif, สีเน้นหนึ่งสี
  • อบอุ่นและทำด้วยมือภาพเต็มหน้า หัวข้อแบบเซอริฟ สีทองตกแต่ง
ปุ่มควบคุมสไตล์แบบเร็วเลือกแล้ว: หัวข้อหน้าแรก
สีสันการจัดวางตัวพิมพ์ระยะห่างขอบ
ฟอนต์
เซริฟ
ขนาด
44 px
ความหนา
600
ความสูงบรรทัด
1.2
หรือเปลี่ยนหลายอย่างในข้อความเดียวเปลี่ยนปุ่มให้เป็นสีเขียวเข้ม ใช้ตัวอักษรเนื้อหาที่ใหญ่ขึ้นบนมือถือ และย้ายเวลาเปิดทำการไปไว้เหนือแผนที่นำไปใช้เป็นการอัปเดตครั้งเดียว

เปรียบเทียบสามรูปแบบก่อนตัดสินใจ

Manus แนะนำแนวทางที่เหมาะกับเนื้อหาและกลุ่มเป้าหมายของคุณ แต่ละแนวทางมีสี ฟอนต์ และตัวอย่างภาพหลัก แล้วรอให้คุณเลือกหนึ่งแบบ

แก้ไขหลายอย่างในข้อความเดียว

จัดกลุ่มการเปลี่ยนแปลงที่เกี่ยวข้องกัน และ Manus จะนำไปใช้พร้อมกันเป็นการอัปเดตเดียว ส่วนสีหรือฟอนต์เดี่ยว ๆ ให้คลิกที่องค์ประกอบในพรีวิวแทน

เริ่มจากดีไซน์ Figma

หากนักออกแบบของคุณสร้างลุคใหม่เรียบร้อยแล้ว ให้เปลี่ยนการออกแบบ Figma เป็นเว็บไซต์ และ Manus จะเติมเนื้อหาจากหน้าเว็บปัจจุบันของคุณให้

ออกแบบเว็บไซต์ใหม่โดยไม่เสีย SEO

คง URL ที่เครื่องมือค้นหารู้จักไว้ Manus จะจับคู่แต่ละหน้าเดิมกับหน้าใหม่ และตั้งค่าเปลี่ยนเส้นทางให้กับหน้าที่ย้ายตำแหน่ง

แผนที่ URLที่อยู่เดิมไปยังหน้าใหม่ตัวอย่าง
  • //URL เดียวกัน
  • /menu/menuURL เดียวกัน
  • /menu.pdf/menuการเปลี่ยนเส้นทาง 301
  • /custom-cakes/cakes/custom-ordersการเปลี่ยนเส้นทาง 301
  • /gallery/aboutการเปลี่ยนเส้นทาง 301
  • /blog/… (24 โพสต์)URL เดียวกันURL เดียวกัน
จัดการให้คุณทันทีที่เปิดใช้ SEO
  • หน้าที่เรนเดอร์ไว้ล่วงหน้าสำหรับบอทค้นหา
  • URL แบบมาตรฐานในทุกหน้า
  • ไฟล์ robots.txt
  • แผนผังเว็บไซต์ที่อัปเดตเอง
92SEO แท็บแสดงคะแนน SEO พร้อมเช็กลิสต์ของแต่ละหน้าปรับให้เหมาะสมด้วย Manusเขียนหัวข้อ คำอธิบาย และคำสำคัญสำหรับแต่ละหน้า

แมปทุก URL เดิมไปยังหน้าใหม่

กำลังย้ายหน้าเว็บอยู่ใช่ไหม? Manus จะจับคู่ URL เดิมแต่ละอันเข้ากับหน้าใหม่ และเพิ่มการรีไดเรกต์ 301 ให้กับสิ่งที่เปลี่ยนแปลงไป เพื่อให้ลิงก์และบุ๊กมาร์กยังใช้งานได้

ตรวจสอบ SEO ก่อนและหลังเปิดตัว

ให้ทำการตรวจสอบ SEOกับเว็บไซต์เดิมก่อน หลังเปิดใช้งาน แท็บ SEO และ Optimize with Manus จะเติมหัวข้อและคำอธิบายที่ขาดหายไปให้

เผยแพร่การออกแบบใหม่ไปยังโดเมนของคุณเอง

เมื่อตัวอย่างดูเป็นที่น่าพอใจแล้ว ให้เผยแพร่ไปยังโดเมนของคุณเอง หรือซื้อโดเมนในตัวสร้างได้ มี SSL รวมอยู่ด้วย

  • โดเมนของคุณเอง

    เพิ่มระเบียน DNS ที่ Manus มอบให้คุณเพื่อเชื่อมต่อโดเมนที่กำหนดเอง หรือซื้อโดเมนใหม่ในตัวสร้าง

  • SSL ฟรี

    ระบบตั้งค่า HTTPS ให้โดเมนของคุณโดยอัตโนมัติ โดยไม่มีค่าใช้จ่ายเพิ่ม

  • ระบบวิเคราะห์ในตัว

    ดูจำนวนผู้เข้าชมไซต์ใหม่โดยไม่ต้องเพิ่มเครื่องมืออื่น

  • โค้ดของคุณ

    ดูหรือดาวน์โหลดโค้ด หรือซิงก์กับรีโพซิทอรี GitHub แบบส่วนตัว

  • บริการโฮสต์ที่ขยายขนาดได้

    การปรับขนาดอัตโนมัติ (Autoscale) เป็นค่าเริ่มต้น จะลดขนาดเป็นศูนย์เมื่อไม่มีการเข้าใช้งาน และมีค่าใช้จ่าย $0 ในระหว่างที่ไม่ได้ใช้งาน

  • ทำงานกับการเปลี่ยนแปลงหลายอย่าง

    เปิดเว็บไซต์ในงานใหม่เพื่อทำการเปลี่ยนแปลงอีกอย่างไปพร้อมกัน

วิธีออกแบบเว็บไซต์ใหม่ด้วย Manus

แชร์เว็บไซต์ของคุณ ตกลงแผนงานและปรับแต่งตัวอย่างให้ดีขึ้น เว็บไซต์ปัจจุบันของคุณจะยังออนไลน์อยู่จนกว่าคุณจะเผยแพร่

  1. 1

    แชร์เว็บไซต์ปัจจุบันของคุณ

    วาง URL ของมัน หากไฟล์ของคุณอยู่ในคอมพิวเตอร์ ให้ชี้ Manus Studio ไปยังโฟลเดอร์นั้นแทน

  2. 2

    ตรวจสอบแผน

    ตรวจสอบรายการหน้า แนวทางการออกแบบ และแผนผัง URL การเปลี่ยนแปลงแผนงานมีต้นทุนน้อยกว่าการเปลี่ยนแปลงเว็บไซต์ที่เสร็จสมบูรณ์แล้ว

  3. 3

    ดู Manus สร้าง

    การออกแบบใหม่จะปรากฏเป็นรูปเป็นร่างในตัวอย่างแบบเรียลไทม์

  4. 4

    ปรับแต่งให้ดีขึ้น

    คลิกองค์ประกอบเพื่อเปลี่ยนสี ฟอนต์ หรือระยะห่าง หรืออธิบายการแก้ไขที่ใหญ่กว่าในแชท

  5. 5

    เผยแพร่

    เมื่อพรีวิวออกมาตรงตามที่ต้องการแล้ว ให้เผยแพร่บนโดเมนของคุณได้ทันที ก่อนหน้านั้นไซต์เดิมของคุณจะยังคงเหมือนเดิมทุกอย่าง

สิ่งที่ควรรู้ก่อนเริ่มต้น

  • การสร้างและแก้ไขใช้เครดิต หลังจากเผยแพร่ ค่าโฮสติ้งจะคิดตามการใช้งาน พร้อมโควตาฟรีรายเดือน: คลาวด์ $10, AI $1 และการใช้งาน API $1
  • ออกแบบเว็บไซต์ที่คุณเป็นเจ้าของหรือมีสิทธิ์เปลี่ยนแปลงใหม่ Manus จะอ่านหน้าสาธารณะของคุณ จึงไม่จำเป็นต้องใช้รหัสผ่านโฮสต์เก่าของคุณ
  • ไซต์ขนาดใหญ่? เริ่มจากหน้าที่มีผู้เข้าชมมากที่สุดก่อน แล้วเพิ่มส่วนที่เหลือในงานเดียวกัน
  • ไม่มีเว็บไซต์ให้เริ่มต้น? ใช้เครื่องมือสร้างเว็บไซต์ธุรกิจเพื่อสร้างจากคำอธิบาย

เครื่องมือเพิ่มเติมสำหรับสร้างและอัปเดตเว็บไซต์

คำถามเกี่ยวกับการออกแบบเว็บไซต์ใหม่

การออกแบบเว็บไซต์ใหม่คืออะไร?

การออกแบบเว็บไซต์ใหม่คือการเปลี่ยนหน้าตาและการทำงานของเว็บไซต์ เช่น เลย์เอาต์ การนำทาง สี และฟอนต์ โดยยังคงเนื้อหาและที่อยู่หน้าเว็บที่ใช้งานได้อยู่ไว้ ด้วย Manus คุณเริ่มจาก URL ของเว็บไซต์ปัจจุบัน แล้วได้เวอร์ชันใหม่ที่พรีวิว แก้ไข และเผยแพร่ได้

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 ได้

ฉันสามารถออกแบบหน้าเดียวก่อนได้ไหม

ได้ครับ/ค่ะ เริ่มจากหน้าที่สำคัญที่สุดก่อน เช่น หน้าแรกหรือแลนดิ้งเพจ แล้วเพิ่มหน้าอื่น ๆ ในงานเดียวกันเมื่อคุณพอใจแนวทางแล้ว หากต้องการทำการเปลี่ยนแปลงหลายอย่างพร้อมกัน ให้เปิดเว็บไซต์ในงานใหม่

เริ่มออกแบบเว็บไซต์ของคุณใหม่

วางลิงก์ URL ของคุณ แล้วรับการออกแบบใหม่ที่คุณสามารถดูตัวอย่างได้ก่อนเผยแพร่จริง

เริ่มออกแบบใหม่

Less structure,
more intelligence.