Thương hiệu & SEO

Tùy chỉnh favicon, thẻ meta, giao diện và ảnh mạng xã hội của ứng dụng từ trang quản trị và bằng cách yêu cầu AI.

Thương hiệu và SEO được quản lý từ trang quản trị riêng của ứng dụng, cài đặt Branding trong builder, và chat với AI.

Cài đặt SEO

SEO của ứng dụng — tiêu đề trang, mô tả meta, và favicon — được chỉnh sửa từ trang quản trị của ứng dụng đã publish, nơi chủ sở hữu có thể thay đổi bất cứ lúc nào mà không cần viết code. Các giá trị này được ghi vào HTML đã publish mỗi khi bạn publish; ứng dụng của bạn được phục vụ dưới dạng trang tĩnh từ CDN của Proyecta.

Bạn cũng có thể yêu cầu AI thay đổi bất kỳ giá trị nào trong số đó (xem bên dưới).

Ảnh xem trước mạng xã hội

Khi bạn nhấn Publish, bước Site info trong hộp thoại cho phép bạn đặt ảnh social card — ảnh Open Graph / Twitter hiển thị khi liên kết của bạn được chia sẻ trên mạng xã hội hoặc các ứng dụng chat. Proyecta tự động tạo ảnh này từ trang live của bạn, và bạn có thể tải lên ảnh của riêng mình hoặc tạo lại bất cứ lúc nào.

Tiêu đề trang, mô tả và favicon được chỉnh sửa từ trang quản trị của ứng dụng, không phải ở bước này. Ảnh mạng xã hội được chèn vào HTML đã publish dưới dạng og:image và twitter:image khi bạn publish.

Ẩn badge Proyecta

Các ứng dụng đã publish trên gói miễn phí hiển thị badge nhỏ “Hecho con Proyecta”. Để ẩn badge này, mở sheet Settings trong builder và bật/tắt Hide Proyecta badge trong mục Branding. Tùy chọn này dành cho workspace admin trên các gói trả phí, và có hiệu lực vào lần tiếp theo bạn publish.

Những gì bạn có thể làm với AI chat

AI của Proyecta có toàn quyền truy cập vào cây mã nguồn của bạn, vì vậy bất kỳ thay đổi về thương hiệu hoặc SEO nào bạn mô tả, AI đều có thể áp dụng. Các yêu cầu sau hoạt động ngay lập tức:

Favicon và tab trình duyệt

• "Update the favicon to use my logo — here's the image" (kéo ảnh vào chat)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Thẻ meta và xem trước mạng xã hội

• "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"

Giao diện và nhận diện thương hiệu

• "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" (dán ảnh chụp màn hình vào)

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"

Vì AI ghi trực tiếp những thay đổi này vào code của bạn, chúng được commit vào git như mọi thay đổi khác — bạn có thể xem lại trong Lịch sử phiên bản và hoàn tác nếu không ưng ý kết quả.

Mẹo để có kết quả tốt hơn

• Chia sẻ ảnh tham khảo. Kéo mockup, tài liệu hướng dẫn thương hiệu hoặc ảnh chụp màn hình của những trang bạn thích vào chat. AI nhận diện được các chi tiết trực quan.
• Nêu rõ phạm vi. “Update the favicon” rõ ràng hơn “update the branding”. Những thay đổi lớn sẽ đạt kết quả đáng tin cậy hơn khi được chia thành các yêu cầu nhỏ, tập trung.
• Xem trước trước khi publish. Các thay đổi thương hiệu thường trông khác ở trang đã publish so với preview trong builder. Hãy publish lên subdomain *.proyecta.live của bạn và kiểm tra kết quả trước khi chốt.

Sắp ra mắt

• Công cụ kiểm tra SEO tích hợp — đề xuất tự động để cải thiện khả năng tìm kiếm
• Tự động tạo sitemap tại thời điểm build