Этапы создания сайта

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

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

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

Как выбрать исполнителя

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

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

Выбрать исполнителя сейчас сложно. В каталоге «CMS Magazine» содержится около 6750 web студий, из них 2 000 располагается в Москве, около 1 000 – в Санкт-Петербурге, сотни в городах-миллионниках.

Какие рекомендации и требования по выбору подрядчика для разработки вашего сайта мы можем предоставить?

Сформулируйте цели и задачи к ним (об этом мы подробно поговорим в следующем разделе).
Сформируйте предварительный список кандидатов. Выберете 10 - 15 компаний по web разработке в вашем городе. Какие критерии отбора могут быть? Мы рекомендуем обращать внимание на: портфолио (минимум 10 успешно работающих ресурсов) и опыт работы от 1 года (многие эксперты рекомендуют выбирать с опытом от 3 лет, но по статистике 95% новых студий закроются в первый год, поэтому из тех, кто продержался год и не закрылся тоже можно выбирать).

Стоит ли верить отзывам? Отзывы не всегда достоверны - их могут накручивать конкуренты. И люди, банально, не любят писать положительные отзывы, а вот негативные - пожалуйста. Посмотрите их, но постарайтесь отнестись со скепсисом.

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

В качестве критериев отбора предлагают рассматривать и более сложные вещи. Такие, как - системы управления сайтами (CMS) и другие, но если вы не разбирались предварительно в теме, то руководствуйтесь лучше пунктами выше.
Когда вы отобрали кандидатов - запросите КП (коммерческое предложение). Заодно, вы посмотрите, как оперативно они работают. Те, кто прислал свое предложение за 3-5 дней или даже перезвонили вам проходят в следующий тур. Вы можете посетить их офисы. Обратите внимание на атмосферу в коллективе, состояние помещения, как все обустроено внутри - это показатель заботы руководства о своих работниках, а значит, и продуктивной работы сотрудников.
Из тех, кого вы посетили лично вам надо выбрать. Сожалеем, но это так устроено. Вы можете при окончательном выборе опираться исключительно на ваши ощущения - у кого в офисе приятнее пахло или насколько охотно из КП было выброшено что-нибудь дорогое.

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

Определение целей и задач. Бриф

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

Скажете - просто? Не согласимся! Многие предприниматели не хотят участвовать в подобном мотивируя это тем, что “вы специалисты - вы и разбирайтесь”. Это в корне неверный подход. Идеальные результаты получаются, когда заказчик помогает исполнителю, выражая свои потребности. За этим бриф и нужен.

Почему это так важно? Приведем пример из жизни. В агентство приходит человек и говорит: “Мне нужен сайт”. В переговоры с ним вступает менеджер и начинает его расспрашивать. У них получается такой диалог:

Клиент - Мне нужен сайт для моего ресторана. Чтобы дорого все выглядело и в золоте.
Менеджер - …

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

Менеджер - Я так понимаю, что у вас и без сайта заполняемость хорошая. И, значит, что сайт на нее повлияет мало. Может тогда стоит сделать упор на доставку? (ее в ресторане не было).

Так и поступили. Был разработан удобный сайт доставки и прибыль ресторана выросла на несколько десятков процентов.

Какая основная функция может быть у вашего сайта? Они примерно следующие:

Продвижение и продажа ваших услуг или товаров.
PR кампании (как личные, так и политические).
Продажа информации.
Формирование имиджа бренда.
Заработок на рекламе - размещение рекламных блоков и баннеров на страницах сайта.

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

Разработка ТЗ

Проект создания сайта начинается с разработки грамотного технического задания. Простым языком “техническое задание” - руководство для специалиста к дальнейшим действиям. В ТЗ включаются следующие пункты:

Термины и определения, которые используют исполнители в общении с заказчиком и в отчетности. Вы не обязаны знать ничего о CMS, но, исполнитель вас обязан проинформировать, что CMS - система для управления содержимым сайта. И так далее.
Описание предмета договора. Если это сайт, то говорить следует о его назначении, задачах разработки, сроках исполнения и другое.
Требования к реализации проекта. Сюда включаются: структура сайта, разработка дизайна, выбор cms, наполнение контентом, полные условия сдачи проекта.
Права и обязанности сторон, подписывающих договор. Чем более детально вы пропишите этот и предыдущие пункты, тем меньше у вас будет потенциальных разногласий.

В нашей стране наблюдается угрожающий уровень правовой безграмотности. Более 50% всех услуг в digital оказывается без каких-либо договоров - просто на честном слове. Еще примерно 25-30% подписывают договор лишь, чтобы принять оплату. Обязательно грамотно составляйте ТЗ и подпишите договор, в котором пропишите все основные компоненты и функции вашего сайта.

Дизайн макет

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

Создание дизайн макета делится на несколько подэтапов:

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

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

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

Выбор домена и хостинга

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

