HR-Tech

Топ карьерных сайтов. Говорим о ключевых разделах, SEO, UX/UI и аналитике

Команда «Иностудио»

Оглавление

Создаём сервисы в сферах HR-Tech, образования, девелопмента.

Посмотреть кейсы Посмотреть кейсы

Привет! Вот уже 3 года наша компания успешно решает задачи в HR-Tech при помощи разработки. Помогаем автоматизировать работу рекрутеров, HR-менеджеров, аналитиков и руководителей.

Посмотрели назад, на наш опыт, разработанные HR-инструменты, и решили всё это зафиксировать в новой обзорной статье. Ниже вы увидите *топ карьерных сайтов, в котором отразили наше экспертное мнение — описали разделы, SEO, киллер-фичи, зоны роста и общие впечатления.

*Список ниже — это и разработанный нами карьерный сайт, и кейсы наших ИТ-коллег, чьи работы вызвали у нас эмоциональный отклик.

  Карьерный сайт, Альфа-Банк

Наш клиент, крупнейший частный банк в России, владеет 800 отделениями и офисами более чем в 100 городах страны. Ежедневно, по данным hh.ru, банк ищет в среднем 1000 специалистов для разных направлений.

Альфа-Банку был необходим карьерный сайт, который бы смог одновременно выдерживать большой поток пользователей, отвечать уровню информационной безопасности и соответствовать трендам в дизайне. Так в 2020 и началось наше сотрудничество, которое продолжается до сих пор. Сейчас мы также поддерживаем второй карьерный сайт Alfa Digital для айтишников. Результатами партнёрского взаимодействия поделились в кейсе.

Ключевые разделы

Главная страница

    Первое касание кандидата с брендом работодателя происходит на главной странице карьерного сайта Альфа-Банка. На ней размещены:

  • раздел с возможностью поиска вакансий по ключевым словам или тегам;
  • блок с описанием преимуществ для кандидатов;
  • секция с основными направлениями работы.

Поиск вакансий. На этом экране Альфа-Банк отстраивает свой HR-бренд от конкурентов при помощи двух ёмких фраз и звания одного из лучших работодателей России. Ничего лишнего — потенциальный кандидат может воспользоваться поисковой строкой, чтобы найти интересующую вакансию, или нажать на релевантные теги, например «VIP клиенты» или «Активные продажи».

Также под хедером карьерного сайта находится кнопка целевого действия «Приведи друга». Такое техническое решение позволяет влиять на эффективность реферальной программы — на одну из метрик HR-бренда. О ней, кстати, более подробно рассказали наши друллеги из Стафскрин.

Альфа-Банк — экран поиска вакансий.
Альфа-Банк — экран поиска вакансий.

Раздел «О нас» полностью посвящён EVP — ценностному предложению работодателя. Здесь Альфа-Банк предлагает соискателям ознакомиться с рядом преимуществ, которые получают сотрудники компании — работу на финтех-бренд, высокую зарплату, рост и развитие.

Альфа-Банк — раздел «О нас».
Альфа-Банк — раздел «О нас».

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

Альфа-Банк — направления работы.
Альфа-Банк — направления работы.

Страница «Вакансии»

    На странице с вакансиями расположены:

  • настраиваемый фильтр для упрощённого поиска релевантной позиции;
  • блок с горящими вакансиями;
  • список с вакансиями, которые соответствуют выбранным параметрам в фильтре выше.

Настраиваемый фильтр помогает подобрать нужную вакансию и отсеять лишние. Например, если выбрать Москву, установить тег «Аналитик BI» и стаж «Более 5 лет», то покажется одна доступная вакансия менеджера проекта «Аналитики продаж».

Альфа-Банк — страница «Вакансии».
Альфа-Банк — страница «Вакансии».

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

Альфа-Банк — блок с горящими вакансиями.
Альфа-Банк — блок с горящими вакансиями.

Список с вакансиями состоит из иллюстрации в стилистике бренда Альфа-Банка, названия, параметров-тегов и целевой кнопки «Подробнее».

Альфа-Банк — список с вакансиями.
Альфа-Банк — список с вакансиями.

Страница «Лучшее для сотрудников»

    Альфа-Банк решил посвятить отдельный раздел бенефитам, которые получают сотрудники компании. При помощи ярких минималистичных баннеров, которые могут заинтересовать соискателей, клиент рассказал о:
  • продуктах банка,
  • скидках,
  • компенсациях и страховках.

Плюшки работодателя могут сыграть решающую роль в выборе кандидата новой работы.

 SEO-оптимизация и аналитика

В начале 2023 года мы приступили к SEO-оптимизации карьерного сайта Альфа-Банка. Составили список задач, приоритезировали их и планомерно начали реализовывать. В результате нам удалось повысить количество переходов на карьерный сайт из поисковых систем в два раза и значительно увеличить количество откликов. На сегодняшний момент средняя посещаемость сайта составляет 118 000 посетителей в месяц.

