Что такое прототипирование сайта?

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

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

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

Что такое прототип?

Прототип — это скелет сайта, его структура, расположение блоков, иерархия меню и логика. И уже на прототип “вешается” дизайн и контент. В давние времена его рисовали в Word, Paint и на салфетке. Теперь существует специальное ПО для прототипирования сайтов.

Зачем оно нужно:

• Простота работы в графическом интерфейсе и набор готовых блоков (не надо выдумывать велосипед, а иногда именно эти блоки подскажут правильное решение по организации структуры). Естественно, не нужно пользоваться исключительно готовыми блоками, программы предоставляю возможность рисовать самостоятельно, только ровно,
  красиво и понятно;
• Прототип, построенный в программе, работает как обычный сайт: есть ссылки, меню, слайдеры и пр. Все это кликабельно и очень наглядно; Прототип позволяет упростить и ускорить процесс разработки дизайна и сайта в целом. Там уже учтены требования заказчика, возможности, которые могут дать программисты и верстальщики за те деньги, которые заплатил заказчик, а также требования SEO и маркетинга. И уже не получится той ситуации, когда дизайнер нарисовал, верстальщик сказал, что ему надо 25 часов, вместо 10 положенных, на то, чтобы это реализовать, а SEO заявил, что работать с этим нельзя, надо все переделать.

Как выглядит прототип:

Программы для создания прототипов:

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

NinjaMock — онлайн-сервис, есть как платный, так и бесплатный функционал.

Еще несколько популярных сервисов:

MockingBird — онлайн-сервис

BalsamiqMockups

Pidoco

Чего не нужно делать при построении прототипа:

• Вдаваться в мельчайшие детали и тратить на него уйму времени, особенно, если цена вопроса 10 тыс. руб.;
• выдумывать невероятные блоки;
• пытаться объяснить заказчику как это круто и показать все тонкости в прототипе. Большинство из них не разделят вашего энтузиазма. Лучше преподнести всё как часть рабочего процесса и согласовать каждую типовую страницу, распечатав на бумаге и получив под этим подпись.

Задачи SEO-специалиста в процессе разработки прототипа:

1. Изучить тематику и конкурентов.
2. Составить семантическое ядро.
3. Распределить слова ядра по уровням вложенности, согласно их частотностям и назначению.
4. Понять на каких страницах будет контент и каково его назначение.
5. Организовать перелинковку между разделами.
6. Сразу прописать все заголовки, чтобы сразу утвердить их у заказчика.
7. Разработать требования к технической части сайта: скорость загрузки, максимальный объем изображений, внедрение микроразметки (как ogp, так и schema.org), кнопки социальной активности, тегирование, структура хлебных крошек, конверсионный блоки, логика лидогенерации и т.д.
8. Разработать техническое задание для копирайтеров.
9. Разработать требования к формированию URL.
10. Разработать требованию к дизайн-макету. Понятно, что в большинстве случаев SEO-специалист не является ценителем художественных изысков, но нужно понимать базовые вещи, например, первый экран не должна занимать безумная картинка, там должно быть подтверждение для посетителя, перешедшего из поиска или рекламы “да, ты попал туда и найдешь здесь то, что ищешь”.