Як створити сайт для школи та онлайн-школи: важливі нюанси і кроки

Яка у вас школа — такий і сайт

Слово «школа» в пошуку означає дуже різні заклади. Хтось шукає, як зробити сайт для звичайної загальноосвітньої школи чи ліцею, хтось — для приватної школи, дитячого садочка, музичної школи або мовних курсів, а хтось запускає онлайн-школу з платними курсами. Задачі в них різні, тому і сайти різні. Перш ніж обирати платформу чи підрядника, визначте свій тип.

Державна або комунальна школа, ліцей, садочок

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

Приватна школа, садочок, гурток, мовні курси

Батьки обирають між кількома закладами і порівнюють їх. Сайт має пояснити, чим ви кращі, показати вчителів, умови, ціни, і привести до запису на екскурсію чи пробне заняття. Якщо заклад має ліцензію на освітню діяльність, вимоги закону щодо прозорості стосуються і його.

Онлайн-школа

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

Буває і змішаний варіант: звичайна приватна школа, яка додає онлайн-навчання або дистанційні курси. Тоді сайт поєднує обидві частини: відкриту інформацію про заклад і закритий кабінет для учнів.

Що закон вимагає від сайту закладу освіти

Стаття 30 Закону України «Про освіту» («Прозорість та інформаційна відкритість закладу освіти») зобов’язує заклади освіти, що мають ліцензію на освітню діяльність, публікувати на своєму вебсайті перелік відомостей про себе. Якщо власного сайту немає — на сайті засновника. Це стосується і шкіл, і садочків, і приватних закладів із ліцензією. Тому для звичайної школи цей розділ — не опція, а основа структури сайту.

Обов’язкова інформація (частина 2 статті 30)

• статут закладу освіти;
• ліцензії на провадження освітньої діяльності;
• сертифікати про акредитацію освітніх програм (для закладів вищої освіти — також сертифікат про інституційну акредитацію);
• структура та органи управління;
• кадровий склад відповідно до ліцензійних умов;
• освітні програми та перелік їхніх компонентів;
• територія обслуговування, закріплена за закладом засновником (для садочків і шкіл);
• ліцензований обсяг (якщо він є) та фактична кількість осіб, які навчаються;
• мова (мови) освітнього процесу;
• наявність вакантних посад, порядок і умови конкурсу на їх заміщення (якщо конкурс проводиться);
• матеріально-технічне забезпечення відповідно до ліцензійних умов;
• наявність гуртожитків і вільних місць у них, розмір плати за проживання (якщо це стосується закладу);
• результати моніторингу якості освіти;
• річний звіт про діяльність закладу;
• правила прийому;
• умови доступності закладу для навчання осіб з особливими освітніми потребами;
• розмір плати за навчання;
• перелік додаткових освітніх та інших послуг, їхня вартість, порядок надання та оплати;
• правила поведінки здобувача освіти;
• план заходів, спрямованих на запобігання та протидію булінгу, порядок подання та розгляду заяв про випадки булінгу і порядок реагування на них;
• інша інформація, яку закон вимагає оприлюднювати або яку заклад вирішив оприлюднити сам.

Фінансова звітність і терміни

Заклади, які отримують публічні кошти, разом із засновником мають додатково оприлюднювати кошторис і фінансовий звіт про надходження та використання коштів, перелік товарів, робіт і послуг, отриманих як благодійна допомога, і їхню вартість, а також кошти, отримані з інших джерел. Документи мають з’являтися на сайті не пізніше ніж через десять робочих днів після затвердження чи змін, якщо інший закон не встановлює іншого терміну.

Що це означає для сайту на практиці. Потрібен окремий, легко знайдений розділ «Прозорість та інформаційна відкритість» з підрозділами за цим переліком, а адміністратор школи має вміти самостійно завантажувати нові документи за кілька хвилин. Перелік варто звіряти з чинною редакцією закону на сайті Верховної Ради, бо до статті періодично вносять зміни.

Що має бути на сайті звичайної школи

