Удобная админка: менять сайт без программиста

Админка сайта — это закрытая панель управления, через которую сотрудники меняют содержимое сайта без программиста. Удобной её можно считать, если новый человек без инструкции за десять минут поменяет цену и опубликует новость. Для этого в панели должно редактироваться всё, что меняется вместе с бизнесом, — тексты, цены, акции, контакты, — а структура и оформление должны быть защищены от случайных поломок. Ниже разберём, что должно быть в админке, как раздать права сотрудникам, как проверить свою панель и что делать, если она неудобная.

Что такое админка и чем она отличается от CMS

Админка, административная панель, панель управления сайтом — это одно и то же: раздел сайта, куда входят по логину и паролю и где редактируют страницы, товары, заявки. CMS — система управления сайтом, то есть «движок» целиком, а админка — её видимая часть, с которой работают люди.

Удобство зависит не от названия CMS, а от того, как панель настроена под ваши задачи. Плохо настроенная админка неудобна на любом движке, включая самый популярный. Поэтому вопрос «какую систему взять» и вопрос «какой должна быть панель» — разные; первому посвящена статья о том, как выбрать CMS.

Как проверить админку за 10 минут

У нас есть простой тест качества админки. Посадите нового сотрудника, дайте логин и попросите поменять цену товара и опубликовать новость. Без инструкции и без звонка разработчику. Уложился в десять минут — админка хорошая. Пошёл искать видеоурок — с панелью управления что-то не так.

Тест звучит наивно, но проваливает его удивительное количество сайтов. К нам приходил клиент, у которого цены на сайте не менялись полтора года: единственный человек, понимавший админку, уволился, а разбираться заново никто не рискнул. Полтора года сайт показывал старые цены. Менеджеры извинялись по телефону.

Что владелец должен менять сам

Всё, что живёт и дышит вместе с бизнесом, обязано редактироваться руками вашей команды. Если ради смены телефона в подвале нужно писать программисту и ждать два дня, сайт спроектирован против вас.

SEO-поля стоит выделить отдельно: без них продвижение упирается в разработчика на каждом шаге. Что в них писать, рассказано в статье про Title и Description.

Что закрыто намеренно — и это не жадность

Структура страниц, сетка, шрифты, цвета кнопок — в наших проектах это недоступно из админки. Не потому что мы хотим продавать каждую правку. Свободное редактирование вёрстки — самый короткий путь к сайту, где один заголовок красный, другой зелёный, а блок с акцией уехал за край экрана на телефонах.

Дизайн-система — это рамки, внутри которых сайт остаётся аккуратным при любом контенте. Контент — ваш, рамки — наши. Такое разделение защищает и вас: через год сайт выглядит так же собранно, как в день сдачи.

• Оформление. Шрифты, цвета, отступы задаются один раз и применяются везде.
• Структура шаблонов. Порядок обязательных блоков в карточке товара или на странице услуги.
• Настройки интеграций. Ключи оплаты, обмен с CRM и учётной системой доступны только администратору.
• Код и служебные файлы. Правка кода из браузера — удобная лазейка для взломщика и верный способ положить сайт одной опечаткой.

Золотая середина — готовые блоки. Редактор не рисует страницу с нуля, а собирает её из заранее продуманных элементов: текст, галерея, таблица цен, форма. Свободы достаточно, а испортить оформление невозможно.

Признаки удобной админки

• Понятные названия на русском. «Товары», «Заявки», «Статьи», а не «Сущности», «Инфоблоки» и «Тип_3». Названия полей совпадают с тем, что человек видит на сайте.
• Ничего лишнего. В меню только разделы, которыми пользуются. Десятки служебных пунктов спрятаны от тех, кому они не нужны.
• Предпросмотр. Поменяли текст, посмотрели, как он выглядит на странице, и только потом опубликовали. Мелочь, которая экономит от неловких опечаток на главной.
• Черновики и отложенная публикация. Статью можно сохранить недописанной и выпустить в назначенный день.
• Поиск и фильтры в списках. Нужный товар среди двух тысяч находится по названию или артикулу за секунды.
• Массовые действия. Поднять цены на категорию, скрыть сезонные товары, поменять статус у десяти заказов — без захода в каждую карточку.
• Картинки без подготовки. Загруженное фото само уменьшается и сжимается до нужного размера. Почему это важно, объясняется в статье про оптимизацию картинок.
• Подсказки у полей. «Размер фото не меньше 1200 пикселей по ширине», «до 160 символов».
• Защита от ошибок. Перед удалением панель переспрашивает, а удалённое можно восстановить.
• Работа с телефона. Посмотреть заявку или поправить цену можно со смартфона.

Роли и права: кому что доступно

Контент-менеджеру не нужен доступ к настройкам интеграций и модулю оплаты. Не из недоверия — просто случайный клик в незнакомом разделе не должен уметь сломать магазин. Нормальная админка позволяет раздать роли: редактор пишет статьи, менеджер правит цены и заказы, полный доступ остаётся у одного-двух человек.

