Branding i SEO

Dostosuj favicon, meta tagi, motyw i obraz społecznościowy swojej aplikacji z poziomu panelu administracyjnego oraz rozmawiając z AI.

Branding i SEO są zarządzane z poziomu własnego panelu administracyjnego aplikacji, ustawień Branding w builderze oraz czatu z AI.

Ustawienia SEO

SEO twojej aplikacji — tytuł strony, meta opis i favicon — edytujesz z poziomu panelu administracyjnego opublikowanej aplikacji, gdzie właściciel może je zmieniać w dowolnym momencie bez pisania kodu. Wartości te są wpisywane do opublikowanego HTML przy każdej publikacji; twoja aplikacja jest serwowana jako statyczna strona z CDN Proyecta.

Możesz też po prostu poprosić AI o zmianę którejkolwiek z nich (patrz poniżej).

Obraz podglądu społecznościowego

Gdy klikniesz Publish, krok Site info w oknie dialogowym pozwala ustawić obraz karty społecznościowej — obraz Open Graph / Twitter wyświetlany, gdy twój link jest udostępniany w mediach społecznościowych lub komunikatorach. Proyecta generuje go automatycznie na podstawie twojej opublikowanej strony, a ty możesz przesłać własny lub wygenerować go ponownie w dowolnym momencie.

Tytuł strony, opis i favicon edytujesz z poziomu panelu administracyjnego swojej aplikacji, a nie w tym kroku. Obraz społecznościowy jest wstrzykiwany do opublikowanego HTML jako og:image i twitter:image podczas publikacji.

Ukryj odznakę Proyecta

Opublikowane aplikacje w planie bezpłatnym wyświetlają małą odznakę „Hecho con Proyecta“. Aby ją ukryć, otwórz panel Settings w builderze i włącz opcję Hide Proyecta badge w sekcji Branding. Ta kontrolka jest dostępna dla administratorów przestrzeni roboczej w płatnych planach i zaczyna obowiązywać przy następnej publikacji.

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

AI Proyecta ma pełny dostęp do drzewa źródłowego twojego projektu, więc może zastosować każdą zmianę brandingową lub SEO, którą opiszesz. Poniższe polecenia 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'"

Meta tagi i podglądy społecznościowe

• "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 wprowadza te zmiany bezpośrednio do twojego kodu, są one commitowane do git tak jak każda inna zmiana — możesz je przeglądać w Historii wersji i cofnąć, jeśli wynik ci nie odpowiada.

Wskazówki dla lepszych rezultatów

• Udostępniaj obrazy referencyjne. Przeciągaj makiety, wytyczne brandingowe lub zrzuty ekranu stron, które ci się podobają, do czatu. AI wyłapuje wizualne szczegóły.
• Precyzuj zakres zmian. „Update the favicon“ jest jaśniejsze niż „update the branding“. Duże zmiany wychodzą lepiej, gdy podzielisz je na mniejsze, skupione kroki.
• Sprawdzaj podgląd przed publikacją. Zmiany brandingowe często wyglądają inaczej na opublikowanej stronie niż w podglądzie buildera. Opublikuj na swojej subdomenie *.proyecta.live i sprawdź wynik, zanim ostatecznie go zaakceptujesz.

Wkrótce

• Wbudowane narzędzie do audytu SEO — automatyczne sugestie poprawy widoczności w wyszukiwarkach
• Automatyczne generowanie sitemap podczas budowania