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

Как в 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, если присутствует дубль главной страницы.
Настраивает карту сайта sitemap.xml
Проводит настройки для корректной генерации карты сайта.
Создает и настраивает robots.txt
Создает robots.txt и вносит в него все необходимые директивы для корректной индексации сайта.
Проверяет наличие циклических ссылок
При обнаружении циклических ссылок он указывает в ТЗ для разработчиков, что нужно это исправить.
Проверяет корректность URL-адресов страниц
Под корректностью подразумевается, что все URL должны быть читабельными, так называемыми ЧПУ («человеко-понятный урл»), не содержать спецсимволов, набора Caps Lock, русских букв. Слова в URL должны быть разделены дефисами. Кроме того, SEO-специалист проверяет, нет ли отдельных страниц со слешем («/») на конце в URL, когда в остальных его там нет. Или наоборот: нет ли отдельных страниц без слеша («/») на конце в URL, когда в остальных он там есть. Настраивает 301-редирект.
Проверяет корректность ссылок на сайте
Все ссылки сайта должны быть относительными, т.е. не www.site.ru/catalog/, а просто /catalog/. Также SEO-специалист проверяет работоспособность ссылок, которые ведут на внешние сайты.
Проверяет код ответа 404-страниц, наличие уникальной страницы с сохранением кода ответа
Проверяет код ответа несуществующих страниц (должен быть 404), а также наличие страницы с сообщением об ошибке.
Проверяет наличие заголовка H1 на всех страницах
Проверяет корректность разметки главного заголовка страницы как H1. Если по дизайну на странице невозможно размещение заголовка H1, то в таком случае допускается его отсутствие.
Проверяет разметку заголовков H2–H6
Уточняет, насколько корректно представлена вложенность заголовков H2-H6 на страницах сайта. Проверяет, не используются ли заголовки H2-H6 для разметки служебных элементов.
Настраивает постраничные редиректы (если был старый сайт)
При наличии старой версии сайта SEO-специалист составляет список всех прежних страниц и сопоставляет их с новыми, а также формирует список 301-редиректов для перенаправления на новые адреса.
Проверяет сайт на наличие «битых» ссылок
На сайте не должно быть ссылок на несуществующие страницы.
Проверяет сайт на наличие некорректных редиректов
На сайте не должно быть 302-редиректов, цепочек редиректов, бесконечных редиректов.
Устанавливает счетчики Google Analytics и «Яндекс.Метрики»
Устанавливает коды счетчика сервисов аналитики. Если у сайта не было счетчиков, создает и добавляет коды в шаблон сайта. Предоставляет доступ клиенту к ним.
Настраивает цели в счетчиках Google Analytics и «Яндекс.Метрики»
Проводит настройку целей в счетчиках систем аналитики, генерирует коды целей для всех форм на сайте.
Проверяет сайт на наличие пустых страниц, находящихся в разработке
SEO-специалист проверяет сайт на наличие пустых и тестовых страниц. При переносе сайта на «бой» на нем не должно быть пустых и некорректно заполненных страниц.
Составляет метатеги для продвигаемых страниц
Пишет и размещает (иногда совместно с редакторами и контент-менеджерами) уникальные title и description с учетом семантического ядра для продвигаемых страниц.
Составляет метатеги для остальных страниц
Пишет и размещает (иногда совместно с редакторами и контент-менеджерами) шаблоны и уникальные метатеги для всех остальных страниц сайта.
Проверяет alt-описания изображений
Проводит проверку заполненности атрибута alt для изображений. Формирует список страниц и изображений без alt, составляет рекомендации по заполнению атрибутов alt.
Backend-разработчики Uplab
Команда Uplab
Базовая оптимизация «боевого» сайта
После запуска сайта на «бой» SEO-специалист проводит следующие работы:
Проверяет сайт на наличие «битых» ссылок и висячих узлов
На «боевой» версии сайта не должно быть «битых» ссылок и висячих узлов.
Проверяет редиректы, цепочки редиректов
На «боевой» версии сайта не должно быть временных редиректов, цепочек редиректов, бесконечных редиректов, но должны быть редиректы на главное зеркало.
Уточняет корректность robots.txt и sitemap.xml
С помощью «Яндекс.Вебмастер» и Google Search Console проверяет исправность работы и настроек файла-инструкции для поисковых роботов robots.txt и карты сайта sitemap.xml.
Проверяет код ответа несуществующих страниц
Узнаёт, есть ли 404-код ответа сервера для несуществующих страниц на «боевой» версии сайта.
Проверяет работоспособность постраничных редиректов после переноса сайта (если был старый сайт)
Уточняет работоспособность 301-редиректов со старых страниц сайта на новые.
Проверяет работоспособность форм обратной связи и целей в счетчиках Google Analytics и «Яндекс.Метрика»
Проверяет, насколько корректно работают формы на сайте и цели в системах аналитики.
Проверяет наличие H1 и метатегов на всех страницах
На всех страницах сайта должны быть заполнены H1, title и description.
Проверяет скорость загрузки сайта
Проводит проверку скорости загрузки сайта с помощью Google Pagespeed Insights, при необходимости дает рекомендации по ускорению загрузки сайта.
Добавляет сайт в Google Search Console и «Яндекс.Вебмастер»
Загружает файлы для подтверждения прав на сайт и предоставляет доступ клиенту.
Настраивает «Яндекс.Вебмастер»
Добавляет сайт в «Яндекс.Справочник»: наиболее важные страницы для мониторинга и файл sitemap.xml, а также указывает регион. Проверяет сайт на наличие быстрых ссылок. При необходимости для появления быстрых ссылок анализирует сайт и исправляет ошибки.
Настраивает Google Search Console
Добавляет карту сайта sitemap. xml для отслеживания индексации страниц и ошибок, если они возникают.
Создает ТЗ на внедрение микроразметок Schema.org и Open Graf
Формирует Т З на внедрение микроразметки адреса Schema.org и микроразметки для социальных сетей Open Graf. Для интернет-магазинов — на внедрение микроразметки на товары и цены, хлебные крошки и отзывы.
После проведения всех работ SEO-специалист составляет ТЗ по необходимым доработкам и ставит задачи на команду разработчиков.

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

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