Мы хотим поделиться списком ключевых SEO-работ, которые помогли Альфа-Банку получить больше переходов и откликов из поисковых систем. Рекомендуем на него ориентироваться всем владельцам карьерных сайтов.

  1. Проработали и опубликовали карту сайта sitemap.xml и файл robots.txt. Файл robots.txt необходим, чтобы показать поисковым роботам, какие страницы сайта необходимо индексировать, а какие наоборот убрать из выдачи. Например, дубликаты или системные файлы. Наличие карты Sitemap.xml позволяет быстро и корректно поисковым ботам сканировать сайт. 
  2. Мы сформировали и сгруппировали семантическое ядро из ключевых запросов соискателей и уточнили потребности пользователей. Так трафик на сайт стал более целевым. 
  3. Настроили человекопонятные URL-адреса для вакансий, чтобы их могли прочитать и люди, и поисковые системы. Благодаря им мы облегчили пользователям понимание ссылок и увеличили трафик на сайт.

    Казалось бы, одна и та же ссылка — https://job.alfabank.ru/vacancies/15080 и https://job.alfabank.ru/vacancies/moskva/professionals/glavnyii-auditor_15080.

    Но понимание, куда попадёшь после нажатия на неё, разное. Поисковые системы высоко ценят человекопонятные URL-адреса, и ключевые слова подсвечиваются в ссылке в выдаче. 
  4. Заполнили все метатеги для основных страниц сайта (Title, Description, H1) и настроили автоматическое заполнение метатегов для страниц вакансий. Метатеги сообщают поисковым роботам, какая информация находится на странице. Они влияют на то, как будет отображаться сайт в результатах поисковой выдачи, какие позиции будет занимать. Из-за настроенных ЧПУ-ссылок и заполненных метатегов соискатель, живущий, например, в столице, легко может найти подходящую вакансию в Москве. 
  5. Проработали теги OpenGraph. Благодаря этому формируется сниппет для социальных сетей и мессенджеров, который состоит из заголовка, описания и изображения. Это заметное превью страниц сайта, которое помогает выделиться среди других ссылок и сообщений. Так, например, ссылки конкретных вакансий будут заметны и информативны.

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

  1. Дополнительная перелинковка сайта. Пользователи смогут прочитать дополнительную информацию на сайте, это улучшит поведенческие характеристики сайта, что важно для SEO. Отличным примером дополнительных перелинковок на карьерном сайте могут сложить «Похожие вакансии», «Горящие вакансии». 
  2. Оптимальная скорость загрузки сайта. Любой сайт должен быстро работать — и карьерный не исключение. Также стоит не забывать об оптимизации мобильной версии. Ведь 70% всего трафика карьерных сайтов — с мобильных устройств. Стоит позаботиться и о посетителях, которые приходят на сайт при помощи смартфонов. 
  3. Раздел «Блог» и «Медиа». С помощью блога на карьерный сайт можно привлекать заинтересованную аудиторию, выстраивать более доверительные отношения с соискателями. Также публиковать новости компании, информацию о стажировках и преимуществах работы в организации. 
  4. Проработанный блок FAQ позволяет закрыть основные ответы на вопросы кандидатов. Плюс для SEO — в блок FAQ можно включить основные запросы из семантического ядра. Это позволит повысить позиции в поисковой выдаче и увеличить количество посетителей сайта.

Как составить техническое задание на разработку карьерного сайта

UX/UI-дизайн

В своей работе мы привыкли доверять мнению коллег, научились слышать и слушать. Поэтому иногда устраиваем встряску, чтобы не терять концентрацию — просим друг у друга обратную связь по проделанной работе. Без взгляда со стороны глаза замыливаются, фокус внимания рассеивается, какие-то детали упускаются из вида.

В рамках этой статьи попросили наших UX/UI-дизайнеров и маркетологов поделиться своим экспертным мнением, что, по их мнению, стоит улучшить, а что сделано и так прекрасно.

Важно! Многие замечания ниже уже помещены в бэклог проекта и приоритезированы. Вместе с клиентом осведомлены и работаем над ними.

Альфа-Банк — зоны роста, UX/UI карьерного сайта.
Альфа-Банк — зоны роста, UX/UI карьерного сайта.
Альфа-Банк — преимущества, UX/UI карьерного сайта.
Альфа-Банк — преимущества, UX/UI карьерного сайта.

Интеграции

    Чтобы карьерный сайт Альфа-Банка выполнял все поставленные задачи, понадобились интеграции с различными сервисами:
  • Trend Micro — сервис рассылки email для оповещения администраторов и пользователей сайта. 
  • Отправка СМС через внутренний сервис банка — сообщение для подтверждения номера телефона. 
  • Google reCAPTCHA v3 — капча для защиты от спама. 
  • DaData — сервис для определения города геолокации посетителя по IP. 
  • E-Staff — платформа HR-службы банка для управления вакансиями и сбора откликов. 
  • Яндекс Метрика — система веб-аналитики для отслеживания показателей карьерного сайта.

Иностудио — надёжный партнёр в разработке HR-Tech решений

 Карьерный сайт, QIWI

Карьерный сайт QIWI нас приятно удивил. Настолько, что захотели поближе познакомиться с нашими ИТ-коллегами, с авторами этого HR-инструмента. Мы провели небольшое расследование и выяснили, что над созданием трудились минимум две разные по профилю компании — коммуникационное агентство и команда разработчиков.

Идея создать сначала новую концепцию бренда работодателя, айдентику, только потом — сам карьерный сайт, вызвала у нас отклик. Именно поэтому мы решили заострить внимание на карьерном сайте QIWI.

Ключевые разделы

Главная страница

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