Домен

Доменное имя (домен) - имя вашего сайта. Оно задается для удобства. Было бы жутко неудобно, если вы покупаете хостинг (сервер, где физически располагается ваш сайт) на год и там вам присваивают IP 130.161.192.1. (вымышленный), а через год вы меняете хостинг и IP уже другой. Это же катастрофа. Клиенты вас потеряли, все ваше продвижение идет коту туда куда вы подумали.

Для этого и придумали доменное имя сайта. Оно служит для, своего рода, идентификации вашего ресурса по территориальной принадлежности (доменная зона .ru, .ua), типу организации (.edu - образовательный ресурс или .gov - государственная структура) и другим признакам.

Какие рекомендации можно дать при выборе домена?

Чем короче, тем лучше. Постарайтесь подобрать или купить короткое доменное имя. Оно лучше запоминается.
Выбирайте имя как можно ближе к вашей тематике. А если повезет, постарайтесь выбрать имя, которое соответствует вашему главному ключевому запросу. Если продаете грили по всей России, то имя grill.ru вполне подходит.
Защитите себя от недоброжелателей, регистрируя имя в различных доменных зонах одновременно (.ru, .рф, .com, .org, .net или .biz).

Хостинг

Какие элементы входят в пакет при покупке хостинга?

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

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

Универсальных рекомендаций по выбору хостера нет. Вам следует ориентироваться на эти критерии:

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

Верстка, программирование, внедрение CMS

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

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

Как выбрать CMS

Иначе CMS называют движком сайта. Рассмотрим, какие бывают движки для создания сайта. В тройку лидеров входят:

