Создание сайта: что предусмотреть на всех этапах

Советы от руководителя команды разработки компании Dfaktor Романа Гришина.

«Сначала сделали, потом подумали», — это распространённый способ создания многих вещей в России. В частности, сайтов компаний и интернет-магазинов, порталов и агрегаторов. Эта статья будет полезна тем, кто:

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

Все начинается с цели. Определите, зачем вы создаёте сайт и, если это не просто сайт «для галочки», как тоже бывает, подумайте, как вы планируете привлекать на него пользователей и получать доход.

Например.

Этот шаг прост и очень важен.

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

Например, так: «Наша аудитория — это 70% мужчин в возрасте от 18 до 25 лет. Они импульсивны, целевое действие хотят выполнить сразу, не вникая в контент».

Эти данные будут учтены при разработке посадочных страниц с точки зрения маркетинга и дизайна.

Распространённая ошибка на данном этапе — говорить, что ваш сайт создаётся для всех.

На сайте пользователь должен найти ответы на свои вопросы. Если структура сайта создаётся на основе пользовательского спроса, то в будущем возникнет гораздо меньше проблем с поисковым продвижением и конверсией.

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

Пример. Вы решили разработать сайт, посвящённый кино, привлечь на него пользователей и монетизировать его через рекламу. По каким шаблонам запросов пользователи смогут найти этот сайт? Давайте посмотрим на статистику запросов в wordstat.yandex.ru:

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

Стоит отметить, что путь от большого к малому более эффективен для охвата всего спроса. Для нашего примера с кино: по исходному запросу «фильм» или «кино» соберётся огромное количество запросов, сгруппировав которые, мы получим полную картину тематики, но на этот процесс уйдёт много ресурсов.

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

Затем очистить его от мусора, сгруппировать запросы по поисковой выдаче «Яндекса» или Google и в итоге получить всевозможные группы запросов, относящиеся к будущим страницам сайта, то есть полную его структуру.

Полноценная структура сайта под поисковый спрос — это только половина успеха. Остальное зависит от правильного содержания страниц.

Как на этапе проектирования сайта продумать, какое потребуется содержание страниц и в каких объёмах?

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

Теперь нужно по каждому типу страниц проанализировать действия конкурентов. Важно не копировать подход конкурентов, а сделать лучше.

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

Такой детальный анализ выполняется для всех типов страниц. Все данные фиксируются.

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

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

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

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

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

Недоработка технического задания сильно подпортит жизнь как исполнителям, так и вам, растянет процесс разработки из-за множества правок.

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

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

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

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

Адекватный прототип можно создать в Paint или Excel. Пример части прототипа:

В дополнение к прототипам и при составлении описания функциональности нужно обязательно подробно описать, как работает каждый элемент (с примерами).

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

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

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

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

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

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

Вёрстка — это процесс перевода графического изображения в код. Её можно объединить с программированием, но на этом этапе много технических аспектов. Расскажу, на что нужно обратить внимание обычному человеку при приёме работ по вёрстке.

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

CMS — это система управления сайтом. Через неё будет происходить наполнение и редактирование содержания сайта, управление заказами и так далее. К выбору CMS нужно отнестись внимательно.

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

Определитесь на берегу, кто наполняет сайт. Если у вас 30 страниц, серьёзных проблем не возникнет, даже если вы узнаете, что сайт должны были наполнять самостоятельно. А если у вас в интернет-магазине 50 тысяч товаров от семи различных поставщиков, которые нужно собрать в один каталог и настроить экспорт на сайт, настроить регулярные обновления и так далее, то здесь будет неприятным сюрпризом узнать, что это всё не предусмотрено и вообще «это должны делать ваши менеджеры руками».

Ещё на этапе подготовки определитесь, кто и каким способом наполняет сайт, как информация будет обновляться потом. И не забудьте оптимизировать картинки перед загрузкой.

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

Как бы смешно это ни звучало, но часто заказчик получает на руки компакт-диск с файлами. А дальше как хотите.