В отличие от многих просмотренных нами карьерных сайтов, на главном экране QIWI соискателей встречают люди, будущие коллеги, с которыми будут работать. И это не модели из фотостоков, пользователи считывают это и больше доверяют компании.

QIWI — посадочный экран карьерного сайта.
QIWI — посадочный экран карьерного сайта.

Помимо кнопки целевого действия «Найти вакансию» и фразы, которая отстраивает HR-бренд от конкурентов, кандидат видит улыбки сотрудников QIWI. И так как любая компания — это прежде всего люди, у этого карьерного сайта шанс отпечатается в головах соискателей выше.

Цифры и награды. Далее карьерный сайт рассказывает соискателям о привлекательности финтеха QIWI — через цифры и награды QIWI от известных digital-площадок.

Экран с вакансиями недели перекликается с блоком «Горящие вакансии» Альфа-Банка. Рекрутеры могут разместить предложения о работе для тех специалистов, в которых компания сейчас остро нуждается.

QIWI — вакансии недели.
QIWI — вакансии недели.

На карьерном сайте отдельное внимание уделили описанию работы в QIWI. Блок транслирует EVP бренда работодателя при помощи простых смыслов: нет бюрократии и боссов, есть доверие и свобода, каждые задачи решаются по-своему, обучение проходит с драйвом. Месседжи, ёмкие пояснения, яркие люди и эмоции позволяют соискателю прикоснуться к ценностям QIWI.

Страница вакансии

    Классическим описанием вакансии трудно удивить. Конечно, мы также понимаем, что описать требования к кандидату, его обязанности, предложение работодателя нужно обязательно. Но как превзойти ожидания соискателя и выделиться на фоне конкурентов? — QIWI предложила свой вариант и разместила три опциональных блока:
  • «Как к нам попасть»,
  • «Похожие вакансии»,
  • «Частые вопросы».

Воронка кандидата. Команда QIWI расписала весь путь соискателя от отклика до оффера, чтобы процесс трудоустройства был прозрачным. Это решение демонстрирует заботу по отношению к соискателю, что работодателю не всё равно.

QIWI — воронка кандидата.
QIWI — воронка кандидата.

Блок с похожими вакансиями предоставляет выбор соискателю среди релевантных позиций. Так, например, потенциальный сотрудник может выбрать самую подходящую вакансию среди предложенных или откликнуться сразу на все.

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

Страница стажировок

    Данная страница ориентирована на другую целевую аудиторию HR-бренда QIWI — на студентов и выпускников. Структура похожа на главную, есть и призывы к действию, и EVP, и люди. Но нас привлекли другие контентные единицы:

  • процесс отбора для бизнес- и ИТ-направления;
  • вопросы и ответы;
  • отзывы фрешменов;
  • видео-шоурил финального этапа отбора 2022 года.

Эти блоки помогают сформировать верные ожидания в головах будущих стажёров. Увидеть, что стажировка в компании QIWI — это не страшно, что это доступно и увлекательно. Если студент-соискатель разделяет ценности HR-бренда, если он смог представить себя частью команды QIWI, ему проще сделать первый шаг. Заполнить форму и отправить заявку.

Страница о жизни в QIWI

Настоящая киллер-фича этого карьерного сайта — раздел, посвящённый жизни в QIWI. Работодатель привлекательно оформил эту страницу, а не просто прикрепил два фотоальбома и пять видеороликов. Раздел QIWI LIFE — HR-инструмент для повышения конверсии из соискателя в откликнувшегося кандидата.

Можем только предположить, какие именно смыслы команда карьерного сайта закладывала в этот раздел. У нас сформировалось устойчивое впечатление, что QIWI разделяет и полностью поддерживает концепцию work-life balance. Что для каждого сотрудника работа в компании — это не только решение задач 24/7, но ещё и яркая увлекательная жизнь.

SEO-оптимизация

    Ранее при разборе SEO карьерного сайта Альфа-Банка мы представили пул выполненных задач, благодаря котором увеличили посещаемость в два раза. В качестве ориентира для оценивания SEO HR-инструмента QIWI возьмём тот же список. Отметим, каким параметрам оптимизации карьерный сайт соответствуют уже сейчас.

  • Человекопонятные URL-адреса вакансий настроены. 
  • Мета-теги настроены, оптимизированы и заполнены. 
  • Мета-теги OpenGraph проработаны.
  • Дополнительная перелинковка в виде блоков «Похожие вакансии» настроена.
  • Блок FAQ имеется, он хорошо проработан.
  • Скорость загрузки сайта нормальная, по loading.express — 6 из 10.
  • Файл robots.txt есть, а карта сайта sitemap.xml — отсутствует.
  • Разделы «Блог» и «Новости» не реализованы.

Хотя блог и новостной раздел отсутствуют, реализована страница «Справочник профессий». Она отлично оптимизирована и закрывает большую часть запросов из семантического ядра. Как например «профессия ux ui дизайнер», «ux ui дизайнер кто и чем занимается», «кто такой разработчик» — по этим и многим другим запросам карьерный сайт QIWI находится в топ-5 выдачи Google. Благодаря чему получает трафик, формирует лояльность и доверие к бренду и, вероятнее всего, отклики на вакансии и стажировки.

Отметим, что средняя посещаемость карьерного сайта составляет 2 000–5 000 человек в месяц. Основные источники трафика — переходы из поисковых систем и ссылки с других сайтов. Для аналитики пользовательских данных QIWI использует Google Analytics.

