Главная » Статьи » База знаний » Алгоритм создания сайта с нуля

Алгоритм создания сайта с нуля

Основные виды сайтов — лендинг, сайт-визитка, корпоративный сайт, интернет-магазин.
 
Лендинг в первую очередь необходим для продажи одной услуги, либо товара, либо группы товаров направленных на одну целевую аудиторию при помощи рекламы.
 
Сайт-визитка создается для предоставлению клиенту информации о компании. Отвечают на вопросы: Что за фирма? Чем занимается? Как ее найти?
 
У них нет сложной структуры и зачастую содержат 2-3 типовых страницы: главная, контакты, о компании.
 
Корпоративный сайт в некотором роде схож с сайтом – визиткой, но отличается в своей подаче «брендовости», культуры компании и зачастую ведением новостной ленты. Чаще всего к ним относятся крупные, устоявшиеся компании.
 
Структура сайта: главная, контакты, о компании (мы), новости, вакансии, блог, портфолио (не всегда, но есть).
 
Интернет-магазин — это сайт для бизнеса товаров. Основная цель – продажи. Может быть представлен как в формате обычного каталога, на котором можно оставить заявку с просьбой перезвонить. Так и полноценной корзиной и эквайрингом. Основной упор на каталоге.
 
Основная структура интернет-магазина: главная, контакты, о компании, новости, каталог, акции, блог.
 
Постановка цели
 
Основное заблуждение при создании сайта: «Сделаем дизайн, а потом решим как будем продавать». Чтобы поставить правильную цель сайта, необходимо полностью продумать что ты хочешь от него получить:
 

  1. Поддержать аудиторию рынка новым каналом или привлечь новую?
  2. Сделать сайт, который расскажет всем о компании и о деятельности?
  3. Рассказывать всем о товаре и активно его продвигать?
  4. Увеличить объем продаж?
  5. Стать площадкой по обмену информации?
  6. Рассказать и предоставить людям услуги?
  7. Стать центром для обучения?

После определения цели определяем тип сайта.

 

Этапы разработки сайта:
 

  1. Анализ конкурентов.
  2. Разработка структуры будущего сайта.
  3. Сбор семантического ядра и создание карты релевантности.
  4. Прототипирование на основе собранной структуры.
  5. Разработка дизайн-макета.
  6. Верстка.
  7. Программирование.
  8. Перенос сайта на хостинг.
  9. Настройка редиректов.
  10. Настройка https.
  11. Добавление сайта в вебмастера.
  12. Установка счетчиков метрики и аналитики.
  13. Настройка целей.
  14. Сдача проекта.

 

Анализ конкурентов, чтобы быть лучше конкурента, нужно как минимум перенять все его положительные качества. Какие метрики анализируем:

 

  1. Дизайн и юзабилити сайта.
  2. Отмечаем технические особенности сайта.
  3. Оцениваем на сколько максимально полно раскрыта информация о продукте.
  4. Фиксируем особенности СЕО продвижения.
  5. Какие вопросы решает сайт конкурента?
  6. Какие подключены модули и сервисы.
  7. Структура сайта.

 
Правильная структура сайта на прямую зависит на эффективность продаж. Основные требования:
 

  1. Доступность любого продаваемого товара в 2-3 клика (от главной страницы).
  2. Четкая иерархия вложенности разделов.
  3. Все наименования будущих урлов должны быть понятны для человека.
  4. Основные страницы сайта (каталог, услуги, прайс и т.д.) должны быть в рамках одного клика любой страницы.

 

Разработка структуры сайта:
 

  • ● анализируем структуру конкурентов;
  • ● собираем семантическое ядро;
  • ● кластеризуем запросы;
  • ● анализируем структуры конкурентов из ТОП выдачи;
  • ● формируем примерную структуру сайта из полученных кластеров;
  • ● даем названия разделам такие, какие будут на реальном сайте;
  • ● продумываем навигацию;
  • ● определяемся с видом структуры;
  • ● вносим корректировки и завершаем формирование структуры.

 
Линейный вид структуры сайта:
 

  1. Чаще относится к лендингам.
  2.  

  3. Не имеет внутренней разветвленности.
  4.  

  5. Финальный этап чаще всего возвращает к началу.
Линейный вид структуры сайта

Линейно-разветвленная структура:
 

  1. Подходит большинству типов сайтов.
  2.  

  3. Разделы содержат вложенность.
  4.  

  5. Дает возможность пользователю выбирать.
Линейно-разветвленная структура сайта

Древовидная структура всегда содержит в себе сложную структуру с большим количеством вложенности.

Древовидная структура сайта

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

Структура сайта в формате «решето»

Дизайн сайта:
 

  • ● проверка наличия всех элементов;
  • ● прорисовка статусов форм (на каждый клик должен быть ответ пользователю);
  • ● указания к формам и действию пользователю выделяются на фоне остального.

 
Верстка сайта:
 

  • ● как и в дизайне – наличие всех элементов;
  • ● верстка соответствует дизайну во всех разрешениях;
  • ● все кнопки кликаются;
  • ● все формы отправляются;
  • ● на все клики есть визуальный ответ пользователю;
  • ● нельзя отправить пустые формы;
  • ● обязательные поля работают;
  • ● адаптив корректно переключается;
  • ● нет скриптов, которые постоянно грузят страницу.

 
Программинг сайта:
 

  • ● структура сайта соответствует структуре в cms;
  • ● нет не ЧПУ урлов;
  • ● соблюдается иерархия;
  • ● нет битых ссылок;
  • ● меню работает;
  • ● все формы попадают в cms;
  • ● онлайн заказ (при наличии) работает;
  • ● мета – теги формируются и проставляются в админке;
  • ● создаются новые элементы без ошибок;
  • ● все поля заполняются и корректно выводятся на сайте.

 

Покупка домена и хостинга и размещение сайта на хостинге. Домен – это имя сайта в сети. Хостинг – это место размещения файлов сайта. Покупка домена и хостинга осуществляется на соответствующих сайтах.


(голосов: 2)
Загрузка...