Заодно роли решают вопрос «кто это поменял»: в журнале действий видно, кто и когда трогал страницу. Спорить о том, куда делся абзац, становится не о чем.

У каждого сотрудника должен быть свой логин. Общий аккаунт на весь отдел — плохая практика: при увольнении сотрудника приходится менять пароль всем, а история действий обезличена. Вход в админку — одна из главных целей взломщиков, поэтому пароли должны быть сложными, а доступы уволившихся — закрываться в тот же день. Подробнее — в статье о том, как защитить сайт от взлома. А главный администраторский доступ должен оставаться у владельца бизнеса, а не только у подрядчика: почему это важно, мы разобрали в материале про доступы к сайту.

Что требовать от админки при заказе сайта

Панель управления стоит обсуждать до начала работ, а не на сдаче. Чем конкретнее требования, тем меньше сюрпризов.

1. Составьте список того, что сотрудники будут менять сами, и как часто. Таблица выше — готовая заготовка.
2. Назовите людей, которые будут работать с сайтом, и их задачи — из этого получатся роли.
3. Попросите показать админку похожего проекта студии и попробуйте выполнить в ней пару действий.
4. Запишите требования в техническое задание: что редактируется, какие роли, нужен ли журнал действий.
5. Перед приёмкой проведите тест с новым сотрудником: цена, новость, баннер, заявка.
6. Получите короткую инструкцию и проведите обучение команды.

При сдаче проекта мы в CasperLab садимся с командой клиента и показываем, как всё устроено: где цены, где статьи, где SEO-поля. Обычно хватает одной встречи — потому что админку мы изначально делаем под тот самый тест с десятью минутами.

Как сделать удобнее админку существующего сайта

Если сайт уже работает, а панель неудобная, переделывать всё необязательно. Чаще всего админку можно привести в порядок: это заметно дешевле переделки сайта и обычно занимает несколько дней работы.

1. Выпишите действия, которые сотрудники выполняют чаще всего, и те, ради которых приходится звать программиста.
2. Уберите из меню и форм лишнее: неиспользуемые разделы, поля, которые никто не заполняет.
3. Переименуйте разделы и поля так, как их называют в компании.
4. Добавьте подсказки к полям и обязательные проверки: цена не может быть пустой, фото не может весить десятки мегабайт.
5. Настройте роли и заведите каждому сотруднику отдельный логин.
6. Вынесите в админку то, что сейчас меняется только через код: телефоны, баннеры, тексты в шапке и подвале.
7. Включите предпросмотр и журнал действий, если система это позволяет.
8. Запишите короткую инструкцию на одну-две страницы и повторите тест с десятью минутами.

Переделка оправдана, когда система устарела, не обновляется или никто, кроме ушедшего разработчика, не понимает, как она устроена.

Частые ошибки

• Один пароль на всех. Невозможно понять, кто внёс изменение, и нельзя отключить одного человека.
• Всем выданы права администратора. Любой сотрудник может случайно удалить раздел или отключить оплату.
• Доступ только у подрядчика. Владелец не может войти в собственный сайт без посредника.
• Контент зашит в код. Телефон, адрес и тексты на главной меняет только программист.
• Свободный редактор везде. Сотрудники раскрашивают заголовки и вставляют текст из Word вместе с чужим оформлением — сайт теряет вид.
• Нет инструкции. Знания живут в голове одного человека и уходят вместе с ним.
• Панель не обновляется. Старая версия системы — это и неудобство, и дыры в безопасности.
• Админку выбирают по демо-ролику. Красивый интерфейс ничего не говорит о том, насколько быстро в нём выполняются ваши ежедневные задачи.

Чек-лист удобной админки

• Новый сотрудник без инструкции меняет цену и публикует новость за десять минут.
• Тексты, цены, акции, контакты и SEO-поля редактируются без программиста.
• Разделы и поля названы понятными словами.
• Есть предпросмотр и черновики.
• В списках работают поиск, фильтры и массовые действия.
• Картинки сжимаются автоматически при загрузке.
• У каждого сотрудника свой логин и роль.
• Ведётся журнал действий.
• Оформление и настройки интеграций защищены от случайных правок.
• Полный доступ есть у владельца бизнеса.
• Есть короткая инструкция для новых сотрудников.

Коротко

Удобная админка позволяет команде самой менять всё, что меняется в бизнесе, и не даёт случайно сломать то, что меняться не должно. Проверяется она простым тестом: новый сотрудник, цена и новость, десять минут. Роли, личные логины, предпросмотр и понятные названия важнее, чем название системы, на которой сделан сайт.

Хотите сайт, который команда сможет вести сама, — начните с расчёта в калькуляторе стоимости, а требования к панели управления обсудим на первом созвоне.