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

За 10 лет нашей работы это не 2 и не 3-й сайт нашей команды, а 4-й). Это наша история. Это круто? Возможно, нет. Мы менялись, внедряли что-то новое.

Эта статья не о нашей истории, но именно в ней заложена основа изменений. Мы появились в 2008, начинали свой путь в области разработки сайтов и продвижение, в 2012 акцентировались на интернет-маркетинге. До 2015 года 80% проектов были аутсорс-проектами, начиная с 2015 мы сосредоточились на прямой работе с клиентами по продвижению, контекстной рекламе. За это время мы изменились, изменились организация работы, появилась миссия.

Ничего нового. WordPress.

Почему:

1. Простота управления.
2. Широкие возможности персонализации
3. Отсутствие сложностей с подключением разработчиков
4. Опыт работы с данной CMS

Рекомендации:

1. Выберете популярную систему управления контентом. Это упростит дальнейшее сопровождение сайта, подключение разработчиков к проекту в будущем. Вы не будете привязаны к разработчику сайта.
2. Обратите особое внимание на организацию управления сайтом внутри админки, необходимо заранее готовить структуру сайта и удобное управление контентом.
3. Для дальнейшего продвижения проекта необходимы будут базовые функции:

– управление хлебными крошками
– возможность редактировать мета-теги каждой из страниц
– скорость загрузки сайта
– автоматическая карта сайта
– ЧПУ адреса страниц
и другой функционал

Один из ключевых этапов – необходимо понимать будущею структуру сайта. При подготовке мы сформировали карту текущего сайта в виде таблицы:

– название раздела/страницы
– текущий адрес страницы
– новый адрес страницы
– ТЗ по контенту (ссылка на документ в котором расписана структура страницы)

Рекомендации:

1. Сформируйте карту текущего сайта компании в виде:
   – ментальной карты
   – таблицы

2. Проверьте, все ли страницы текущего сайта учтены в карте

Структура сайта:

*напишите нам, отправим шаблон документа структуры

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

Мы организовали это следующим образом:

1. Составили перечень услуг, которые мы предлагаем клиенту
2. У нас уже есть семантическое ядро для продвижения, на базе которого мы провели позапросный анализ топ-10 по контенту:
   – какие блоки выведены
   – на какие вопросы отвечают страницы
   – формат вывода условий предоставления услуги (цена, сроки, гарантии, условия, план действий)

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

Рекомендации:

1. Определите тенденции в вашей нише.
2. Если что-то есть у конкурента – не факт, что вам это необходимо:
   – не факт, что это работает и важно для вашего потенциального клиента
   – вы можете уступать в чем-то, это не нужно игнорировать

3. Предусмотрите заранее решения по контенту, которые позволят оптимизировать страницу для продвижения (к примеру, текстовые блоки)
4. Выводите реальную и полезную информацию для клиента и максимально сократите “воду”.

Для того чтобы построить эффективный процесс подготовки проекта – вам нужна четкая структура будущего сайта.

Как это сделали мы. У нас уже есть карта текущего сайта, что выполнили:

1. Пересмотрели каждую страницу сайта. Определили страницы, которые планируем сократить:
   – на базе данных статистики (взяли данные аналитики за последний год)
   – на базе данных конверсии, конверсии, продаж

2. Определили услуги, которые планируем запустить, которые будут полезны нашему потенциальному клиенту:
   – на базе спроса (данные запросов Гугл, данные обращений наших клиентов, данные по лидам)

3. Разбили страницы на типы:
   – услуги
   – инфо страницы (блог, глоссарий и другая полезная информация)
   – общие страницы (контакты, о компании, прочие)

4. Зафиксировали в таблицы группы страниц:
   – на удаление, на какую страницу ставим редирект
   – создание новых страниц
   – страницы, которые оставляем

Рекомендации:

1. Заранее определите:
   – по каким страницам будут изменены адреса, чтобы сформировать карту редиректов при переезде
   – какие страницы будут удалены
   – какие новые страницы необходимо создать

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

3. Заранее подумайте о навигации и удобству пользования
   – как будет выглядеть меню
   – каким образом пользователь сможет попасть на ту или иную услугу.

Мы предоставляем услуги интернет-маркетинга. Ключевые направления:

– SEO
– PPC
– Управление репутацией в поиске
– SMM

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

К примеру поисковое продвижение сайта состоит из:

– общих запросов “продвижение сайта” и тд., которые идут на главную страницу
– запросы с “услуги”, которые идут на общею страницу услуги продвижения сайтов.