UX/UI-дизайн

Девиз QIWI — «Всё проще». Это отражается и в их дизайне. На карьерном сайте используются простые формы, большого размера шрифт и привлекательные цвета. Коммуникационное агентство, которое занималось разработкой концепции HR-бренда и айдентики, оценила результат так: «Яркий, привлекающий, игривый, тёплый и душевный». С этой характеристикой мы полностью согласны.

Напомним, для обзора UX/UI карьерных сайтов мы привлекли не только дизайнеров, но и маркетологов, копирайтеров и SEO-специалистов. Ниже оставили наши замечания и подсветили сильные стороны. Будем только рады, если комментарии помогут стать карьерному сайту QIWI ещё лучше.

QIWI — зоны роста, UX/UI карьерного сайта.
QIWI — зоны роста, UX/UI карьерного сайта.
QIWI — преимущества, UX/UI карьерного сайта.
QIWI — преимущества, UX/UI карьерного сайта.

 Карьерный сайт, «Северсталь»

Третий по счёту HR-инструмент в нашей обзорной статье — карьерный сайт из сферы промышленности и производства.

Нам приглянулся портал «Северстали» из-за его объёма. Несмотря на количество страниц и разделов на сайте, он достаточно SEO-оптимизированный. Также на этом карьерном сайте настроены все счётчики аналитики, что позволяет HR-специалистам оценивать эффективность работы инструмента со всех сторон.

Ключевые разделы

Главная страница

    Первое, что видит кандидат при касании с HR-брендом «Северстали» — железобетонное EVP, две фразы, что организация:
  • «Создаёт города будущего», вносит колоссальный вклад в развитие страны;
  • «Впереди планеты всей», «Входит в число ведущих металлургических компаний в мире».

Помимо прочего на заднем фоне главного экрана расположены два видеоряда — ролики с объектами промышленности, значимыми для «Северстали» и страны в целом.

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

Комментарий одного из авторов: «Несмотря на то, что „Северсталь“ — сфера тяжёлой промышленности и производства, на карьерном сайте компании чувствуется лёгкость и драйв, как у любого другого передового представителя fintech».

Перед тем как пойти дальше, отметим одну техническую особенность этого карьерного сайта. Два элемента «Направления» и «Вакансии» в нижней и правой частях экрана закреплены. То есть при скролле эти блоки будут преследовать соискателей по всей странице. С одной стороны, кандидат с любой части главной может выбрать заинтересовавшее его направление или найти вакансию, с другой, это крайне спорный момент, который мы опишем ниже в соответствующем разделе.

«Северсталь» — посадочный экран карьерного сайта.
«Северсталь» — посадочный экран карьерного сайта.

Итак. Следующие блоки на главной — это экран с цифрами и элементы со статьями и роликами. И тут, внимание, киллер-фича: это первая компания в нашем списке, которая открыто на стартовой странице делится практическим опытом своих сотрудников. Можно посмотреть карьерный шоурил, почитать историю о переходе металлургов в ИТ, ознакомиться с кейсом разработки цифровой платформы «Северстали». Это ещё один способ сблизиться с кандидатом, прозрачно преподнести соискателю бренд работодателя. Как, например, это сделал Альфа-Банк при помощи лаконичной фразы о себе как о работодателе, или QIWI при помощи людей и ярких эмоций. «Северсталь» воспользовалась своим методом для формирования нужного образа компании в головах пользователей карьерного сайта.

«Северсталь» — экран с цифрами и статьями.
«Северсталь» — экран с цифрами и статьями.

Страница со списком вакансий

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

Также привлекает акцентная фраза в единственном заголовке, по нажатию на которую появляется выпадающий список со всеми доступными бизнес-направлениями «Северстали». Если, например, выбрать направление «Производство», количество тегов сократится с 16 до 4, что упрощает поиск нужной позиции.

«Северсталь» — страница со списком вакансий.
«Северсталь» — страница со списком вакансий.

Страницы направлений

«Северсталь» — блок с направлениями работы.
«Северсталь» — блок с направлениями работы.

Для каждой функции выделена своя отдельная страница. На ней HR-команда «Северстали» разместила краткое описание направления, релевантные статьи и цифры, например, сколько миллиардов рублей инвестировала в IT & Digital за 5 лет.

А, да, помните тот блок, который закреплён в правой части экрана? Он достаточно отзывчивый. При выборе направления в списке отображаются позиции, которые относятся к этой бизнес-функции.

«Северсталь» — боковой синий блок с вакансиями.
«Северсталь» — боковой синий блок с вакансиями.

Страница «Предприятия»

Список с предприятиями — ещё один способ кандидата найти искомое. Ведь тяжёлая промышленность и производство — это не классическая ИТ-компания с удалёнкой и офисом. В состав «Северстали» также входят различные комбинаты, заводы, и они расположены по всей стране. Если соискателю важно попасть на работу в конкретное предприятие, он может заполнить форму в конце этой страницы или связаться с рекрутером.

«Северсталь» — страница предприятий.
«Северсталь» — страница предприятий.