Крім обов’язкових документів, сайт школи щодня використовують батьки і учні, і їм потрібна зовсім інша інформація. Більшість відвідувачів заходять із телефона і шукають щось конкретне: розклад дзвінків, оголошення про збори, правила зарахування до першого класу. Якщо пошук займає більше хвилини, людина телефонує в канцелярію — і сайт не виконав свою роботу.

Основні розділи

• Головна — коротко про школу, свіжі новини й оголошення, швидкі посилання на найпопулярніші розділи.
• Про школу — історія, адміністрація, педагогічний колектив, досягнення.
• Прозорість та інформаційна відкритість — документи за статтею 30.
• Вступ — правила прийому, перелік документів, територія обслуговування, терміни.
• Освітній процес — освітні програми, розклад уроків і дзвінків, дистанційне навчання.
• Батькам і учням — правила поведінки, протидія булінгу, психологічна служба, харчування, гуртки.
• Новини та події — з фото, датами та категоріями.
• Контакти — телефони, email, графік роботи, карта.

Що робить сайт школи зручним

Пошук по сайту, зрозуміле меню з не більше ніж 7–8 пунктами, документи у форматі, який відкривається на телефоні, дати публікації біля кожного оголошення і версія для людей з порушенням зору. Окремо варто подумати про адміністрування: сайт школи часто веде вчитель інформатики або заступник директора, тому адмінка має бути простою, а додавання новини — не складнішим за публікацію у соцмережах.

За структурою сайт школи найближчий до сайту компанії з кількома розділами, новинами і документами. Саме тому для нього зазвичай підходить корпоративний сайт під ключ із продуманою структурою і зручною адмінкою.

Сайт приватної школи і садочка: як він допомагає набирати учнів

Для приватного закладу сайт — головний інструмент набору. Батьки уважно вивчають кілька варіантів, читають відгуки, дивляться фото і порівнюють ціни. Ваше завдання — дати їм достатньо інформації, щоб вони захотіли прийти на екскурсію, і зробити запис максимально простим.

Що переконує батьків

• Чіткий перший екран — хто ви, для якого віку, в якому районі, чим відрізняєтеся, і кнопка «Записатися на екскурсію».
• Програма і підхід — як побудоване навчання, скільки дітей у класі, мови, додаткові заняття.
• Вчителі та вихователі — реальні фото, освіта, досвід. Батьки довіряють людям, а не логотипам.
• Умови — приміщення, харчування, безпека, укриття, розпорядок дня, трансфер, якщо він є.
• Ціни — вартість навчання та додаткових послуг. Для закладів із ліцензією це ще й вимога закону, а для батьків — один із головних критеріїв вибору.
• Відгуки та фото — справжні, з життя школи.
• Документи — ліцензія та інші відомості за статтею 30, якщо заклад ліцензований.
• Форма запису — коротка: ім’я, телефон, вік дитини. Плюс кнопки дзвінка і месенджерів.

Невеликому садочку чи гуртку на старті іноді достатньо односторінкового сайту з усією ключовою інформацією і формою запису. Такий сайт-візитка для садочка чи гуртка запускається швидше і дешевше, а розширити його можна пізніше.

Що потрібно сайту онлайн-школи

Онлайн-школа продає навчання людям, які ніколи не бачили вас наживо. Сайт тут виконує роботу і рекламного буклета, і консультанта, і каси, і класу. Тому вимоги до нього вищі, а помилки обходяться дорожче: кожна незручність у шляху від сторінки курсу до оплати напряму зменшує продажі.

Обов’язкові розділи онлайн-школи

• Каталог курсів з фільтрами за напрямком, рівнем, форматом і ціною.
• Сторінка кожного курсу — для кого він, результат, програма за модулями, формат занять, тривалість, викладач, ціна, відповіді на заперечення.
• Викладачі — досвід, практика, приклади робіт.
• Відгуки і результати студентів — краще з іменами, фото чи відео.
• Безкоштовна точка входу — пробний урок, вебінар, корисний матеріал в обмін на контакт.
• Онлайн-оплата — картки, Apple Pay і Google Pay, оплата частинами, промокоди, договір-оферта.
• FAQ — доступ до матеріалів, сертифікат, повернення коштів, технічні вимоги.

