Как усидеть на 2 стульях: создание сайта с учетом SEO

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

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

Поэтому если Вы задались целью создать качественный, а главное, работающий сайт, который будет приносить приличный объем бесплатного трафика из Гугла и Яндекса, мы рекомендуем начинать беспокоится о SEO уже на этапе разработки. Вы спросите: «Зачем?».

А вот и ответ:

• Колоссальная экономия времени и денег в будущем. Подключив SEO-шника или шарящего PM-а на этапе продумывания, Вы соберете качественное семантическое ядро и создадите грамотную структуру будущего сайта, которую полюбят роботы поисковых систем и ваши пользователи. Менять структуру и манипулировать после создания сайта трудозатратно и геморройно.
• Облегчение жизни разработчикам. Предусмотреть и сделать SEO-шные прибамбасы наподобие «хлебных крошек», вывода мета-тегов, блоков для улучшения поведенческих факторов и т.п. разработчикам намного легче в комплексе, когда они только набрасывают «скелет» сайта. В последствии ковыряться в коде и «костылить» мало кому хочется.
• Быстрое индексирование поисковыми системами. Если сделать все правильно, а вдобавок аккуратно получить порцию ссылочной массы, поисковики встретят ваш сайт с распростертыми объятиями. После запуска периодически «причесывая» сайт, вы получите быстрое и корректное индексирование сайтов поисковиками.

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

Но как это ни печально признавать, чаще всего осознание необходимости SEO, приходит к клиенту лишь после того, как уже появится проблема в привлечении клиентов и увеличении трафика на сайт. Такова уж наша славянская ментальность — решать проблемы по мере наступления, но никак их не упреждать и предвосхищать.

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

Этап 1. Брифинг — «допрос партизана»

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

Выдержка из брифа на создание интернет-магазина выглядит примерно так:

Вести себя на брифинге как «партизан на допросе» —  значит на выходе есть вероятность получить не то, что ожидали. Поэтому старайтесь высказывать максимум пожеланий к разрабатываемому сайту и не стесняйтесь изъясняться простыми словами, даже если не обладаете техническими навыками — мы как агентство помогаем трансформировать ваши мысли в конкретные задачи.

Этап 2. Техническое задание — «Без внятного ТЗ — результат ХЗ»

На основе брифа мы создали техническое задание — юридический документ, которым мы руководствовались при разработке сайта, а клиент принимал работу. ТЗ приложили к договору, где четко были прописаны условия, на которых ведется разработка сайта, перечислены технические требования и нюансы, определяющие объем работ.

Особое внимание при составлении ТЗ мы уделили созданию структуры будущего сайта, учитывая особенности SEO-продвижения. Для этого мы изучили пользовательский спрос в регионе и составили семантическое ядро (список запросов) по тематике спортивного интернета магазина — «купить кардиотренажер», «купить боксерскую грушу», «купить эспандер», «интернет-магазин спортивных товаров» и т.д.

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

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

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

1. На сайте должны быть внедрены ЧПУ, т.е. URL-адреса должны соответствовать структуре и включать только латинские символы. Например: https://www.site.ru/catalog/massazhnoe-oborudovanie/vibromassazheri
2. Чтобы обеспечивать корректное ранжирование сайта по коммерческим факторам, каталог и страницы товаров должны содержать основные характеристики (страна производства, торговая марка, параметры использования и т.п.), стоимость, кнопку «Купить», отзывы.
3. Навигационное меню следует в шапке сайта и сделать сквозным, чтобы иметь доступ к основным разделам со всех страниц сайта. Меню для каталога лучше выполнить в виде поп-апа, раскрывающегося при клике.
4. Для облегчения пользовательской навигации отобразить «хлебные крошки» под шапкой сайта.
5. При разработке главного меню лучше ограничиваться только основными разделами
6. Для улучшения поведенческих факторов (увеличение среднего времени посещения сайта и глубины просмотров, снижение процента отказов рекомендуется предусмотреть следующий функционал:

• личный кабинет;
• поиск по сайту;
• «заказать звонок»;
• корзина, кнопки «Добавить в корзину» и «Купить»;
• онлайн-консультант.

Этап 3. Прототипирование — создание «скелета» сайта

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

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

Создание интерактивного прототипа заняло 28 часов, первоначальный внешний вид его страниц выглядел примерно так:

Через несколько дней заказчик внес свои корректировки и попросил изменить расположение элементов (переместить кнопку «купить», видоизменить блок фильтрации и основное меню, увеличить размеры цен и т.п.) и добавить несколько функциональных блоков.

Этап 4. Создание «обертки и начинки».

После разработки прототипа, который задал навигационную логику и обозначил расположение основных элементов сайта, мы приступили к созданию дизайна. Поскольку некоторые задачи были решены на предыдущем этапе, дизайнерам осталось лишь упаковать «скелет» сайта, т.е. придумать визуальную составляющую интернет-магазина: определить стилистику, подобрать цветовое решение, оптимальные шрифты и фотографии. Все это дизайнеры делали на базе Adobe Photoshop.

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

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

Оставили несколько дней клиенту «на подумать», после чего получили несколько финальных правок наподобие: увеличить количество размещаемых товаров в блоке «Популярное» до 4, добавить к товарам пометки «акция», «доставка», «скидка» и т.п.

После итогового согласования приступили к верстке готовых макетов страниц сайта, используя HTML5, CSS3, SCSS, JS+jQuery. В результате получили рабочие страницы сайта с анимацией, которые затем отдали на программинг. На выходе заказчик уже мог видеть полноценный сайт с реализованным функционалом.

Этап 5. Наполнение сайта. Контент по-прежнему король!

Вопреки сложившемуся стереотипу, наполнение сайта и подготовка контента — один из самых важных и трудоемких процессов. Качество и уникальность контента сильно влияет на эффективность продвижения. Именно поэтому подготовку контента мы начали сразу после разработки структуры и закончили лишь после HTML-верстки и программирования. В целом продолжительность данного этапа составила более 1,5 месяцев.

Весь процесс мы разбили на 3 последовательные составляющие:

• разработка контент-плана на основе структуры, подготовка технических заданий контент-менеджерам и копирайтерам;
• написание текстов (описание и технические характеристики товаров, разделы и т.п.), поиск и обработка изображений;
• проверка и размещение контента.

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

Этап 6. Тестирование и последний рывок

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

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

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

По итогу через месяц после публикации трафик сайта из поисковых систем превысил 2 000 уникальных посетителей в месяц, а еще через 3 месяца — более 12 000 посетителей, что является хорошим результатом для нового ресурса в узкой нише и относительно высокой конкуренцией.

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