Branding i SEO

Dostosuj favicon, metatagi, motyw i sitemap swojej aplikacji, rozmawiając z AI. Dedykowany panel Branding jest w planach.

Brandingiem i SEO w Proyecta możesz zarządzać za pomocą panelu Settings oraz czatu z AI.

Ustawienia SEO i udostępniania

Kliknij przycisk Settings na pasku narzędzi buildera i przejdź do zakładki SEO & sharing, aby ustawić:

• Site title — wyświetlany w karcie przeglądarki i wynikach wyszukiwania
• Site description — meta opis używany przez wyszukiwarki
• Favicon — ikona widoczna w kartach przeglądarki (prześlij plik graficzny)

Te ustawienia są wstrzykiwane do kodu HTML opublikowanej aplikacji podczas publikacji w subdomenie proyecta.live. Są zapisywane, ale nie są stosowane, jeśli Twoja aplikacja korzysta z live pod-routing zamiast publikacji przez CDN.

Co możesz zrobić za pomocą czatu z AI

AI w Proyecta ma pełny dostęp do drzewa źródłowego, więc może wprowadzić każdą zmianę dotyczącą brandingu lub SEO, którą potrafisz opisać. Poniższe podpowiedzi działają od razu:

Favicon i karta przeglądarki

• "Update the favicon to use my logo — here's the image" (przeciągnij obraz do czatu)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Metatagi i podglądy w mediach społecznościowych

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

Motyw i identyfikacja wizualna

• "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" (wklej zrzut ekranu)

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"

Ponieważ AI zapisuje te zmiany bezpośrednio w kodzie, są one commitowane do gita tak samo jak wszystkie inne modyfikacje — możesz je przeglądać w Historii wersji i cofnąć, jeśli wynik Ci nie odpowiada.

Wskazówki dla lepszych rezultatów

• Udostępniaj grafiki referencyjne. Przeciągaj do czatu makiety, wytyczne brandingowe lub zrzuty ekranu stron, które Ci się podobają. AI wychwytuje wizualne szczegóły.
• Precyzuj zakres zmian. „Zaktualizuj favicon” jest jaśniejszym poleceniem niż „zaktualizuj branding”. Duże zmiany wychodzą lepiej, gdy podzielisz je na mniejsze, konkretne kroki.
• Sprawdź podgląd przed publikacją. Zmiany brandingowe często wyglądają inaczej na opublikowanej stronie niż w podglądzie buildera. Opublikuj do subdomeny *.proyecta.live i sprawdź rezultat, zanim go zatwierdzisz.

Wkrótce

• Podglądy w mediach społecznościowych — automatyczne generowanie grafik Open Graph z Twoich zasobów brandingowych
• Wbudowane narzędzie do audytu SEO — automatyczne sugestie poprawy widoczności w wyszukiwarkach
• Automatyczne generowanie sitemap podczas budowania aplikacji