Особистий кабінет і LMS

LMS — це система керування навчанням: уроки, домашні завдання, тести, прогрес, сертифікати. Онлайн-школа може підключити готову LMS-платформу і зробити свій сайт вітриною для продажу, а може мати навчання прямо на власному сайті з кабінетом студента. Перший варіант швидший на старті, другий дає повний контроль над дизайном, даними і вартістю, коли учнів стає багато. Сайт з кабінетами, ролями «студент — куратор — адміністратор» і закритим контентом за складністю ближчий до розробки освітнього порталу, ніж до звичайного сайту.

Конструктор, безкоштовний сайт чи розробка: що обрати

Питання «як створити сайт школи безкоштовно» в пошуку теж трапляється. Чесна відповідь: безкоштовні та шаблонні варіанти підходять для невеликих задач, але мають обмеження, про які варто знати заздалегідь.

Безкоштовні сервіси і конструктори

Вони дозволяють швидко отримати просту сторінку без програміста. Мінуси — адреса на чужому піддомені, обмежена структура для великої кількості документів, складність перенесення, реклама сервісу, залежність від його правил і цін. Для державного закладу ще й важливо, щоб сайт виглядав офіційно, а для батьків — щоб його легко було знайти в Google.

Розробка на CMS

Сайт на CMS (наприклад, WordPress) з власним доменом і хостингом дає повний контроль: потрібну структуру, зручну адмінку, швидку роботу, нормальне SEO і можливість розвивати сайт роками. Це оптимальний варіант для більшості шкіл, ліцеїв і приватних закладів.

Індивідуальна платформа

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

Зручність і доступність: батьки заходять із телефона

Більшість відвідувачів сайту школи — батьки, які перевіряють оголошення між справами, і учні зі смартфонами. Студенти онлайн-шкіл теж часто дивляться уроки з телефона. Тому мобільна версія — не доповнення, а основна версія сайту, з якої варто починати проєктування.

• Швидкість. Сторінка має відкриватися за 2–3 секунди навіть на мобільному інтернеті, а фото з шкільних свят — стискатися автоматично.
• Документи. PDF не повинні важити десятки мегабайт, а скановані документи краще дублювати текстом, щоб їх можна було знайти пошуком.
• Доступність. Стаття 30 окремо згадує доступ до інформації для осіб з порушенням зору. Достатній контраст тексту, масштабування шрифту, підписи до зображень і логічні заголовки — база, яку варто закласти одразу.
• Простий шлях до дії. Знайти телефон, записатися на екскурсію чи купити курс — максимум у два-три натискання.

Як сайт школи знаходять у Google

Сайт без відвідувачів не працює ні на відкритість, ні на набір учнів. Для звичайної школи головне — щоб її сайт був першим за запитом із назвою школи і містом, а не загубився серед каталогів. Для приватних закладів і онлайн-шкіл пошук стає основним джерелом нових учнів.

Школи і садочки: локальний пошук

Батьки шукають «приватна школа + район», «садочок біля метро», «англійська для дітей + місто». Допомагають окремі сторінки під кожен напрямок і вік, назва міста і району в заголовках, профіль у Google Business Profile з тими самими контактами, що й на сайті, і відгуки. Новини і події, які школа і так публікує, теж працюють на пошук, якщо мають нормальні заголовки.

Онлайн-школи: сторінки курсів і корисний контент

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

Заявки, CRM та інтеграції

Навіть найкращий сайт втрачає учнів, якщо заявка лежить у пошті три дні. Тому ще на етапі розробки варто вирішити, куди потрапляють звернення і хто на них відповідає.

• Сповіщення в Telegram — найпростіший спосіб не пропускати заявки: адміністратор бачить запис на екскурсію чи пробний урок одразу. У Webatom передача заявок із форм у Telegram входить у вартість розробки.
• CRM — для приватних шкіл і онлайн-шкіл, де заявок багато: статуси, нагадування, історія спілкування. Інтеграція з CRM — окрема робота, вартість залежить від системи.
• Платіжні системи — для онлайн-оплати курсів і послуг.
• Email-розсилки і месенджери — нагадування про заняття, нові курси, новини школи.
• Аналітика — Google Analytics із подіями заявок і дзвінків, щоб розуміти, які сторінки і джерела приводять учнів.
• Відеоплатформи і календарі — для онлайн-занять і запису на консультації.

