Branding & SEO

ปรับแต่ง favicon, meta tag, ธีม และรูปภาพโซเชียลของแอปได้จากแผงผู้ดูแลแอปและจากการสนทนากับ AI

การจัดการ Branding และ SEO ทำได้จากแผงผู้ดูแลของแอป, การตั้งค่า Branding ใน builder และการสนทนาใน AI chat

การตั้งค่า SEO

SEO ของแอป ได้แก่ ชื่อไซต์, meta description และ favicon — แก้ไขได้จาก แผงผู้ดูแล ของแอปที่เผยแพร่แล้ว โดยเจ้าของสามารถเปลี่ยนแปลงได้ตลอดเวลาโดยไม่ต้องแตะโค้ด ค่าเหล่านี้จะถูกเขียนลงใน HTML ที่เผยแพร่ทุกครั้งที่คุณกด Publish และแอปของคุณจะถูกเสิร์ฟเป็น static site จาก CDN ของ Proyecta

คุณสามารถขอให้ AI เปลี่ยนค่าเหล่านี้ได้เช่นกัน (ดูด้านล่าง)

รูปภาพ social preview

เมื่อคุณคลิก Publish ขั้นตอน Site info ในกล่องโต้ตอบจะให้คุณตั้งค่า รูปภาพ social card ซึ่งเป็นรูป Open Graph / Twitter ที่จะแสดงเมื่อลิงก์ของคุณถูกแชร์บนโซเชียลมีเดียหรือแอปแชต Proyecta จะสร้างรูปนี้ให้อัตโนมัติจากไซต์ที่ใช้งานจริง และคุณสามารถ อัปโหลดรูปของตัวเอง หรือ สร้างใหม่ ได้ตลอดเวลา

ชื่อไซต์, description และ favicon แก้ไขได้จาก แผงผู้ดูแล ของแอป ไม่ใช่ในขั้นตอนนี้ ส่วนรูปภาพโซเชียลจะถูกฝังลงใน HTML ที่เผยแพร่ในรูปแบบ og:image และ twitter:image เมื่อคุณ publish

ซ่อนแบดจ์ Proyecta

แอปที่เผยแพร่บนแผน free จะแสดงแบดจ์เล็กๆ ว่า “Hecho con Proyecta” หากต้องการซ่อน ให้เปิดชีต Settings ใน builder แล้วเปิด/ปิดตัวเลือก Hide Proyecta badge ใต้หัวข้อ Branding การตั้งค่านี้ใช้ได้สำหรับผู้ดูแลระบบของ workspace ในแผนที่ชำระเงิน และจะมีผลในครั้งถัดไปที่คุณ publish

สิ่งที่ทำได้ผ่าน AI chat

AI ของ Proyecta มีสิทธิ์เข้าถึง source tree ทั้งหมดของคุณ ดังนั้นการเปลี่ยนแปลง branding หรือ SEO ใดๆ ที่คุณบอก มันสามารถดำเนินการให้ได้เลย prompt เหล่านี้พร้อมใช้งานทันที:

Favicon และแท็บเบราว์เซอร์

• "Update the favicon to use my logo — here's the image" (ลากรูปภาพเข้ามาในแชต)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Meta tag และ social preview

• "Add Open Graph meta tags for social sharing with my tagline and hero image"
• "Make sure every page has a unique meta description based on its content"
• "Generate a Twitter Card image for the landing page"

ธีมและอัตลักษณ์ภาพ

• "Change the theme colors to navy and gold and apply them across the whole app"
• "Switch to a softer, rounded visual style — more playful than corporate"
• "Use the brand colors from this screenshot" (วางภาพหน้าจอเข้ามา)

SEO

• "Do an SEO audit of my site and suggest improvements"
• "Generate a sitemap.xml for my app"
• "Add structured data (JSON-LD) to my landing page for rich snippets"
• "Check that every page has proper meta descriptions and h1 tags"

เนื่องจาก AI เขียนการเปลี่ยนแปลงเหล่านี้ลงในโค้ดโดยตรง จึงถูก commit เข้า git เหมือนกับการเปลี่ยนแปลงอื่นๆ ทั้งหมด คุณสามารถดูประวัติได้ใน Version History และย้อนกลับได้หากไม่พอใจผลลัพธ์

เคล็ดลับสำหรับผลลัพธ์ที่ดีขึ้น

• แชร์รูปอ้างอิง ลากไฟล์ mockup, คู่มือ brand หรือภาพหน้าจอของไซต์ที่ชอบเข้ามาในแชต AI จะรับรู้รายละเอียดด้านภาพได้ดี
• ระบุขอบเขตให้ชัดเจน “Update the favicon” ชัดเจนกว่า “update the branding” การเปลี่ยนแปลงขนาดใหญ่จะได้ผลดีกว่าเมื่อแบ่งเป็นคำสั่งย่อยที่เฉพาะเจาะจง
• ดู preview ก่อน publish การเปลี่ยนแปลง branding มักดูต่างออกไปเมื่ออยู่บนไซต์จริงเทียบกับตอนดูใน builder preview ให้ publish ไปที่ subdomain *.proyecta.live ของคุณก่อน แล้วตรวจสอบผลลัพธ์ก่อนที่จะยืนยัน

เร็วๆ นี้

• เครื่องมือ SEO audit ในตัว — คำแนะนำอัตโนมัติเพื่อเพิ่มการค้นพบไซต์ของคุณ
• การสร้าง sitemap อัตโนมัติ ในขั้นตอน build