SEO-оптимизация

    Итак, ещё раз вернёмся к SEO — основным моментам оптимизации карьерных сайтов, которым обязательно нужно уделять время. У HR-инструмента «Северстали» следующая история.
  • Файл robots.txt и карта сайта sitemap.xml в наличии.
  • Мета-теги настроены, оптимизированы и заполнены.
  • Разделы «Блог» и «Новости» реализованы, но в главном меню не отображаются.
  • Мета-теги OpenGraph не проработаны.
  • Дополнительная перелинковка не настроена в виде блока «Похожие вакансии».
  • Блок FAQ не внедрён.
  • Человекопонятные URL-адреса вакансий не настроены.
  • Скорость загрузки сайта требует внимания, по loading.express — 4 из 10.
Отметим, что средняя посещаемость сайта — 24 000 в месяц. Основные источники трафика: прямые визиты на сайт, социальные сети, ссылки на сайтах и переходы из поисковых систем. За аналитикой на сайте пристально следят и, вероятно, используют пиксели социальных сетей для ремаркетинга. Установлены: Яндекс Метрика, ВК Пиксель, Google Analytics. Также продвигают вакансии в Яндекс Директ.

UX/UI-дизайн

Карьерный сайт реализован нестандартно. Наше мнение, «Северстали» удалось объединить опыт использования сайтов нескольких поколений пользователей. Это демонстрирует структура сайта, композиция элементов, использование сдержанной палитры цветов.

Конечно, есть и замечания, отработав которые можно сделать карьерный сайт ещё лучше, и фишки, которые делают HR-инструмент уникальным. Опять же, всё показывает и будет показывать статистика. Например, можно внести некоторые правки и провести A/B-тестирование. В данной ситуации мы, авторы статьи, можем только предложить свой взгляд со стороны.

«Северсталь» — зоны роста, UX/UI карьерного сайта.
«Северсталь» — зоны роста, UX/UI карьерного сайта.
«Северсталь» — преимущества, UX/UI карьерного сайта.
«Северсталь» — преимущества, UX/UI карьерного сайта.

 Карьерный сайт, Ozon Job

Дрейфуя на цифровых просторах и анализируя карьерные сайты, мы нашли один из самых удобных HR-инструментов в плане UX — Ozon Job. Он попал в этот топ и в наше сердечко, потому что смог понятно сегментировать 8 бизнес-направлений и более 22 специализаций. А ещё сайт отлично оптимизирован.

Ранее мы уже сталкивались с карьерными сайтами и страницами вакансий крупных организаций, у которых 2105812 бизнес-направлений. Найти нужную вакансию, конечно, можно. Но разобраться, как устроен их бизнес в этом мире в целом — что-то из разряда научпопа.

Чтобы удостовериться в простоте движения соискателя по карьерному сайту, мы решили пройти путь кандидата — с главной страницы до формы заявки. Итого: откликнуться на нужную позицию можно со скоростью «три нажатия кнопки и одного скролла в минуту». Всё интуитивно понятно.

Ключевые разделы

Главная страница

Основной раздел карьерного сайта Ozon Job — деликатно настроенный по приоритетам набор блоков. Контент представлен в формате «заботливо провести кандидата за руку до отклика». И это самая ценная киллер-фича данного HR-инструмента по нашему мнению.

Сначала карьерный сайт предлагает найти вакансию через поисковую строку в хедере. Если запрос кандидата сильно абстрактный, он может выбрать интересующее его направление ниже.

Ozon Job — посадочный экран карьерного сайта.
Ozon Job — посадочный экран карьерного сайта.

После карьерный сайт рассказывает о бренде через блоки «Кто мы», «Почему стоит работать в Ozon?». Помогает понять, что из себя представляет Ozon, почему соискателю стоит выбрать именного его в качестве работодателя. Также на главной представлены фотографии офисов и складов, в которых кандидат сможет работать.

Ozon Job — «Почему стоит работать в Ozon?».
Ozon Job — «Почему стоит работать в Ozon?».

Заключительный элемент перед футером и кнопкой целевого действия — блок с наградами. Это ещё один триггер, который участвует в формировании правильного впечатления соискателя о работодателе.

Ozon Job — награды.
Ozon Job — награды.

Страница бизнес-направления

    Каждое бизнес-направление состоит из:
  • конкретных специализаций и описаний к ним;
  • применяемых технологий (ИТ-направление или Fintech);
  • фотографий складов, офисов;
  • этапов собеседования и информации для подготовки к нему (ИТ-направление и фулфилмент);
  • рассказа об обучении (Фулфилмент);
  • описания преимуществ работы в Ozon (Fintech) и социального пакета;
  • раздела с FAQ.

Блок с описанием специализаций конкретного направления помогает соискателю определиться с выбором. Так абстрактная мечта кандидата «Хочу быть программистом в Ozon» сужается до уже обозримого запроса «Я буду ведущим разработчиком C# системы логистики Ozon».

Ozon Job — описание специализаций.
Ozon Job — описание специализаций.

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

Ozon Job — блок с используемыми технологиями.
Ozon Job — блок с используемыми технологиями.

Описание этапов трудоустройства представляет собой альтернативный вариант этапов QIWI. Команда Ozon также позаботилась о кандидатах, сделав путь соискателя ещё прозрачнее — рассказала о регламенте, цели собеседований и поделилась материалами для подготовки к ним.

Даже самый крутой разработчик может разнервничаться на собеседовании и «поплыть». Когда знаешь, чего ожидать, градус переживания непроизвольно падает.