А также точечные разделы:

– продвижение в Гугл
– продвижение в Яндекс
– локационные направления (по городам)
и др. страницы

Как мы построили процесс:

1. Сформировали группировку семантического ядра
2. Определили набор ключевых слов для каждой страницы услуги
3. На базе данных конкурентов сформировали отдельный файл структуры контента страницы

Рекомендации:

1. Заранее подумайте о будущем продвижение, по каким запросам будет продвигаться страница
2. Проанализируйте конкурентов по каждой услуге – сформируйте структуру страницы
3. Начните готовить контент заранее. Это наиболее трудоемкая задача.

Пример структуры новой страницы услуги:

У нас уже есть структура каждой страницы услуги, а также общих страниц сайта. Начинаем готовить контент.

Как построили процесс:

1. Подготовили ТЗ для копирайтера
2. Наладили процесс согласования текстов
3. Определили сроки

Рекомендации:

1. Ваша компетенция в своей нише бизнеса выше чем у копирайтера (не как правило, но зачастую). Поэтому тут 2 варианта:
   – найти эксперта в своей области для написания текстов
   – найти просто хорошего копирайтера, с которым в тандеме вы сможете готовить качественный текст.

2. Если у вас нет редактора в команде, будьте готовы уделить этому достаточно большое количество времени.
3. Перед тем как писать текст, у вас должно быть четкое ТЗ, которое включает в себя структуру контента и вид его размещения

– на какие вопросы должен отвечать текст страницы
– структура текста (что это за услуга, об услуге, условия, гарантии, цены, сроки и тд)

У нас уже был примерный концепт будущего сайта, но не было понимания каким он должен быть.

Как построили процесс:

1. В файле структуры нашего сайта отметили страницы, по которым необходима отрисовка
2. Оценили объем
3. Продумали очередность подготовки.
4. На данном этапе у нас уже была готова структура страниц, наброски контента, но нет ТЗ для дизайнера, сформировали ТЗ дизайнеру с ожиданиями.
5. Нам нужен адаптивный дизайн, поэтому предусмотрели отрисовку макетов в 3 вариантах (дескоп, планшет, мобильный).
6. Порядок работы с дизайнером:
   – ТЗ
   – макет
   – реализация
   – первая итерация
   – корректировки
   – вторая итерация

Определение последовательности подготовки дизайн-макетов:

Рекомендации:

1. Чтобы процесс подготовки дизайн-макетов сайта был организованным и четким, продумайте заранее количество необходимых макетов. Это даст возможность оценить срок реализации с дизайнером, а также оценить стоимость реализации.
2.  Чтобы ускорить процесс подготовки макетов, особенно на первой стадии – подготовка дизайн главной страницы, уделите время, посмотрите конкурентов, изучите тренды, найдите свой “формат” и поставьте задачу дизайнеру с примерами того, что вам понравилось.

Да, тут можно сказать, что это должен сделать дизайнер. И вы будете правы. Но тут все зависит от ряда факторов:

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

2. Двигайтесь пошагово и постранично. Не готовьте макеты скопом.
   *Если вы захотите что-то изменить, необходимо будет вносить правки в каждом макете

3. Дизайн сайта должен быть адаптивным или иметь мобильную версию.
   Не откладывайте. Подумайте об этом заранее.

Мобильная версия сайта может отличается от дескопной, к примеру, на ней могут быть выведены не все блоки.

Как мы построили процесс:

1. Подготовили техническое задание
2. Определили этапы разработки:
   – верстка главной страницы
   – установка и базовая настройка CMS
   – далее: постраничный запуск, начиная с общих страниц сайта

Рекомендации:

1. Подготовьте детальное ТЗ

1.1. Опишите требования разработчику по SEO подготовке сайта, минимально это:

– возможность редактирования мета-тегов
– возможность редактирования заголовков, тайтлов страниц
– автоматическая генерация карты сайта .html
– автоматическая генерация карты сайта .xml
– наличие хлебных крошек
– микроразметка хлебных крошек
– требования по скорости загрузки сайта
– ЧПУ адреса страниц
– возможность удобного редактирования текста страниц

*в вордпрессе все эти задачи решаются установкой дополнительных модулей

2. Базовые рекомендуемые плагины WordPress для установки

В процессе мы столкнулись с 240+ багами, мелкими и крупными.

Как мы построили процесс:

1. Тестирование/аудит каждой страницы в отдельности при приемке
2. Тестирование 2 итерации на этапе готового сайта:
   – постраничный аудит на мелкие баги
   – общий аудит сайта, скорость загрузки, работа модулей – прочее.

