
Как усидеть на 2 стульях: создание сайта с учетом SEO
09.07.2017Любой владелец бизнеса, который ратует о привлечении новых клиентов, как минимум заинтересован в том, чтобы его сайт (корпоративный, интернет-магазин и т.п.) привлекал новых клиентов и, в конечном итоге, приводил к увеличению заявок или продаж.
Однако в реальности зачастую можно наблюдать абсолютно противоположную картину. Огромное количество корпоративных сайтов, интернет-магазинов в байнете висят «мертвым грузом», не видев оптимизации и трафика с момента их создания. Иначе говоря, владельцы ресурсов заботятся о SEO-продвижении и получении органического трафика из поисковых систем в лучшем случае, когда жареный петух клюнет в мягкое место. В худшем — довольствуются просто наличием сайта и их счетчики веб-аналитики покрываются пылью на долгие годы.
Поэтому если Вы задались целью создать качественный, а главное, работающий сайт, который будет приносить приличный объем бесплатного трафика из Гугла и Яндекса, мы рекомендуем начинать беспокоится о SEO уже на этапе разработки. Вы спросите: «Зачем?».
А вот и ответ:
- Колоссальная экономия времени и денег в будущем. Подключив SEO-шника или шарящего PM-а на этапе продумывания, Вы соберете качественное семантическое ядро и создадите грамотную структуру будущего сайта, которую полюбят роботы поисковых систем и ваши пользователи. Менять структуру и манипулировать после создания сайта трудозатратно и геморройно.
- Облегчение жизни разработчикам. Предусмотреть и сделать SEO-шные прибамбасы наподобие «хлебных крошек», вывода мета-тегов, блоков для улучшения поведенческих факторов и т.п. разработчикам намного легче в комплексе, когда они только набрасывают «скелет» сайта. В последствии ковыряться в коде и «костылить» мало кому хочется.
- Быстрое индексирование поисковыми системами. Если сделать все правильно, а вдобавок аккуратно получить порцию ссылочной массы, поисковики встретят ваш сайт с распростертыми объятиями. После запуска периодически «причесывая» сайт, вы получите быстрое и корректное индексирование сайтов поисковиками.
Для того, чтобы создать сайт с учетом SEO, нужно в первую очередь желание и понимание заказчика, для чего все это делается. Что важно выдать подробную информацию на брифинге, что важно сделать прототип и продумать структуру, что важно наполнить уникальным контентом и т.п.
Но как это ни печально признавать, чаще всего осознание необходимости SEO, приходит к клиенту лишь после того, как уже появится проблема в привлечении клиентов и увеличении трафика на сайт. Такова уж наша славянская ментальность — решать проблемы по мере наступления, но никак их не упреждать и предвосхищать.
Чтобы развеять все сомнения относительно этого вопроса, мы расскажем на примере реального интернет-магазина спортивных товаров, как поэтапно выглядит разработка сайта с учетом SEO.
Этап 1. Брифинг — «допрос партизана»
Подготовительный этап мы начали с брифинга, в рамках которого задали клиенту вопросы и постарались узнать как можно больше имеющейся информации о том, какой сайт необходим, как он должен выглядеть и какие задачи должен решать.
Выдержка из брифа на создание интернет-магазина выглядит примерно так:
Вести себя на брифинге как «партизан на допросе» — значит на выходе есть вероятность получить не то, что ожидали. Поэтому старайтесь высказывать максимум пожеланий к разрабатываемому сайту и не стесняйтесь изъясняться простыми словами, даже если не обладаете техническими навыками — мы как агентство помогаем трансформировать ваши мысли в конкретные задачи.
Этап 2. Техническое задание — «Без внятного ТЗ — результат ХЗ»
На основе брифа мы создали техническое задание — юридический документ, которым мы руководствовались при разработке сайта, а клиент принимал работу. ТЗ приложили к договору, где четко были прописаны условия, на которых ведется разработка сайта, перечислены технические требования и нюансы, определяющие объем работ.
Особое внимание при составлении ТЗ мы уделили созданию структуры будущего сайта, учитывая особенности SEO-продвижения. Для этого мы изучили пользовательский спрос в регионе и составили семантическое ядро (список запросов) по тематике спортивного интернета магазина — «купить кардиотренажер», «купить боксерскую грушу», «купить эспандер», «интернет-магазин спортивных товаров» и т.д.
Кроме того, проанализировали потенциальных конкурентов, обращая внимание на меню, категории, объем товаров, качество контент, расположение элементов на страницах и вид карточек товаров.
В результате структура интернет-магазина выглядела примерно так:
По завершению этапа SEO-специалисты дополнительно дали ряд рекомендаций, которые были учтены при написании технического задания:
- На сайте должны быть внедрены ЧПУ, т.е. URL-адреса должны соответствовать структуре и включать только латинские символы. Например: https://www.site.ru/catalog/massazhnoe-oborudovanie/vibromassazheri
- Чтобы обеспечивать корректное ранжирование сайта по коммерческим факторам, каталог и страницы товаров должны содержать основные характеристики (страна производства, торговая марка, параметры использования и т.п.), стоимость, кнопку «Купить», отзывы.
- Навигационное меню следует в шапке сайта и сделать сквозным, чтобы иметь доступ к основным разделам со всех страниц сайта. Меню для каталога лучше выполнить в виде поп-апа, раскрывающегося при клике.
- Для облегчения пользовательской навигации отобразить «хлебные крошки» под шапкой сайта.
- При разработке главного меню лучше ограничиваться только основными разделами
- Для улучшения поведенческих факторов (увеличение среднего времени посещения сайта и глубины просмотров, снижение процента отказов рекомендуется предусмотреть следующий функционал:
- личный кабинет;
- поиск по сайту;
- «заказать звонок»;
- корзина, кнопки «Добавить в корзину» и «Купить»;
- онлайн-консультант.
Этап 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-продвижения, оставьте заявку в форме ниже — мы с Вами свяжемся для обсуждения подробностей.