Как в Uplab разрабатывают сайты. Финальный этап

24 января 2020

~ 20 минут на чтение

Главная –

Блог –

Разработка

Иван Петров

контент-менеджер

Анна Петрова

SEO-специалист

Описать и показать разработку сайтов такой, какая она есть — именно такую цель мы преследуем, рассказывая о работе разных специалистов над созданием сайтов. Вы уже могли познакомиться с этапами аналитики и проектирования, дизайна, frontend и backend. Отдельно от спецпроекта — с этапом тестирования сайта в Uplab. Строго соблюдая последовательность и каноны веб-разработки, мы незаметно подошли к разбору финального этапа — наполнения контентом и поисковой оптимизации. Рассмотрим, что они собой представляют, как влияют на работоспособность сайта, его удобство для пользователей и дальнейшее продвижение в поисковых системах.

Этап наполнения сайта контентом

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

Контент может быть получен специалистом:

от редакторов и дизайнеров агентства, которые самостоятельно готовят разные типы контента по техническому заданию от заказчика;
самого заказчика.

Чем занимается контент-менеджер

Контент-менеджер (от англ. content manager — управляющий контентом) — это специалист, который заполняет тестовую или боевую версии сайта необходимой информацией: текстами, таблицами, графиками, фотографиями, аудио, видео и другим контентом.

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

В процессе разработки сайта в Uplab контент-менеджеры решает следующие задачи:

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

“

Иногда встречаются и задачи творческого плана, где нужно «включать» чувство вкуса и насмотренность. Например, если заказчик не предоставил изображения для сайта, мы подбираем их самостоятельно. Качественные, визуально привлекательные, подходящие по смыслу и соответствующие особенностям дизайн-концепции сайта.

При этом важно понимать, что нельзя просто ввести запрос в поисковую систему и выбрать любую понравившуюся картинку. Лучшее решение во избежание возможных проблем с авторскими правами — использование бесплатных изображений со стоков, как www.pexels.com, unsplash.com, pixabay.com/ru. Эти ресурсы имеют богатый банк изображений и, что не менее важно, доступ для скачивания по лицензии Creative Commons, т.е. с разрешением для публичного использования (в том числе коммерческого).

Александра Кочанова

контент-менеджер

С кем взаимодействует контент-менеджер

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

менеджером проекта;
редактором;
аналитиком-проектировщиком;
frontend- и backend-разработчиками;
тестировщиком;
SEO-специалистом.

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

При обнаружении багов в процессе наполнения контентом специалист составляет список и передает его тестировщику проекта или добавляет в баг-лист с указанием типа работ (frontend или backend). При обнаружении критических багов, мешающих процессу наполнения контентом, контент-менеджер оперативно сообщает о них менеджеру проекта или разработчику.

Кроме того, контент-менеджер вносит правки и устраняет замечания, представленные менеджером проекта или тестировщиком. Размещает метаданные, переданные SEO-специалистом.

Порядок выполнения работы

Знакомство с проектом

Контент-менеджер знакомится с задачами, при необходимости формирует список уточняющих вопросов и отправляет менеджеру проекта.

Наполнение контентом

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

Тестовый контент полностью удаляется, вносится боевой контент. Заполненные разделы и страницы отмечаются на тепловой карте сайта (таблице, в которой указаны страницы, готовые на дизайне / верстке / интеграции).

Проверка ошибок

Размещенный контент проверяется на корректность отображения.

Разработка инструкции по работе с сайтом

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

“

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

В каждой инструкции есть:

расшифровка всей используемой терминологии;
пошаговый порядок действий при заполнении страниц;
примеры и наглядная демонстрация возможностей функционала;
набор дополнительных инструментов и сервисов по работе с текстом и изображениями.

Александра Кочанова

контент-менеджер

Стандарты наполнения контентом

При размещении контента на сайте контент-менеджер проверяет:

интегрированы ли стили в соответствии с дизайном и версткой;
подходит ли предоставленный контент под интегрированную верстку;
отсутствуют ли в текстах опечатки и ошибки;
оттипографирован ли текст в «Типограф».

При добавлении изображений убеждается:

в том, что нет пикселизации и сжатия с потерей качества;
при необходимости размеры изображений подогнаны под верстку при помощи онлайн-фотошопа Pixlr Editor или других графических редакторов;
загружаемые изображения не имеют подписей, водяных знаков, рамок и эффектов;
«тяжелые» изображения сжаты при помощи сервисов Optimizilla, Squoosh.app, поскольку это влияет на скорость загрузки сайта.

Если обнаруживает упущения, оперативно вносит исправления и отчитывается по результату работы.

Результат работы

Этап наполнения сайта контентом считается проведенным успешно:

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

Этап поисковой оптимизации сайта

Этап, следующий за наполнением контентом тестовой версии сайта, называется поисковой оптимизацией. Он необходим для корректной настройки сайта под поисковые системы. Основной исполнитель этапа — SEO-специалист.

Чем занимается SEO-специалист

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

С кем взаимодействует SEO-специалист

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

Менеджер проекта

Запрашивает необходимую информацию у заказчика, ставит SEO-специалисту задачи по базовой оптимизации сайта, а также задачи разработчикам по внедрению доработок по ТЗ, контролирует их выполнение.

Тимлид команды интернет-маркетинга

