Заказать звонок

Как создать свой сайт?

08.06.2014


1. Определиться с целью.

Поставьте четкую цель для Вашего будущего сайта. Это может быть:

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

2. Исследуйте рынок

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

61cd25deaf9a724e9b547c94977fd262[1].png

3. Определите тип сайта

Возможные типы:

  • портал,
  • промо-сайт,
  • визитка,
  • корпоративный сайт,
  • интернет-магазин
  • социальный сервис
  • корпоративный портал

4. Определите функционал сайта:

  • Каталог товаров/услуг
  • Фильтр товаров
  • Сравнение товаров
  • Онлан заказ услуг/товаров
  • Онлайн оплата
  • Прайс-листы
  • Подписка, рассылки         
  • Блог
  • Форум
  • Акции
  • Рекламный блок (баннеры)
  • Новости
  • Интеграция с соцсетями
  • Своя соцсеть
  • Авторизация
  • Авторизация через соц.сети
  • Поиск по сайту
  • Форма обратной связи
  • Вопрос-ответ
  • Отзывы
  • Фотогалерея
  • Карта
  • Голосования
  • Статистика
  • Интеграция с CRM
  • Интеграция с бухгалтерией            
  • Онлайн-консультант
  • Калькулятор, конструктор

5. Определите стиль дизайна

Конечно же если у вас еще нет логотипа то разработать его.

  • строгий, веселый, мрачный и т.д.)
  • холодная, теплая гамма
  • контрастные цвета или сближенные

6. Ширина сайта

  • Фиксированный - самый распространенный тип сайта – 960 px.
  • Резиновый – ширина меняется на всю ширину экрана или частично к примеру до 1300 px.
  • Адаптивный  - наиболее современный сайт адаптируется под любое устройство, вплоть до телефона. Лучшая альтернатива мобильной версии сайта.

7. Структура сайта 

dd44ebdad945e76f7c2f5b6babf9598a[1].pngСоставьте иерархию разделов и страниц. Если вы хотите что-бы Ваш сайт успешно продвигался в поисковиках, примените полученые результаты анализа ключевых фраз к разделам, страницам. Определите сквозные блоки (баннер акции, кнопка быстрого заказа и т.п.)

8. Подготовьте техническое задание

Опишите в данном документе подробно, то как Вы видите сайт, как действует функционал, фактически описать все вышеперечисленное.

9. Разработка прототипа сайта

Создание блочного эскиза сайта.

10. Разработка дизайна сайта

Этот этап делится на несколько подэтапов:

  • Создание идеи, концепции дизайна.
  • Дизайн главной страницы. Предварительный макет.
  • Доработка макета с учетом замечаний. 
  • Дизайн внутренних страниц. 

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

11. Верстка сайта

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

  • Кроссбраузерность — требование к совместимости в разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.). Как привило не учитывается закрытая платформа Internet Explorer 6, которую не поддерживает сам Microsoft
  • Гибкость вёрстки — возможность легко добавлять/удалять информацию на страницы.

    Валидность и корректность — соответствие стандартам, правильное использование элементов HTML

12. Создание шаблона для CMS


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

13. Натройка CMS, программинг

Это исключительно технический этап, в котором создается весь функционал сайта.  Все делается в соответствии с техническим заданием.

14. Наполнение сайта контентом

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

15. Первичная поисковая оптимизация

Очень часто этот этап остается за пределами создания самого сайта. Однако он очень необходим для эффективного продвижения сайта в поисковых системах. Как минимум необходимо:
  • На этапе проектирования разнести поисковые фразы по структуре.
  • Заполнить H1, Title, Description, Keywords, alt-картинок и т.д.
  • Дальше идет большой список работ SEO-специалиста

16. Тестирование сайта и исправление ошибок

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

  • Функциональное тестирование
  • Юзабилити тестирование
  • Тестирование безопасности
  • Нагрузочное тестирование
  • Тестирование документации
  • Анализ исходного кода
  • Тестирование локализации

17. Публикация сайта

Размещаем сайт на хостинг с  выбранным доменным именем, регистрируем в основных поисковых системах.

18. Начинаем привлекать посетителей

Контекстная реклама, SEO и SMO - это наиболее реальные способы привлечь посетителей.