Ozon Job — этапы собеседования.
Ozon Job — этапы собеседования.

Страница с вакансиями

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

Ozon Job — страница с вакансиями.
Ozon Job — страница с вакансиями.

Страница вакансии

Любая вакансия на Ozon Job представляет классическое описание из ожиданий, условий и предложений работодателя. Краткость и понятность — подруги HR-менеджера.

Также хотим акцентировать внимание на трёх расставленных по приоритету кнопках «Откликнуться», «Рекомендовать друга» и «Поделиться вакансией». Лайк за грамотные акценты и за то, что кнопки вообще есть и они всегда на виду.

Страница событий

Интересный ход и, вероятно, эффективный — разместить на карьерном сайте раздел, посвящённый мероприятиям. Мы считаем, что для соискателей любое событие, которое проводит Ozon, — это дополнительная точка соприкосновения с брендом работодателя. Это возможность поближе познакомиться с экспертами, HR-менеджерами, также шанс заявить о себе.

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

Ozon Job — страница вакансии.
Ozon Job — страница вакансии.

SEO-оптимизация

    Так, теперь рассмотрим карьерный сайт Ozon с точки зрения SEO.
  • Файл robots.txt и карта сайта sitemap.xml в наличии.
  • Человекопонятные URL-адреса вакансий настроены.
  • Мета-теги настроены, оптимизированы и заполнены.
  • Блок FAQ внедрён, он хорошо проработан.
  • Разделы «Блог» и «Новости» реализованы, но трафика практически нет. 
  • Мета-теги OpenGraph не проработаны.
  • Дополнительная перелинковка не настроена в виде блока «Похожие вакансии».
  • Скорость загрузки сайта требует внимания, по loading.express — 4 из 10.

Посещаемость сайта — 183 000 в месяц. Основные источники трафика: ссылки с других сайтов, прямые визиты и переходы из поисковых систем. Для аналитики пользовательских данных команда Ozon использует Google Analytics.

Для некоторых вакансий созданы лендинги на карьерном сайте — они отдельно продвигаются и приносят значительное количество трафика. Также активно запускается реклама в Яндекс Директе.

UX/UI-дизайн

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

Когда мы проводили обзор этого карьерного сайта, мы не задавались вопросом, что будет дальше при нажатии на кнопку. Всё было очевидно, UX помог нам лишний раз не думать, чего обычно дизайнеры и добиваются от пользователей — чтобы они не думали и не придумывали. #спасибо_ozon

Ozon Job — зоны роста, UX/UI карьерного сайта.
Ozon Job — зоны роста, UX/UI карьерного сайта.
Топ карьерных сайтов. Говорим о ключевых разделах, SEO, UX/UI и аналитике

Возник вопрос?
С удовольствием ответим

 Карьерный сайт, «Полюс»

Карьерный сайт «Полюса» — золотой самородок в отрасли промышленности. Этот HR-инструмент выглядит современно, воздушно. Он достаточно оптимизированный, имеет более 5 000 посетителей в месяц. Также настроены счётчики аналитики, у каждой вакансии уникальные URL — это, кстати, в разрезе SEO — киллер-фича карьерного сайта «Полюса».

Ключевые разделы

Главная страница

Первый экран встречает соискателя крайне прямым, но точным месседжем: «Люди — главное золото». С первых секунд пребывания на сайте работодатель открыто заявляет, что сотрудники «Полюса» ценятся выше золота любой пробы. И эти слова ненавязчиво подтверждаются при помощи двух наград от Forbes и Best Company Awards.

При скролле страницы открывается на весь экран видеоролик, который помогает кандидатам погрузиться в атмосферу компании — увидеть сотрудников и масштаб компании.

«Полюс» — посадочный экран карьерного сайта.
«Полюс» — посадочный экран карьерного сайта.

В следующем блоке раскрывается бренд работодателя. Команда «Полюса» при помощи пяти фраз характеризует себя как лидера в золотодобыче. Крупнейшего производителя золота в мире, который заботится об экологии и своих сотрудниках.

«Наша команда» — технологично реализованный слайдер, визуально описывающий команду «Полюса». Работодатель говорит об активах, подразделениях, сотрудниках и развитой корпоративной культуре — немногословно, ёмко и доступно. При необходимости кандидат может нажать на кнопку «О нас», чтобы узнать об HR-бренде подробнее — мы одобряем такой подход.

«Полюс» — «Наша команда».
«Полюс» — «Наша команда».

Следующие два экрана транслируют ценностное предложение работодателя двум целевым аудиториям — профессионалам и студентам. HR-команда рассказывает о том, что в «Полюсе» прозрачный процесс найма, конкурентная заработная плата, широкие возможности для построения карьеры и комфортные условия работы. А студентов приглашают пройти оплачиваемую практику с возможностью дальнейшего трудоустройства.

«Полюс» на последних блоках «Больше, чем просто карьера» и «Наши истории» доносит мысль, что благополучие сотрудников является одним из приоритетов компании. Работодатель использует новый подход к улучшению корпоративной культуры и росту благополучия работников — well-being. При помощи фотографий, статей соискатель формирует образ, в котором работа в «Полюсе» — это ещё и увлекательная жизнь.

«Полюс» — «Наши истории».
«Полюс» — «Наши истории».

Страница «О нас»

