Bỏ qua để đến nội dung

Branding & SEO

Tùy chỉnh favicon, thẻ meta, giao diện và sitemap của ứng dụng bằng cách yêu cầu AI. Một bảng Branding chuyên dụng đang được lên kế hoạch phát triển.

Branding và SEO trong Proyecta có thể được quản lý thông qua sự kết hợp giữa bảng Settings và chat AI.

Nhấp vào nút Settings trên thanh công cụ builder và mở tab SEO & sharing để thiết lập:

  • Site title — hiển thị trên tab trình duyệt và kết quả tìm kiếm
  • Site description — thẻ meta description được công cụ tìm kiếm sử dụng
  • Favicon — biểu tượng hiển thị trên tab trình duyệt (tải lên một tệp hình ảnh)

Các cài đặt này được chèn vào HTML của ứng dụng đã publish khi bạn deploy lên subdomain proyecta.live. Chúng được lưu trữ nhưng không được áp dụng nếu ứng dụng của bạn sử dụng live pod-routing thay vì CDN publishing.

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 branding hay SEO nào bạn có thể mô tả, AI đều có thể thực hiện. Các gợi ý 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 hình ảnh vào chat)
  • "Change the browser tab title to 'Acme — All-in-one CRM'"

Thẻ meta và xem trước trên 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 viết những thay đổi này trực tiếp 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 chúng trong Lịch sử phiên bản và hoàn nguyên nếu không hài lòng với kết quả.

  • Chia sẻ hình ả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 các trang web bạn thích vào chat. AI sẽ nhận diện các chi tiết hình ảnh.
  • Nêu rõ phạm vi yêu cầu. “Cập nhật favicon” rõ ràng hơn “cập nhật branding.” Những thay đổi lớn sẽ được thực hiện đá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 branding thường trông khác trên trang web đã publish so với xem trước 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ính thức xác nhận.
  • Xem trước mạng xã hội — tự động tạo ảnh Open Graph từ tài nguyên thương hiệu của bạn
  • Công cụ kiểm tra SEO tích hợp — gợi ý 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