Рекомендации:

1. Проведите аудит сайта (его может выполнить PM из вашей команды, разработчик или сторонний аудитор)
2. Обязательно проверьте мобильную/адаптивную версию сайта, на ней могут быть свои баги.
3. Формируйте отдельные четкие задачи на программиста.

1. Сформировали таблицу контента
   

2. Разбили на итерации
3. Внедрили.

Объективно, тема требующая отдельной детализации

Как мы построили процесс:

1. Спарсили сайт – определили полный перечень URL-адресов старого сайта

• Общие страницы сайта
• Страницы услуг
• Блог и публикации
• Глоссарий

2. Спарсили новый сайт – определили новые URL-адреса страниц.
3. Сформировали заключение SEO-специалиста по необходимости обновления URL-адресов.
4. Сформировали документ старый-новый адрес

4.1. Определили страницы, которые будут отсутствовать на новом сайте.

5. Установили модуль редиректов WordPress

6. Установлен постраничный 301-редирект со старых адресов (это нужно выполнить на старом домене/сайте).

6.1. Добавлено исключение редиректа для страниц, которые будут отсутствовать на новом сайте

6.2. Добавлено исключение системных файлов sitemap.xml, robots.txt

7. Сформирована карта сайта .xml нового сайта
8. Добавили новый домен в Google.Webmaster (аналогично по Я.Вебмастеру)
9. Добавили новую карту сайта .xml в  Google.Webmaster (аналогично по Я.Вебмастеру)
10. Отправили запрос в  Google.Webmaster на изменение домена через вебмастер (старый интерфейс вебмастера Гугл) старого доменного имени (при отправке заявки нужно выбрать ранее добавленный новый домен сайта)

Если все сделали корректно:

Детальная инструкция тут.

Рекомендации:

1. Обязательно настройке постраничный 301 редирект. При этом добавьте в исключение системные файлы sitemap.xml, robots.txt
2. Не выводите 301-редирект по страницам, которые будут отсутствовать на новом сайте. Исключение: страницы, по которым вам необходимо передать статичный вес (например, страницы которые ранее продвигались, на которые размещались ссылки)
3. Следуйте рекомендациям Google по переносу сайта
4. Проверьте, корректно ли работают 301 редиректы.

Мы не проводили детальный анализ цен подрядчиков и частных исполнителей, стоимость может отличаться в зависимости от многих факторов (опыт компании, уровень проекта, сложность ТЗ и тд ), тем не менее мы подготовили ориентиры стоимости состоянием на сентябрь 2018 следующие:

Итого:

1. Стоимость разработки корпоративного сайта компании в компании будет стоить дороже на 30-40%.
2. Стоимость разработки корпоративного сайта с уникальным адаптивным дизайном от 800 дол до 3000+ дол (и выше, с учетом выше описанных моментов).
3. Стоимость может разниться в разы, в зависимости от стоимости профильных исполнителей и поставленной задачи.

Про “все как по маслу” и цифры

Без комментарием, просто цифры:

• 9+ месяцев работы команды
• 30+ часов брейнсторминга, запустили большой конкурс и проработали больше 60 вариантов лого
• 2+ десятка макетов
• 40+ митингов
• Сменили 2 дизайнеров
• Сменили 3 контент-менеджеров (медленно, не качественно)
• Переделали больше 30 блоков по новой
• Переписали почти все тексты на сайте
• Порядка 30 итераций по изменению нового логотипа
• Исправили больше 100 багов

Сделали все, что планировали?

Нет. У нас большие планы:

• Запустим фотографии нашей команды, офиса
• Закончим страницы новых услуг
• Готовим видео отзывы наших клиентов
• И другие планы 🙂

Заключение

1. Процесс запуска нового сайта – многоэтапный процесс, требующий понимания специфики и детальной декомпозиции задач. Если у вас есть своя команда исполнителей, время и опыт – Вы можете подготовить и запустить сайт самостоятельно. Если нет – найдите профессионального подрядчика в области разработки сайтов, который организует и построит процессы. Если Ваш сайт уже имеет позиции и поисковый трафик – организовывать процесс разработки обязательно необходимо под контролем SEO-специалиста.
2. Решение из коробки, как правило возможно для очень простых сайтов, в большинстве случаем требуется доработка CMS под нужды бизнеса и задачи, которые должен решать сайт.
3. Разработка качественного сайта без полноценного участия Заказчика невозможна.