Описать и показать разработку сайтов такой, какая она есть — именно такую цель мы преследуем, рассказывая о работе разных специалистов над созданием сайтов. Вы уже могли познакомиться с этапами аналитики и проектирования, дизайна, frontend и backend. Отдельно от спецпроекта — с этапом тестирования сайта в Uplab. Строго соблюдая последовательность и каноны веб-разработки, мы незаметно подошли к разбору финального этапа — наполнения контентом и поисковой оптимизации. Рассмотрим, что они собой представляют, как влияют на работоспособность сайта, его удобство для пользователей и дальнейшее продвижение в поисковых системах.
Этап наполнения сайта контентом
Когда проведена аналитика, спроектированы макеты, а дизайн продуман, сверстан и интегрирован, к работе подключается контент-менеджер. Специалист отвечает за наполнение веб-страниц контентом, его техническую обработку и размещение на сайте в соответствии с дизайн-концепцией и версткой, проведенных на предыдущих этапах. Под контентом понимается информация, представленная в текстовом, графическом, табличном, аудио- / видеоформате и предназначенная для размещения на сайте.
Контент может быть получен специалистом:
Контент может быть получен специалистом:
самого заказчика.
•
от редакторов и дизайнеров агентства, которые самостоятельно готовят разные типы контента по техническому заданию от заказчика;
•
Чем занимается контент-менеджер
Контент-менеджер (от англ. content manager — управляющий контентом) — это специалист, который заполняет тестовую или боевую версии сайта необходимой информацией: текстами, таблицами, графиками, фотографиями, аудио, видео и другим контентом.
Контент-менеджера очень часто путают с SMM-специалистом. Подразумевая вторых, используют название профессии первых. Проблема — в терминологии. Контент-менеджер размещает информацию на сайте, а SMM-специалист создает маркетинговые стратегии для аккаунтов заказчика в социальных сетях, а также производит для них контент и публикует его. Первый администрирует сайт, а второй занимается продвижением компании в социальных сетях. Важно знать эту разницу.
В процессе разработки сайта в Uplab контент-менеджеры решает следующие задачи:
Контент-менеджера очень часто путают с SMM-специалистом. Подразумевая вторых, используют название профессии первых. Проблема — в терминологии. Контент-менеджер размещает информацию на сайте, а SMM-специалист создает маркетинговые стратегии для аккаунтов заказчика в социальных сетях, а также производит для них контент и публикует его. Первый администрирует сайт, а второй занимается продвижением компании в социальных сетях. Важно знать эту разницу.
В процессе разработки сайта в Uplab контент-менеджеры решает следующие задачи:
консультируют заказчика по размещению и редактированию контента на сайте.
•
составляют документ с инструкцией по работе с сайтом для заказчика;
•
наполняют сайт «боевым» контентом от заказчика или специалистов агентства;
•
Иногда встречаются и задачи творческого плана, где нужно «включать» чувство вкуса и насмотренность. Например, если заказчик не предоставил изображения для сайта, мы подбираем их самостоятельно. Качественные, визуально привлекательные, подходящие по смыслу и соответствующие особенностям дизайн-концепции сайта.
При этом важно понимать, что нельзя просто ввести запрос в поисковую систему и выбрать любую понравившуюся картинку. Лучшее решение во избежание возможных проблем с авторскими правами — использование бесплатных изображений со стоков, как www.pexels.com, unsplash.com, pixabay.com/ru. Эти ресурсы имеют богатый банк изображений и, что не менее важно, доступ для скачивания по лицензии Creative Commons, т.е. с разрешением для публичного использования (в том числе коммерческого).
При этом важно понимать, что нельзя просто ввести запрос в поисковую систему и выбрать любую понравившуюся картинку. Лучшее решение во избежание возможных проблем с авторскими правами — использование бесплатных изображений со стоков, как www.pexels.com, unsplash.com, pixabay.com/ru. Эти ресурсы имеют богатый банк изображений и, что не менее важно, доступ для скачивания по лицензии Creative Commons, т.е. с разрешением для публичного использования (в том числе коммерческого).
Александра Кочанова
контент-менеджер
С кем взаимодействует контент-менеджер
Для достижения высокого результата в установленные сроки контент-менеджер взаимодействует со всей командой проекта по разработке сайта:
аналитиком-проектировщиком;
•
редактором;
•
менеджером проекта;
•
•
frontend- и backend-разработчиками;
•
тестировщиком;
•
SEO-специалистом.
Например, к менеджеру проекта и / или аналитику-проектировщику обращается, если предоставленный контент не соответствует дизайну определенных страниц или разделов сайта. Если работа в админке с определенными страницами сайта непонятна или нетипична, контент-менеджер консультируется с разработчиками, которые интегрировали данные разделы.
При обнаружении багов в процессе наполнения контентом специалист составляет список и передает его тестировщику проекта или добавляет в баг-лист с указанием типа работ (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» — мы свободно делимся знаниями и рассказываем, как создаем цифровые продукты для российского бизнеса.
Разработка сайтов в нашем агентстве проходит системно, но в отдельных случаях может иметь свои особые подходы и профессиональные секреты, которые, конечно, не опишешь в одном материале. Заходите почаще на нашу «Кухню Uplab» — мы свободно делимся знаниями и рассказываем, как создаем цифровые продукты для российского бизнеса.
Комментарии к статье
Комментарии: 0