Як створити сайт для школи: покроковий план

Незалежно від типу школи, послідовність кроків майже однакова. Різниться лише обсяг роботи на кожному етапі.

• 1. Визначте тип сайту і цілі. Відкритість і зручність для батьків, набір учнів чи продаж курсів — від цього залежить усе інше.
• 2. Зберіть структуру. Для закладу з ліцензією почніть із переліку статті 30, потім додайте розділи для батьків, учнів чи студентів.
• 3. Підготуйте контент. Тексти, фото педагогів і приміщень, документи, ціни, програми. Це найдовший етап, і саме він найчастіше затримує запуск.
• 4. Оберіть платформу. Конструктор, CMS чи індивідуальна розробка — залежно від задач і бюджету.
• 5. Зареєструйте домен і хостинг на заклад. Доступи мають належати школі, а не підряднику чи вчителю, який може звільнитися.
• 6. Дизайн і розробка. Мобільна версія, швидкість, доступність, зручна адмінка.
• 7. Налаштуйте форми, аналітику і базове SEO. Заголовки, описи, карта сайту, Google Search Console.
• 8. Навчіть відповідальну людину. Хто і як додає новини та документи після запуску.
• 9. Запустіть і перевірте. Пройдіться сайтом із телефона очима батьків чи студента.

Орієнтовні терміни розробки в Webatom: односторінковий сайт-візитка — 7–15 днів, сайт школи з розділами і документами як корпоративний сайт — 15–30 днів, освітній портал із кабінетами — від 2 до 6 місяців. Підготовка контенту з боку школи в ці терміни не входить.

Типові помилки під час створення сайту школи

Більшість проблем шкільних сайтів повторюються з року в рік. Ось помилки, які ми бачимо найчастіше.

• Немає розділу з обов’язковою інформацією за статтею 30 або документи розкидані по новинах.
• Документи давно не оновлювалися, а на сайті висить звіт за позаминулий рік.
• Сайт неможливо читати з телефона.
• Скани документів по 20–30 МБ, які не відкриваються на мобільному.
• Меню з двох десятків пунктів, у якому батьки не можуть знайти розклад.
• Домен, хостинг і доступи оформлені на колишнього працівника або підрядника.
• Сайт на безкоштовному піддомені, який важко знайти в Google і який виглядає неофіційно.
• Новини без дат або з датами, але останні — півторарічної давності.
• У приватної школи немає цін, фото педагогів і зрозумілої форми запису.
• Фотобанківські картинки замість справжніх фото школи і дітей (з дозволу батьків).
• Заявки приходять на пошту, яку ніхто не перевіряє.
• Онлайн-школа без сторінки кожного курсу — усі курси на одній сторінці.
• Складна оплата курсу з реєстрацією на кілька кроків.
• Немає договору-оферти та умов повернення коштів.
• Не налаштована аналітика, тож невідомо, звідки приходять учні.
• Сайт роками не оновлюється технічно і стає вразливим до зламу.

Чек-лист сайту школи та онлайн-школи

Перевірте свій сайт або технічне завдання за цим списком. Перша частина стосується будь-якої школи, друга — приватних закладів і онлайн-шкіл.

Для будь-якої школи

• Сайт на власному домені, доступи оформлені на заклад.
• Є розділ «Прозорість та інформаційна відкритість» за переліком статті 30.
• Документи оновлюються не пізніше ніж через 10 робочих днів після затвердження.
• Для закладів із публічним фінансуванням є кошторис, фінансовий звіт і інформація про благодійну допомогу.
• Є правила прийому і територія обслуговування.
• Є правила поведінки та план протидії булінгу.
• Сайт зручний з телефона і відкривається за 2–3 секунди.
• Меню зрозуміле, є пошук по сайту.
• Є версія або налаштування для людей з порушенням зору.
• Новини мають дати, останні — свіжі.
• Контакти, графік роботи і карта видно з будь-якої сторінки.
• Адміністратор уміє сам додавати новини і документи.
• Сайт додано в Google Search Console, є карта сайту.