WordPress (https://ru.wordpress.org/) - доля этого движка более 30%. Это самое популярное бесплатное решение и в спектр решаемых задач попадает создание абсолютно любого сайта. Самая простая установка, благодаря которой, можно быстро начать процесс разработки.
1С-Битрикс (http://www.1c-bitrix.ru/) - популярное, но платное решение. Надежная система для сайтов с высокой нагрузкой или для таких, где требуется сверх надежность. Иногда грешит тем, что долго подгружает главную страницу сайта.
UMI.CMS (http://www.umi-cms.ru/) - третье по популярности решение. Процесс управления сайтом на UMI.CMS настолько прост, что для этого не требуется никаких специальных знаний, кроме стандартных навыков работы в MS Word.

Программирование

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

Важные моменты этого этапа заключаются в следующем:

Код сайта должен быть “красивым и чистым”. Значит, что кода должно быть как можно меньше и он должен легко читаться специалистом. Тогда, сайт будет грузиться быстрее, и его шансы на высокие позиции в поисковых системах возрастут, а громоздкий код будет затруднять работу сайта и процесс его продвижения в выдаче поиска.
Кросс-браузерная верстка (Cross-browser) - это обязательное требование для современных сайтов. Сами вспомните, как же выводило из себя изображение плохого качества на сайтах десятилетней давности, которое растягивалось на экране потому, что было оптимизировано под другие платформы.

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

Создание семантики

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

Сюда входит:

Сбор всех ключевых слов в вашем бизнесе, включая их синонимы и неправильное написание
Выстраивание иерархии смыслов. Можно собирать не только запросы “создать сайт” (раз уж мы говорим о сайтах), но и запросы “какой хостинг выбрать” и прочее.
Поиск ассоциаций для ваших поисковых запросов. Вы не видите связь между запросами “Создание сайта” и “кредит”? А некоторые топовые веб студии видят. Их ценники доступны многим только в кредит. Поэтому в сборе семантике очень важна роль ассоциаций.
Фильтрование собранных ключей на предмет мусорных слов и тупиковых запросов. Рекомендуется удаление запросов с высокими и низкими частотами.

Чем не стоит заниматься? Сбор семантики подразумевает отбор ключей, которые наиболее точно соответствуют тематике вашего бизнеса. Мы рекомендуем избегать “холодных запросов” в вашей теме. Холодными называются запросы, которые явно не выражают желание пользователя купить ваш товар. Чтобы было понятно - ключевой запрос “зубочистка” не продаст “адронный коллайдер”.

Наполнение сайта

Теперь, когда сайт готов, осталось его наполнить контентом. Наполнять сайт можно двумя способами:

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

Изображения, которые используются в работе с сайтом оптимизируются для web размещений, видео удобнее всего загружать на сайт не напрямую, а через видеохостинги. Для этих целей лучше всего подойдет YouTube. Вы можете просто интегрировать код видео в код вашего сайта. Так вы решаете две проблемы - не занимаете место на диске и создаете “острова контента” о которых мы уже писали.

После того, как контент готов, его внедряют в тело сайта. Теперь ваш ресурс полностью готов к тестам.

Тест сайта

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

Тестирование оптимальнее всего проводить в три этапа:

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

Развитие и продвижение сайта

Да, можно остановиться. Можно не обновлять контент и дизайн - просто оставить все как есть. Клиенты будут приходить, но с каждым разом их будет все меньше. Это будет происходить по мере того, как ваш контент и дизайн будут устаревать.

Такой процесс неизбежен. Но только, если вы не будете заботиться о нем. Можно провести аналогию между сайтом и аквариумной рыбкой. Если ее не кормить или не менять воду, то конец будет близок. Это удачная метафора еще и потому, что для благополучия рыбки не важны ни камешки на дне, ни красивый подводный замок. И для вашего сайта не важны какие - то излишние примочки. В примере с сайтом ресторана не было нужды в излишне помпезном оформлении. Важен был удобный функционал доставки.

Но, это не значит, что раскруткой вашего ресурса можно пренебречь. Какие методы существуют:

Добавление в тематические и отраслевые каталоги. В начале статьи мы упоминали о каталоге, где собраны более 7000 агентств, работающих в digital. Такие каталоги есть во многих областях - обязательно воспользуйтесь.
Поисковое продвижение или SEO. Создайте контент и каждый заголовок на основе семантического ядра. Это может вывести ваш ресурс в топ поисковой выдачи и обеспечить вам приток клиентов из органического поиска.
Adaptive design (адаптивный дизайн) - добавление адаптивного дизайна позволяет вашим клиентам с комфортом просматривать сайт. Это положительно сказывается на продажах.
Добавьте метрики. Подключите на сайте метрики, чтобы отслеживать эффективность вашей работы. Вы можете понять какой контент нравится пользователям, а проработав от года и более вы сможете прогнозировать свои продажи по месяцам.
Можно добавить функционала. Теперь, когда сайт запущен и работает без сбоев можно добавлять функционал.

Можно бесконечно экспериментировать с обычными кнопками на сайте (так стало известно, что пользователи охотнее кликают на зеленые кнопки с закругленными углами, чем на красные и угловатые).

Добавьте чат с администратором ( используйте JivoSite). Добавление калькулятора экономит время на составлении КП. Так вы сразу узнаете потребности вашего клиента. Разработайте красивое выпадающее меню.

Сколько это стоит

Осталось только рассчитать стоимость того, что нужно для создания сайта.

Состояние сегодняшнего digital рынка в России не стабильно. Такая ситуация сложилась потому, что рынок переполнен некомпетентными специалистами. Чтобы получить свою долю на рынке им приходится использовать ценовой демпинг. Это значит, что они намеренно занижают стоимость услуг, относительно средней по рынку, чтобы заказчик соблазнился низкой ценой и выбрал их.

Такая ситуация и на рынке веб разработки. Реклама на каждом углу обещает вам сайт за 100$. Подумайте сами, что будет представлять собой сайт за такие деньги. Не особо отличаются качеством и обещанные за 1000$ интернет магазины и промо страницы.

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

Смета проекта:

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

Дизайн сайта (2 варианта) - 30 000
Система управления - 5 000
Создание внутренней структуры сайта (До 10 страниц) - 3 500
Регистрация пользователей - 5 000
Авторизация через социальные сети - 5 000
Вёрстка сайта (Адаптивная) - 15 000
Каталог продукции или услуг (До 50 позиций) - 4 000
Оплата картой и онлайн-платежи (Интеграция с корзиной) - 5 000
Акции и спецпредложения (Баннер /слайдер) - 2 000
Прайс-лист (Единый список) - 2 000
Калькулятор услуг (До 5 параметров) - 5 000
Онлайн-заказ или заявка - 3 000
Интеграция с программами учета - 12 000
Статьи и публикации - 3 000
Отзывы (Добавляются менеджером сайта) - 2 500
Онлайн-консультант - 4 000
Форма обратной связи - 1 500
Схема проезда (Яндекс/Google) - 1 500
Интеграция с соцсетями (Кнопки «Поделиться», «Нравится» и т. д.) - 1 000

Итого: 110 000

Сроки

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

Какая есть альтернатива

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

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

Tilda - весьма популярный конструктор. Есть seo оптимизация. Много готовых к адаптации шаблонов и большое число настроек. Стоит около 6000 в год(цена указана со скидкой). Идеален в использовании, если вы хотите свой интернет-магазин.
Elementor - малоизвестный конструктор. Работает с CMS WordPress. Дает широкие просторы для творчества. Есть платные шаблоны. Хорош для разработки с нуля без навыков программирования. В нем есть все возможные элементы создания сайта.
Taplink - совсем простой сервис для создания микро лэндингов. Полезен в связке с Instagram.
Сервисы сбора лэндингов в пакетах для бизнеса от крупнейших банков. Полностью рабочий функционал в этом отношении предоставляет Тинькофф банк. Вы можете обслуживать свой расчетный счет и получать всевозможную поддержку.

Эпилог

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