Определяет SEO-специалиста для выполнения задач, контролирует его работу и сроки, согласовывает результат этапа с менеджером проекта.

Тимлид команды разработчиков

Принимает задачи по внедрению доработок, определяет исполнителя (разработчика из команды проекта), контролирует выполнение работы.

Разработчик

Выполняет задачи от SEO-специалистов. Отвечает за результат внедрения доработок по базовой оптимизации.

Редактор

Прописывает метаданные по ТЗ от SEO-специалиста. Иногда SEO-специалист составляет title, description и alt-описания изображений самостоятельно.

Контент-менеджер

Размещает метаданные, составленные редактором / SEO-специалистом.

Стадии выполнения работы

Базовая оптимизация на тестовой площадке

SEO-специалист проводит следующие работы:

SEO-специалист задает команды на настройку 301-редиректа на главное зеркало на www или без www в зависимости от настроек на старом сайте, с http на https (если есть SSL сертификат), а также редиректа со страницы index.php или index.html, если присутствует дубль главной страницы.

Проводит настройки для корректной генерации карты сайта.

Создает robots.txt и вносит в него все необходимые директивы для корректной индексации сайта.

При обнаружении циклических ссылок он указывает в ТЗ для разработчиков, что нужно это исправить.

Под корректностью подразумевается, что все URL должны быть читабельными, так называемыми ЧПУ («человеко-понятный урл»), не содержать спецсимволов, набора Caps Lock, русских букв. Слова в URL должны быть разделены дефисами. Кроме того, SEO-специалист проверяет, нет ли отдельных страниц со слешем («/») на конце в URL, когда в остальных его там нет. Или наоборот: нет ли отдельных страниц без слеша («/») на конце в URL, когда в остальных он там есть. Настраивает 301-редирект.

Все ссылки сайта должны быть относительными, т.е. не www.site.ru/catalog/, а просто /catalog/. Также SEO-специалист проверяет работоспособность ссылок, которые ведут на внешние сайты.

Проверяет код ответа несуществующих страниц (должен быть 404), а также наличие страницы с сообщением об ошибке.

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

Уточняет, насколько корректно представлена вложенность заголовков H2-H6 на страницах сайта. Проверяет, не используются ли заголовки H2-H6 для разметки служебных элементов.

При наличии старой версии сайта SEO-специалист составляет список всех прежних страниц и сопоставляет их с новыми, а также формирует список 301-редиректов для перенаправления на новые адреса.

На сайте не должно быть ссылок на несуществующие страницы.

На сайте не должно быть 302-редиректов, цепочек редиректов, бесконечных редиректов.

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

Проводит настройку целей в счетчиках систем аналитики, генерирует коды целей для всех форм на сайте.

SEO-специалист проверяет сайт на наличие пустых и тестовых страниц. При переносе сайта на «бой» на нем не должно быть пустых и некорректно заполненных страниц.

Пишет и размещает (иногда совместно с редакторами и контент-менеджерами) уникальные title и description с учетом семантического ядра для продвигаемых страниц.

Пишет и размещает (иногда совместно с редакторами и контент-менеджерами) шаблоны и уникальные метатеги для всех остальных страниц сайта.

Проводит проверку заполненности атрибута alt для изображений. Формирует список страниц и изображений без alt, составляет рекомендации по заполнению атрибутов alt.

Команда Uplab

Базовая оптимизация «боевого» сайта

После запуска сайта на «бой» SEO-специалист проводит следующие работы:

На «боевой» версии сайта не должно быть «битых» ссылок и висячих узлов.

На «боевой» версии сайта не должно быть временных редиректов, цепочек редиректов, бесконечных редиректов, но должны быть редиректы на главное зеркало.

С помощью «Яндекс.Вебмастер» и Google Search Console проверяет исправность работы и настроек файла-инструкции для поисковых роботов robots.txt и карты сайта sitemap.xml.

Узнаёт, есть ли 404-код ответа сервера для несуществующих страниц на «боевой» версии сайта.

Уточняет работоспособность 301-редиректов со старых страниц сайта на новые.

Проверяет, насколько корректно работают формы на сайте и цели в системах аналитики.

На всех страницах сайта должны быть заполнены H1, title и description.

Проводит проверку скорости загрузки сайта с помощью Google Pagespeed Insights, при необходимости дает рекомендации по ускорению загрузки сайта.

Загружает файлы для подтверждения прав на сайт и предоставляет доступ клиенту.

Добавляет сайт в «Яндекс.Справочник»: наиболее важные страницы для мониторинга и файл sitemap.xml, а также указывает регион. Проверяет сайт на наличие быстрых ссылок. При необходимости для появления быстрых ссылок анализирует сайт и исправляет ошибки.

Добавляет карту сайта sitemap. xml для отслеживания индексации страниц и ошибок, если они возникают.

Формирует Т З на внедрение микроразметки адреса Schema.org и микроразметки для социальных сетей Open Graf. Для интернет-магазинов — на внедрение микроразметки на товары и цены, хлебные крошки и отзывы.

После проведения всех работ SEO-специалист составляет ТЗ по необходимым доработкам и ставит задачи на команду разработчиков.

Результат работы

После поисковой оптимизации, проведенной SEO-специалистом, сайт будет корректно индексироваться и ранжироваться в поисковых системах.

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

Читайте по теме