Перейти к содержимому

Брендинг и SEO

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

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

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

Вы также можете просто попросить AI изменить любой из них (см. ниже).

Изображение для социального предпросмотра

Заголовок раздела «Изображение для социального предпросмотра»

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

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

Опубликованные приложения на бесплатном плане отображают небольшой значок «Hecho con Proyecta». Чтобы скрыть его, откройте панель Settings builder’а и переключите Hide Proyecta badge в разделе Branding. Этот параметр доступен администраторам рабочего пространства на платных планах и вступает в силу при следующей публикации.

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 во время сборки