По всем требованиям: каким должен быть сайт образовательного учреждения

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

Как сделать сайт образовательной организации по всем правилам, на примере Московской государственной академии хореографии рассказывает Андрей Свинцов, исполнительный директор Morizo. На официальном сайте МГАХ удалось объединить изящество балета, жесткие образовательные стандарты, более 500 страниц документов и уложить творческие порывы в программную логику.

Общие требования к содержанию, актуальные с 1 сентября 2024

Содержание и структуру сайтов образовательных учреждений — от детских садов до академий — регламентируют Федеральный закон об образовании, два постановления Правительства РФ, один приказ Минобрнауки и два приказа Рособрнадзора, один из них вступил в силу 1 сентября. Здесь нет места вольности. Меню сайта должно содержать разделы:

• Основные сведения,
• Структура и органы управления образовательной организацией, 
• Документы, 
• Образование, 
• Руководство, 
• Педагогический состав, 
• Материально-техническое обеспечение и оснащенность образовательного процесса. 
• Доступная среда, 
• Стипендии и меры поддержки обучающихся, 
• Платные образовательные услуги, 
• Финансово-хозяйственная деятельность, 
• Вакантные места для приема (перевода) обучающихся, 
• Международное сотрудничество,
• Организация питания в образовательной организации. 

Если учреждение работает по федеральным образовательным стандартам, добавляется подраздел «Образовательные стандарты и требования».

Решение — несколько уровней меню

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

МГАХ работает более 250 лет, у академии есть история, стиль и статус. Для ее сайта команда разработчиков выбрала минималистичный дизайн со сдержанными благородными цветами, большим количеством «воздуха» и с четкой, понятной структурой. При этом главная страница во многом напоминает балетную постановку на сцене Большого театра. Есть «вторая линия» — верхнеуровневое меню по всем требования законодательства, «первая линия» — меню для посетителей сайта с полезной информацией, далее «солисты» — видео, анимированный слайдер с фактами об академии и интерактивный блок истории в пределах первых двух скроллов. В качестве «либретто» — быстрые ссылки на самые востребованные страницы сайта, так пользователи в пару кликов находят нужные сведения.

Главная страница сайта МГАХ

Декорации или визуалы — эффектная, но массивная часть сайта. Для ускорения загрузки страниц разработчики использовали JPEG 2000, JPEG XR и WebP. Такие форматы изображений подгружаются быстрее и потребляют вдвое меньше трафика по сравнению со стандартными PNG и JPEG. Сейчас в зависимости от расположения сервера десктопная загрузка сайта занимает от 0,257 до 1,059 сек.

Требования к обязательной документации

На сайте в открытом доступе размещаются 13 подразделов в разделе «Документы»: устав, свидетельство о государственной аккредитации с приложениями, правила внутреннего трудового распорядка, коллективный договор, результат самообследования (показатели эффективности по всем направлениям деятельности), предписания контролирующих органов, правила приема, режим занятий, формы контроля успеваемости, порядок перевода, приостановления обучения для несовершеннолетних и локальные нормативные акты. Еще более 20 документов могут понадобиться и на других отдельных страницах сайта, все должны быть с электронной подписью. На обновление любых данных отводится не более 10 дней.

Вариант реализации — цифровое хранилище

До модернизации интернет-ресурс МГАХ содержал более 500 страниц. Разработчики отказались от постраничного размещения, радикально изменили архитектуру сайта и создали систему управления большим количеством данных. Теперь все необходимые документы размещены в цифровом хранилище, оттуда их легко привязать к нужному контенту с помощью перекрестных ссылок. Система хранения упростила навигацию на сайте, сократила количество страниц в 2,2 раза. Для учебного заведения было важно, чтобы при замене устаревшего документа на новый, все страницы автоматически начинали ссылаться на обновленный файл. Цифровое хранилище решает и эту задачу.

Структура цифрового хранилища

Обязательные требования по HTML-разметке

Для успешного аккредитационного мониторинга необходима качественная HTML-разметка. Она должна полностью соответствовать методическим рекомендациям и требованиям законодательства, успешным результатом проверки считаются 100%. Специалисты, обновлявшие сайт, проставляли на сайте тэги с атрибутами (itemprop=”addRef”) точно по методическим рекомендациям. В каждом разделе указаны от 2 до 18 таких идентификаторов — по ним система проверяет соответствие требованиям законодательства. Результат автоматического мониторинга составил 100%.

Доступность информации и инклюзивность

Цифровая инклюзивная среда сайта — одно из требований законодательства. Команда провела большую подготовительную работу, изучила ГОСТы, требования и десятки методических рекомендаций. В результате разработчики создали версию для слабовидящих пользователей, которая подходит для шести популярных браузеров и позволяет легко управлять размерами шрифтов и цветовыми схемами. Пользователи отключают эффекты, анимацию и автовоспроизведение видео, настраивают масштаб контента, чтобы он отображался крупнее или мельче без искажений.

Страница сайта с режимами просмотра для слабовидящих пользователей

Наполнение сайта и работа с контентом

В учебных заведениях не всегда есть технические специалисты для работы с сайтом, поэтому управление контентом должно быть интуитивно понятным и быстрым, а значит, нужен удобный инструмент для контент-менеджера. Команда проекта создала для МГАХ новую систему администрирования на базе «1С-Битрикс». У ответственного за сайт сотрудника появился каталог из 64 модулей и 11 справочников, где просто управлять всеми видами информации без знания html. Один и тот же контент при необходимости можно разместить в нескольких разделах одновременно. Для лонгридов разработали специальный конструктор с инфоблоками и шаблонами верстки под фото и видео. Время на администрирование сайта сократилось втрое.

Обратная связь

Сайт образовательной организации — это задачка со звездочкой: жесткие требования законодательства, работа с массивом данных, разные целевые аудитории от абитуриентов до проверяющих органов. Девять месяцев непрерывной, сложной работы дали результат: сайт МГАХ получился содержательным, легким и эффектным. Таким, как любят в балете и в сфере образования.