Идеальный сайт под SEO
Эта услуга для тех заказчиков, которые:
- Уже имели опыт разработки сайта.
Часто неудачный и могут оценить те преимущества, о которых пойдёт речь дальше. - Работают в стабильно развивающейся компании, которая переросла стадию стартапа.
То есть, ваш продукт или услуга уже минимум несколько лет успешно продаётся на рынке и вы уверены, что отобьёте стоимость создания сайта месяцев за 6.
Если вы узнали себя, то заварите ваш любимый напиток и устраивайтесь поудобнее, чтобы разобрать, как создать сайт, идеально подходящий под задачу продвижения в поисковых системах.
Этап 1: предпроектные исследования
Первое, что должен сделать маркетолог при создании сайта под SEO – это погрузиться в предметную область.
Ведь специалист по маркетингу в большинстве случаев слабо разбирается в каркасных домах, клининге, стоматологии и других сферах, где ему предстоит работать.
К счастью, для создания сайта специалисту с 10-летним опытом достаточно 20 часов изучения предметной области, чтобы учесть все особенности ниши при создании сайта.
Например, один из разработанных проектов принёс 27 700 визитов за прошлый год, при этом 99% ключевых слов не видны в системах статистики, таких как Wordstat. О таком можно узнать только при пристальном анализе ниши.
После 100+ выполненных проектов вы уже знаете, что работает, а что — нет.
Пропуск этого этапа сродни игре в казино, когда вы рискуете 6-9 месяцами работы (столько может занять создание качественного сайта под SEO), точно не зная, как пользователи выбирают товар или услугу и не учитывая лучшие практики на рынке, которые можно подсмотреть у конкурентов.
Этап 2: сбор и группировка семантики
Семантикой называют пул ключевых фраз, отобранных для продвижения. Само собой, к этому этапу нужно подходить с пониманием, что значат слова, которые пользователи вводят в поисковую строку (это мы сделали на первом этапе работы с проектом).
Тут тоже можно сэкономить месяцы и крупную сумму денег без потери в результатах, если воспользоваться выгрузками из специальных сервисов и вручную доработать полученные данные.
Такое возможно, так как на этапе создания сайта достаточно не забыть 2 типа страниц:
- Которые принесут большую часть трафика (посетителей).
Их мы не пропустим, так как ключевые фразы для таких страниц очевидны. - Все шаблоны, которые понадобятся для дальнейшего продвижения.
Даже в упрощённом варианте подготовка контента для всех этих страниц займёт несколько месяцев. Вы сможете сэкономить время на продвижении сайта, если создадите контент параллельно с дизайном, вёрсткой и программированием.
В итоге должна получится структура сайта, в которой ключевые фразы распределны по страницам оптимальным для продвижения образом.
Пропуск этого этапа является фатальной ошибкой, так как после создания сайта с высокой долей вероятности SEO-специалист попросит вас переделать проект, что может составить ещё +50% к стоимости и займёт несколько месяцев.
Ведь ваша задача — получить трафик по ключевым фразам из поисковых систем, а сайт при этом — инструмент. То есть, не SEO должно подстраиваться под сайт, а сайт под задачи продвижения.
Этап 3: проектирование страниц
После того, как мы поняли, какие страницы нам понадобятся, нужно собрать прототипы этих страниц, которые покажут дизайнеру, что должно быть в каждом блоке.
Фрагмент прототипа для одного из проектов:
На этом этапе закладывается высокая конверсия сайта. Ведь нет ничего хуже попасть в ТОП многомесячными усилиями и иметь низкую конверсию из перехода на сайт в заявку, получая крохи от возможного количества лидов.
Результат проектирования согласовывается с SEO-специалистом.
Этап 4: дизайн
Каждая страница отрисовывается минимум для трёх типов экранов: мобильного, планшета и десктопа. Для всех интерактивных элементов показывается как минимум состояние покоя, при наведении и нажатии. В итоге получается такой набор макетов:
Дизайн-макеты интернет-магазина стройматериалов.
Чтобы представить себе масштаб работы, откройте любой длинный одностраничник в контекстной рекламе и поставьте его на место одного макета в файле с дизайном.
Результаты этапа согласовываются с SEO-специалистом и проверяются маркетологом, который разрабатывал прототип.
Этап 5: вёрстка
Вёрстка — это процесс перевода дизайн-макетов в HTML-код, который будут видеть посетители сайта.
Это нужно сделать для каждого из макетов со скриншота выше + реализовать поведение в промежуточных состояниях между типами экранов.
Вы наверняка видели примеры плохой вёрстки, когда сайт долго загружается или текст в блоках на странице «выпадает» из своего контейнера. Самое страшное — это попасть к неаккуратному верстальщику, который уничтожит всё прекрасное, что создал дизайнер. Сделать это очень легко: надо всего лишь сверстать «на глаз». В итоге сайт будет похож на макет, но из-за несоблюдения размеров шрифтов, отступов и т.п. выглядеть будет ужасно.
Если собрать только требования к SEO в чек-лист, то получится 38 пунктов, которым должен соответствовать сайт, готовый к продвижению. Не считая требований к написанию кода, объём которых ещё больше, чем для SEO.
Каждый пунк чек-листов и соответствие вёрстки макетам проверяются исполнителем и тестировщиком. Двойная проверка исключает ошибки на этом этапе.
Этап 6: интеграция с системой управления контентом (CMS)
Перед стартом этапа создаётся техническое задание на 25-30 листов А4 одиннадцатым шрифтом, которое описывает:
- как управлять каждой единицей контента, которую вы будете изменять через админку при наполнении сайта;
- логику вывода баннеров, карточек товаров в каталогах, меню и прочих элементов;
- поведение интерактивных элементов (куда ведут ссылки, что происходит при нажатии на кнопки, куда отправляются формы с заявками и т.д.);
- какую микроразметку на какой странице использовать. Она нужна, чтобы рассказать поисковым системам о том, какой контент размещён на сайте.
Дополнительно специалисту высылается чек-лист с SEO-требованиями для бэкенда из 98 пунктов, который исключает появление дублей на сайте, регламентирует обработку ошибок сервера, описывает универсальные для любого проекта настройки.
Подготовка таких документов исключает недопонимание между разработчиком и руководителем проекта.
Каждый пункт ТЗ и чек-листа проверяется исполнителем и тестировщиком.
Получившийся проект проверяется SEO-специалистом и клиентом.
Четырежды проверенный проект наполняется контентом и открывается для посещений без ошибок.
Результатом кропотливой и вдумчивой работы часто становится появление трафика из поисковиков. Пример одного из проектов:
Посещаемость сайта из поисковых систем по низкочастотным запросам.
Создание сайта по такой схеме занимает 6-9 месяцев, так как объём работы исчисляется сотнями часов команды квалифицированных специалистов.
Стоимость такого проекта в среднем укладывается в вилку 2-3 млн. руб.
Ответы на часто задаваемые вопросы
Вопрос: Почему бы не взять какой-нибудь уже готовый шаблон и не доработать сайт на его основе?
Ответ: Мы не работаем с шаблонами при разработке сайта под SEO и вот почему…
Сложности шаблонных дизайнов:
- Найти подходящий шаблон сложно.
- Они все выглядят неплохо, пока не начнёшь смотреть внимательно.
- У одних кнопка заказа на мобильных находится вне первого экрана, что негативно сказывается на конверсии.
- Другие сделаны так, что поисковый робот не видит часть контента.
- Третьи медленно загружаются.
- Хотелось бы иметь универсальный шаблон под любую нишу, но такого не существует, так как в разных нишах свои «фишки». Если наложить на это требования к дизайну и технической составляющей, то очень редко удаётся найти идеально подходящий шаблон.
- Мы уделяем такое внимание деталям, так как после того, как ваш сайт попадёт в ТОП, риск потери позиций будет слишком велик, а потенциальные потери будут исчислятся миллионами рублей. То есть, с каким сайтом вы войдёте в ТОП, такой и останется у вас лет на 5-7.
Минусы шаблонных дизайнов:
- Разработчики шаблона делают его универсальным, что приводит к появлению избыточного функционала.
- Чем больше функционала, тем медленнее сайт. Чем он медленнее, тем ниже шанс попасть в ТОП и ниже конверсия.
- В типичном шаблоне вы найдёте кнопки расшаривания контента во всех возможных социальных сетях, которыми воспользуются раз в год.
- Переключение вида каталога, форма «задать вопрос о товаре», в которую практически никогда не пишут, наличие в нескольких магазинах даже если у вас он один, подписка на email-рассылку, которой у вас нет и навряд ли когда-то будет.
- Все эти возможности требуют тысяч строк кода, которые в лучшем случае будут просто лежать мёртвым грузом на хостинге, а в худшем через них хакеры смогут взломать сайт, воспользовавшись уязвимостями, которые периодически возникают в CMS.
А в результате?
- Создавая сайта на шаблоне получается визуально перегруженный сайт.
- Когда сайт разрабатывается под конкретный бизнес, то на нём остаётся только самое важное.
- В случае с шаблоном внимание пользователя «распыляется» на элементы, которые не ведут к конверсии.
Вопрос: Зачем усложнять создание проекта таким количеством требований? Мы же не Яндекс делаем, а простой корпоративный сайт.
Ответ: Если вы не хотите чтобы сайт окупился и приносил вашему бизнесу доход, то можно и так… А если хотите, чтоб сайт был активом бизнеса, то нужно делать всё правильно.
Требования были выработаны за 4 года совместной работы нашей команды и являются минимальными для SEO, несмотря на их количество.
Вопрос: Какие CMS вы используете при разработке?
Ответ: Для контентных проектов используем WordPress, для интернет-магазинов 1C-Bitrix или фреймворк Laravel.
Обсудить оптимальный для вашего случая вариант вы можете, написав мне.
