Логотип, фавикон, название сайта и навигация
Загрузка логотипа (до 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. Короткое и ёмкое.
Навигация (nav_links)
Меню в шапке. Пункты добавляете вручную.
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 белый) и футер тоже тёмный — используется одинаковый, но если они разные — задаёте два варианта.