Pro

Логотип, фавикон, название сайта и навигация

Загрузка логотипа (до 10 МБ), фавикон, site_name, nav_links (catalog / page / category / url).

Логотип, фавикон, название сайта и навигация

Шапка сайта — первое, что видит гость. Она должна содержать ваш бренд и быстрый путь к главным разделам.

Логотип

Toolbar → SiteБрендЛоготип.

Форматы: JPG / PNG / SVG / WebP. Максимум 10 МБ.

Рекомендуется SVG:

  • Идеальное качество на retina.
  • Маленький размер.
  • Легко перекрасить через CSS, если вдруг понадобится.

Если SVG нет — PNG на прозрачном фоне, минимум 512×512 px.

Высота в шапке — 32, 40, 48, 56 px. 40 — стандарт.

Альтернатива логотипу

Если лого нет, Misea использует название сайта как текст в шапке. Стилизуется под выбранный шрифт заголовков (из Шрифты).

Фавикон

Маленькая иконка во вкладке браузера, закладках и истории.

Toolbar → SiteБрендФавикон.

Формат: ICO, PNG, SVG. Размер 32×32 px минимум (лучше 64×64 для retina).

Если логотип сложный (с длинным текстом), создайте отдельную упрощённую иконку для фавикона — буква или моно-символ.

Хотите обычно: квадратный PNG 64×64 с коротким символом или иконкой на фоне Primary-цвета.

Название сайта (site_name)

Используется:

  • В <title> HTML (если Page-SEO не переопределяет).
  • В og:site_name для превью.
  • В шапке как альтернатива логотипу.

Site → Бренд → Site name. Короткое и ёмкое.

Меню в шапке. Пункты добавляете вручную.

Toolbar → SiteНавигацияДобавить ссылку.

Типы ссылок

  • Page — внутренняя страница сайта (выбираете из выпадающего списка).
  • Catalog — быстрая ссылка на меню.
  • Category — на конкретную категорию каталога.
  • URL — внешняя ссылка (https://...).
  • Anchor — якорь на текущей странице (#contacts).

Пример типичной навигации

  • Меню → Catalog
  • Доставка → Page /delivery
  • О нас → Page /about
  • Контакты → Anchor #contacts (если на одной странице) или Page /contacts

Обычно 3–5 пунктов — оптимально. Больше — пользователь теряется. Меньше — выглядит пусто.

Выделенный пункт (CTA)

Последний пункт навигации можно пометить как CTA-кнопку — он будет выглядеть ярко, выделяясь из остальных.

Подходит для «Забронировать», «Заказать» — главное действие гостя.

Мобильная навигация

На мобильном (меньше 780 px) горизонтальная навигация автоматически сворачивается в гамбургер-меню (иконка с тремя полосками справа в шапке).

Ничего дополнительно настраивать не нужно.

Логотип в футере

По умолчанию дублируется логотип из шапки. Можно задать альтернативный в Site → Футер → Логотип footer. Полезно, если шапка на тёмном фоне (logo белый) и футер тоже тёмный — используется одинаковый, но если они разные — задаёте два варианта.

Следующие шаги