В этом разделе есть и описанные преимущества, которые получают сотрудники компании, и характеристика «Полюса» в цифрах. Также работодатель рассказывает о команде, развитии в компании, предлагает воспользоваться интерактивной картой, чтобы лицезреть все подразделения организации.

Но нас удивило кое-что другое. Вместе с авторами статьи не смогли оторвать внимание от двух блоков, которые не встречали ранее на предыдущих карьерных сайтах. Это экраны с миссией и ценностями работодателя.

    Команда «Полюс» делится с соискателями своим менталитетом, душой ещё до первого реального знакомства. Такой шаг мы расценили следующим образом, уверены, соискатели также:
  • работодатель заботится о времени кандидата, позволяет ещё до первого интервью или первых дней испытательного срока сопоставить кандидату свои ценности с ценностями компании;
  • работодатель заблаговременно фильтрует отклики, повышает при этом показатель качества кандидатов, сокращает время трудоустройства, заполнения вакансии и стоимость найма.
«Полюс» — «Наша миссия».
«Полюс» — «Наша миссия».

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

При помощи интерактивной диаграммы HR-команда знакомит кандидатов с пятью ценностями «Полюс» — это развитие, безопасность, стабильность, профессионализм, сотрудничество.

«Полюс» — «Наши ценности».
«Полюс» — «Наши ценности».

Раздел, посвящённый школьникам

Помимо страниц, нацеленных на профессионалов и студентов, «Полюс» посвятил отдельный раздел школьникам — третьей целевой аудитории карьерного сайта.

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

Почему мы акцентировали своё внимание на этом разделе? Иностудио полностью поддерживает инициативы, связанные с профессиональным самоопределением школьников. Мы считаем, что карьерный сайт — прекрасная возможность выстроить с молодым поколением тандем. Познакомить школьников с миром работодателя «Полюс». А ещё, как бы это амбициозно ни звучало, взращивать лояльных потенциальных сотрудников с молоду.

SEO-оптимизация

    Рассмотрим карьерный сайт «Полюс» с точки зрения SEO.
  • Файл robots.txt и карта сайта sitemap.xm в наличии.
  • Человекопонятные URL-адреса вакансий настроены.
  • Метатеги настроены, оптимизированы и заполнены.
  • Раздел «Новости» реализован, но трафика практически нет.
  • Метатеги OpenGraph не проработаны.
  • Дополнительная перелинковка не настроена в виде блока «Похожие вакансии».
  • Блок FAQ не внедрён.
  • Скорость загрузки сайта требует внимания, по loading.express — 5 из 10.

Посещаемость сайта — 5 500 в месяц. Основные источники трафика: ссылки с других сайтов, переходы из поисковых систем. Для аналитики пользовательских данных команда «Полюс» использует Google Analytics и Яндекс Метрика.

UX/UI-дизайн

Дизайнеры Иностудио описали карьерный сайта «Полюса» как актуальный, светлый, воздушный, с интересной сеткой HR-инструмент. Также добавили, что используется ненавязчивая анимация — в данном исполнении она дополняет дизайн карьерного сайта и помогает отстроиться от конкурентов.

Ниже оставили небольшое количество замечаний и, конечно же, отметили сильные стороны карьерного сайта «Полюса».

«Полюс» — зоны роста, UX/UI карьерного сайта.
«Полюс» — зоны роста, UX/UI карьерного сайта.
«Полюс» — преимущества, UX/UI карьерного сайта.
«Полюс» — преимущества, UX/UI карьерного сайта.

 Карьерный сайт, МТС

«Делать любимое, создавать значимое» — это не только про процесс написания этой статьи) Это и основной месседж, главный заголовок карьерного сайта МТС, заключительного HR-инструмента в нашем топе.

Первое, о чём бы сразу хотелось сказать — молодёжный вайб, который транслирует МТС JOBS. Визуальная составляющая не просто современная. У нас сформировалось впечатление, что каждый сотрудник экосистемы находится на гребне волны. А ещё, что скоро Новый Год, видимо, из-за цвета и графических элементов. Итак, карьерный сайт МТС, чем же он нас ещё зацепил?

Ключевые разделы

Главная страница

Несмотря на то, что разделов на карьерном сайте не так много, HR-команда разместила все основные посылы, направленные кандидату. Каждый элемент страницы — текст, иллюстрации, видео и иконки — передаёт атмосферу работы в МТС. В этом HR-инструменте каждый фрагмент стоит на своём месте. Нет иллюстраций ради иллюстраций, анимаций, чтобы показать, что они «могут в анимации», нет и большого объёма скучного текста. Каждый пиксель используется эффективно — это основная киллер-фича МТС JOBS.

Первый экран встречает соискателей краткой характеристикой HR-бренда. Работодатель доступно, при помощи четырёх слов, описывает условия труда в МТС. Что сотрудники любят свою работу и ценят вложенные усилия.

После H1 следует самый-самый эстетичный блок в этой статье — поисковая строка, фильтр по городу и кнопка целевого действия. Минимум действий от соискателя, ввёл часть названия должности и нажал «Найти».

Справа от заголовка соискателей встречают, по нашему мнению, умилительные фразы от МТС. Да, они нам показались немного локальными, но зато приблизили к бренду работодателя. Появилось чувство, что мы с представителями экосистемы уже на «ты».

