Branding & SEO

ปรับแต่ง favicon, meta tags, ธีม และ sitemap ของแอปด้วยการสอบถาม AI แผง Branding โดยเฉพาะอยู่ในแผนงานที่กำลังพัฒนา

การจัดการ Branding และ SEO ใน Proyecta ทำได้ผ่านทั้งแผง Settings และ AI chat

การตั้งค่า SEO และการแชร์

คลิกปุ่ม Settings ในแถบเครื่องมือของ builder แล้วเปิดแท็บ SEO & sharing เพื่อตั้งค่า:

• Site title — แสดงในแท็บเบราว์เซอร์และผลการค้นหา
• Site description — meta description ที่ search engine นำไปใช้
• Favicon — ไอคอนที่แสดงในแท็บเบราว์เซอร์ (อัปโหลดไฟล์รูปภาพ)

การตั้งค่าเหล่านี้จะถูกฝังลงใน HTML ของแอปที่ publish แล้วเมื่อคุณ publish ไปยัง subdomain ของ proyecta.live โดยข้อมูลจะถูกบันทึกไว้ แต่จะไม่ถูกนำไปใช้หากแอปของคุณใช้ live pod-routing แทน CDN publishing

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

AI ของ Proyecta เข้าถึง source tree ของคุณได้ทั้งหมด ดังนั้นการเปลี่ยนแปลงด้าน branding หรือ SEO ใด ๆ ที่คุณอธิบายได้ AI ก็สามารถดำเนินการให้ได้ 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 tags และ social previews

• "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 guidelines หรือภาพหน้าจอของเว็บไซต์ที่คุณชอบเข้ามาในช่องแชท AI จะจับรายละเอียดด้านภาพได้
• ระบุขอบเขตให้ชัดเจน “Update the favicon” ชัดเจนกว่า “update the branding” การเปลี่ยนแปลงขนาดใหญ่จะได้ผลดีกว่าเมื่อแบ่งออกเป็นขั้นตอนย่อย ๆ ที่มีจุดโฟกัสชัดเจน
• ดู preview ก่อน publish การเปลี่ยนแปลงด้าน branding มักดูแตกต่างกันระหว่างใน builder preview กับเว็บไซต์ที่ publish แล้ว ให้ publish ไปยัง subdomain *.proyecta.live ของคุณและตรวจสอบผลลัพธ์ก่อนที่จะยืนยันการเปลี่ยนแปลง

เร็ว ๆ นี้

• Social media previews — การสร้าง Open Graph image อัตโนมัติจาก brand assets ของคุณ
• Built-in SEO audit tool — ข้อเสนอแนะอัตโนมัติเพื่อปรับปรุงการค้นพบเว็บไซต์
• การสร้าง sitemap อัตโนมัติ ในขณะ build