Для приватних шкіл і онлайн-шкіл

• Перший екран чітко пояснює, хто ви і для кого.
• Є ціни на навчання і додаткові послуги.
• Є реальні фото та інформація про педагогів.
• Є відгуки й результати учнів.
• Форма запису коротка, поруч кнопки дзвінка і месенджерів.
• Заявки одразу надходять у Telegram або CRM.
• Кожен курс чи напрямок має окрему сторінку.
• Онлайн-оплата працює в кілька кроків, є договір-оферта.
• Аналітика відстежує заявки, дзвінки й оплати.
• Є профіль у Google Business Profile з тими самими контактами.

Часті питання

Чи зобов’язана школа мати власний сайт?

Стаття 30 Закону «Про освіту» вимагає від закладів із ліцензією оприлюднювати визначену інформацію на своєму вебсайті, а якщо його немає — на сайті засновника. Тобто формально можна обійтися сторінкою на сайті засновника, але власний сайт зручніший і для школи, і для батьків.

Що обов’язково має бути на сайті школи?

Статут, ліцензія, структура й органи управління, кадровий склад, освітні програми, територія обслуговування, кількість учнів, мова навчання, вакансії, матеріально-технічне забезпечення, результати моніторингу якості, річний звіт, правила прийому, умови доступності, правила поведінки, план протидії булінгу та інша інформація зі статті 30. Для закладів із публічним фінансуванням — ще й фінансова звітність.

Чи можна створити сайт школи безкоштовно?

Так, за допомогою безкоштовних конструкторів. Але такий сайт часто працює на чужому піддомені, має обмежену структуру і гірше знаходиться в пошуку. Для закладу, який роками публікуватиме документи і новини, надійніше мати сайт на власному домені.

Скільки часу займає створення сайту для школи?

У Webatom односторінковий сайт-візитка займає 7–15 днів, сайт школи з розділами і документами — 15–30 днів, освітній портал із кабінетами — від 2 до 6 місяців. Найбільше впливає на терміни підготовка текстів, фото і документів з боку школи.

Чим сайт онлайн-школи відрізняється від сайту звичайної школи?

Сайт звичайної школи інформує батьків і забезпечує відкритість закладу. Сайт онлайн-школи продає курси і часто сам є місцем навчання: з оплатою, особистим кабінетом, уроками, тестами і сертифікатами. Тому він складніший і дорожчий у розробці.

Що краще для онлайн-школи: готова LMS-платформа чи власний сайт?

Готова платформа дозволяє швидко стартувати без великих вкладень. Власний сайт із кабінетом вигідніший, коли курсів і студентів багато: немає щомісячних платежів за кожного учня, є повний контроль над дизайном і даними. Часто починають із поєднання: власний сайт для продажу і готова LMS для навчання.

Хто має вести сайт школи після запуску?

Зазвичай це призначений працівник школи — заступник директора, вчитель інформатики чи секретар. Важливо, щоб це була закріплена обов’язком людина, яку навчили працювати з адмінкою, а технічну підтримку — оновлення, резервні копії, безпеку — краще доручити фахівцям.

Хороший сайт школи працює роками

Сайт для школи чи онлайн-школи не робиться «для галочки». Для звичайного закладу це обличчя перед батьками і спосіб виконати вимоги закону без зайвого клопоту. Для приватної школи — головний канал набору учнів. Для онлайн-школи — сама основа бізнесу. Тому починати варто з правильного визначення задач і структури, а не з вибору шаблону.

Якщо ви плануєте сайт для школи, ліцею, садочка, мовних курсів чи онлайн-школи, ми допоможемо скласти структуру з урахуванням статті 30, підібрати платформу під ваш бюджет і запустити сайт, яким зручно користуватися батькам, учням і адміністратору. Webatom займається створенням сайтів під ключ в Україні з 2010 року.