Брендинг та SEO

Налаштуй favicon, мета-теги, тему та зображення для соціальних мереж у панелі адміністратора свого застосунку або через запити до AI.

Брендинг та SEO керуються з панелі адміністратора самого застосунку, з розділу Branding в налаштуваннях builder, а також через чат з AI.

Налаштування SEO

SEO твого застосунку — заголовок сайту, мета-опис та favicon — редагуються з панелі адміністратора опублікованого застосунку, де власник може змінювати їх будь-коли без написання коду. Ці значення вставляються в опублікований HTML щоразу при публікації; застосунок роздається як статичний сайт з CDN Proyecta.

Ти також можеш просто попросити AI змінити будь-яке з них (див. нижче).

Зображення для соціального попереднього перегляду

Коли ти натискаєш Publish, на кроці Site info в діалозі можна встановити зображення соціальної картки — зображення Open Graph / Twitter, яке відображається, коли твоє посилання поширюється в соціальних мережах або месенджерах. Proyecta автоматично генерує його з твого живого сайту, а також ти можеш завантажити власне або перегенерувати його будь-коли.

Заголовок сайту, опис та favicon редагуються з панелі адміністратора застосунку, а не на цьому кроці. Соціальне зображення вставляється в опублікований HTML як og:image та twitter:image під час публікації.

Приховати бейдж Proyecta

Опубліковані застосунки на безкоштовному плані показують невеликий бейдж «Hecho con Proyecta». Щоб приховати його, відкрий панель Settings в builder і увімкни перемикач Hide Proyecta badge у розділі Branding. Цей параметр доступний адміністраторам робочого простору на платних планах і набуває чинності наступного разу, коли ти публікуєш застосунок.

Що можна зробити через чат з AI

AI Proyecta має повний доступ до дерева вихідних файлів, тому він може застосувати будь-яку зміну брендингу чи SEO, яку ти опишеш. Ці запити працюють одразу:

Favicon та вкладка браузера

• "Update the favicon to use my logo — here's the image" (перетягни зображення в чат)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Мета-теги та попередній перегляд у соціальних мережах

• "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 записує ці зміни безпосередньо в код, вони комітяться до git як і будь-які інші зміни — ти можеш переглянути їх в Історії версій і скасувати, якщо результат тебе не влаштовує.

Поради для кращих результатів

• Ділися референс-зображеннями. Перетягуй макети, брендбуки або скріншоти сайтів, які тобі подобаються, у чат. AI зчитує візуальні деталі.
• Будь конкретним щодо обсягу змін. «Оновити favicon» — чіткіше, ніж «оновити брендинг». Великі зміни надійніше реалізуються, якщо розбити їх на кілька сфокусованих запитів.
• Перевіряй перед публікацією. Зміни брендингу часто виглядають інакше на опублікованому сайті, ніж у превью builder. Опублікуй на свій піддомен *.proyecta.live і перевір результат, перш ніж фіксувати зміни.

Незабаром

• Вбудований інструмент SEO-аудиту — автоматичні підказки для покращення видимості в пошуку
• Автоматична генерація sitemap під час збірки