Брендинг і SEO

Налаштовуй фавіконку, мета-теги, тему та sitemap свого застосунку за допомогою AI. Окрема панель Branding вже у планах розробки.

Брендингом і SEO в Proyecta можна керувати через панель Settings та AI-чат.

Налаштування SEO і публікацій

Натисни кнопку Settings на панелі інструментів Builder і відкрий вкладку SEO & sharing, щоб задати:

• Site title — відображається у вкладці браузера та у результатах пошукових систем
• Site description — мета-опис, який використовують пошукові системи
• Favicon — іконка у вкладках браузера (завантаж файл зображення)

Ці налаштування вставляються в HTML опублікованого застосунку, коли ти публікуєш його на субдомені proyecta.live. Вони зберігаються, але не застосовуються, якщо твій застосунок використовує live pod-routing замість CDN-публікації.

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

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

Фавіконка та вкладка браузера

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

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

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

Незабаром

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