МТС JOBS — посадочный экран карьерного сайта.
МТС JOBS — посадочный экран карьерного сайта.

Как и Альфа-Банк с QIWI, МТС воспользовалась тем же инструментом для управления конверсией — разместила блок «Горящие вакансии». Решение — просто огонь, мы считаем.

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

МТС JOBS — раздел с горящими вакансиями.
МТС JOBS — раздел с горящими вакансиями.

Следующий экран предназначен для преднастройки фильтра. При нажатии на  карточку специализации (не направления) соискатель попадает на страницу с релевантными вакансиями. Этот блок также помогает сформировать картинку в голове кандидата, что МТС многогранен.

МТС JOBS — раздел со специализациями.
МТС JOBS — раздел со специализациями.

Далее бренд работодателя при помощи слайдера с фотографиями погружает кандидатов в рабочую офисную обстановку. Наглядно показывает при помощи фото опенспейсов и сотрудников, как выглядит жизнь в офисе. Что это не только «nonstop hard work», но и плотное взаимодействие с командой — мозговые штурмы, переговоры, small-talk-беседы за вкусным кофе, отдых и совместные фоточки.

МТС JOBS — раздел со слайдером.
МТС JOBS — раздел со слайдером.

Перед формой обратной связи МТС делится с соискателями своим EVP — ценностным предложением работодателя. Показывает уникальный набор преимуществ работы в цифровой экосистеме при помощи акцентной фразы и анимированного блока с бенефитами.

МТС JOBS — преимущества.
МТС JOBS — преимущества.

Ещё один интересный момент, который мы не смогли пропустить. В отличие от описанных карьерных сайтов выше МТС в своём собрала все ресурсы компании в одном месте. Разместила ссылки на социальные сети, журналы, блоги — свежие вакансии, истории, статьи и кейсы в виде слайдера.

МТС JOBS — digital-ресурсы компании.
МТС JOBS — digital-ресурсы компании.

Страница со всем вакансиями

    Этот раздел управляет вниманием пользователя — плавно ведёт соискателя по странице:
  • сначала предлагает найти вакансию по ключевому слову;
  • затем определиться со специализацией;
  • потом настроить фильтры по городу, направлению, опыту и формату работы;
  • и наконец — выбрать необходимую вакансию.

Отдельный лайк за наличие пагинации страниц. Соискателю дали выбор — изучать список с вакансиями постранично либо при помощи нажатия кнопки «Показать ещё 10 вакансий».

МТС JOBS — страница с вакансиями.
МТС JOBS — страница с вакансиями.

Страница конкретной вакансии

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

Но некоторые компании справляются и с этой задачей. Производят WOW-эффект на потенциальных сотрудников даже на странице, от которой ничего сверхъестественного не ждут.

    Так вот. Реализация МТС показалась нам интересной. Если смотреть чисто на структуру, конечно, будет скучно. Но мы обратили внимание на подачу. Каждый блок имеет свою форму:
  • основной экран вакансии — широкоформатное описание с иллюстрацией;
  • требования, обязанности — список в центре экрана;
  • бенефиты от МТС — горизонтальный слайдер с изображениями и текстом;
  • другие подходящие вакансии — список с предложениями на тёмном фоне.

Такую страницу не скучно изучать. Каждый блок держит в постоянном фокусе.

МТС JOBS — страница вакансии.
МТС JOBS — страница вакансии.

SEO-оптимизация

    Итак, как у нас обстоят дела с SEO карьерного сайта МТС JOBS? — Рассказываем.
  • Файл robots.txt и карта сайта sitemap.xml в наличии.
  • Человекопонятные URL-адреса вакансий настроены.
  • Метатеги настроены, оптимизированы и заполнены (кроме Description).
  • Дополнительная перелинковка настроена в виде блоков «Горячие вакансии» и «Посмотрите ещё варианты».
  • Метатеги OpenGraph не проработаны.
  • Блок FAQ не внедрён.
  • Разделы «Новости» и «Блог» не реализованы.
  • Скорость загрузки сайта требует внимания, по loading.express — 5 из 10.
Посещаемость сайта — 137 000 в месяц. Основные источники трафика: переходы из поисковых систем, почтовых рассылок и заходы при помощи ввода URL. Для аналитики пользовательских данных команда «МТС» использует Яндекс Метрику. Также активно запускается реклама в Яндекс Директе.

UX/UI-дизайн

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

МТС JOBS — зоны роста, UX/UI карьерного сайта.
МТС JOBS — зоны роста, UX/UI карьерного сайта.
МТС JOBS — преимущества, UX/UI карьерного сайта.
МТС JOBS — преимущества, UX/UI карьерного сайта.

 Вместо заключения

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

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

Если вашей компании нужен карьерный сайт, приходите на консультацию. Мы предложим решение, исходя из ваших задач.

Надеемся, к концу 2023 вы успели завершить все срочные задачи. И что в новый год шагнёте с одобренным в полном объёме бюджетом на HR-проекты. Если нет, рассказываем, как подготовиться к защите бюджета на разработку карьерного сайта перед руководством. С наступающим!

Оцените эту статью

12 4.7
Спасибо за оценку!

Оставьте заявку

Расскажите о проекте — мы его реализуем

Мы свяжемся с вами в течение 4 рабочих часов: обсудим цели проекта, требования к нему и составим план сотрудничества

* – поля обязательные для заполнения