Как сделать сайт? … стадии разработки веб-ресурса

Разработка технического задания

Этап 1

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

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

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

Техническое задание - весьма объемный и трудозатратный документ и стоить отметить, что разработка технического задания - отдельная услуга. Но для таких сайтов, как статический сайт или сайт-визитка, можно обойтись брифом или типовым техническим заданием. Это объясняется ограниченным и четким функционалом (либо его отсутствием) у данных типов сайтов.

Дизайн

Этап 2

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

Верстка и разработка пользовательских интерфейсов

Этап 3

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

Разработка серверной части

Этап 4

Серверная функциональная часть сайта - это программа, чаще всего представляющая собой совокупность подпрограмм, которые выполняют вполне определенные функции. Отдельно можно выделить сервер баз данных, выполняющий роль хранилища всех данных, связанных с сайтом (параметры сайта, логины, пароли, товары, заказы, сообщения и т.п.). У магазинов, блогов, форумов и порталов серверная функциональная часть - это подводная часть айсберга. В указанных случаях важно правильно проанализировать цели и задачи, стоящие перед сайтом, и на основе этих данных грамотно спроектировать структуру базы данных, а также подобрать программную платформу, на основе которой будет разрабатываться конкретный функционал. В качестве программной платформы подбирается язык(и) программирования, фреймворк(и), система управления контентом (CMS). От грамотного выбора программной платформы будет зависеть функциональность, производительность, расширяемость, степень защиты и простота управления и обслуживания будущего сайта. Если рассматривать в качестве программной платформы готовую CMS, то на текущий момент существует множество решений как на платной (1С-Битрикс, UMI.CMS, Netcat и т.п.), так и на бесплатной основе (WordPress, Opencart, MODX, phpBB и т.п.). У каждого варианта есть свои плюсы и минусы. Среди лидеров стоит отметить 1С-Битрикс, WordPress, Opencart, MODX. Стоит отметить, что занимают определенную нишу SaaS решения (программное обеспечение как услуга), но у них весьма ограниченные возможности и далеко не всегда экономически выгодно пользоваться данным решением.

Заполнение контентом

Этап 5

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

Поисковая оптимизация

Этап 6

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