Поделитесь материалом с друзьями и коллегами:

Комментарии к статье

Другие статьи в блоге
Статьи ~ 25 минут на чтение

SWOT-анализ: определение, применение, примеры

133
11 августа 2020
Статьи ~ 35 минут на чтение

Как прокачать Digital Skills. Подборка ресурсов для самообразования

1508
05 июня 2020
Статьи ~ 20 минут на чтение

G Suite: 33 полезные функции для бизнеса

2067
24 апреля 2020
Статьи ~ 5 минут на чтение

Как работать из дома эффективно: лайфхаки от удаленщиков Uplab

1731
31 марта 2020
Статьи ~ 20 минут на чтение

Как продвинуть интернет-магазин с помощью коммерческих факторов

1942
27 марта 2020
Статьи ~ 15 минут на чтение

Work From Home: полезные сервисы для удаленной работы

2106
24 марта 2020
Статьи ~ 30 минут на чтение

Теория ограничений систем Голдратта: как повысить эффективность бизнеса

4999
16 марта 2020
Статьи ~ 10 минут на чтение

Сайты электротехнической отрасли: разбираем лучшие практики

1114
28 февраля 2020
Статьи ~ 15 минут на чтение

Как сделать качественный сайт электротехнической компании. Чек-лист

1587
27 февраля 2020
Статьи ~ 30 минут на чтение

30 сервисов, чтобы создать онлайн-курс и заработать на нем

20564
18 февраля 2020
новое
Мы сделали постер
«Набор инструментов для организации работы компании в online»
Получить бесплатно
Закрыть
Спасибо
за обращение
Мы ответим вам
в ближайшее время.
Получить постер