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

Работа строится следующим образом:

1. Определяем цель проекта

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

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

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

Почему нельзя сначала сделать сайт, а потом его продвигать?

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

А что если цель разработки не продвижение?

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

Для такой цели отлично подойдет Сайт-визитка

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

2. Изучаем успешных конкурентов

Будем считать, что цель создания вами нового сайта - это его SEO продвижение. Все таки вы находитесь на сеосайты.рф :)

Самый частый вопрос от моих клиентов

"А что нужно написать на сайте, чтобы он был в топе?". Так вот, чтобы быть в топе нужно несколько месяцев трудиться, не покладая рук. И начинать этот путь нужно с изучения конкурентов.

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

3. Проводим SEO-анализ

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

SEO-анализ можно заказать отдельно в разделе Оптимизация

Что же там мы будем анализировать?

Красоту? Цены? Заголовки? Да практически всё будем анализировать. На этом этапе работ сеошник (у меня этим занимаются помощники) составляет таблицу всех элементов, которые есть у конкурентов-лидеров. Процесс довольно трудоёмкий и скучный, поэтому я его делегировала. Здесь нужно быть усидчивым и внимательным. Составляется гибридная таблица элементов, которые есть у лидеров. Причем, скорее всего, таблица будет не одна, а будет по 1 таблице для каждого типа страницы.

Какие могут быть типы страниц?

Главная, описание услуги, категория каталога, карточка товара, о нас и множество других, всё зависит от типа сайта.

А какие такие элементы могут быть?

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

4. Создаем прототипы

Помните, на этапе SEO-анализа конкурентов мы составляли таблицу элементов, которые должна содержать web-страница? И для каждого типа страницы был свой набор элементов. Так вот теперь берем эту таблицу и создаем прототип. Прототипов также будет несколько под каждый тип. Прототип карточки товара, прототип категории. Для сайта услуг прототип "Услуга такая-то" и пр.

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

5. Рисуем дизайн

По созданному сеошником прототипу дизайнер рисует дизайн сайта. Это картинка, которая на следующем этапе работ будет превращена в код. Над превращением картинки в код будет работать верстальщик.

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

Пока дизайнер занят отрисовкой макетов, сеошний составляет семантическое ядро.

6. Выбираем конструктор или CMS

Если вашей целью является SEO я не рекомендую использовать конструктор. Вы и ваш seo специалист столкнетесь со множеством ограничений.

CMS выбирать будете, скорее всего, не вы, а ваш разработчик. Я, например, своим клиентам не даю право выбора и делаю сайты только на CMS Joomla. Выбор, конечно, есть всегда. Если клиенту нужна другая CMS, он вправе найти другого разработчика. С Joomla я работаю более 10 лет и могу "вертеть" ей, как мне захочется ) А с другой CMS я потрачу намного больше времени и сил на разработку.

Выбирать платную или бесплатную CMS? Если возможностей бесплатной CMS вам и вашему проекту достаточно, смело выбирайте бесплатную. Они не всегда хуже платных. Есть много жалоб и на популярные платные CMS. Единственное, что не стоит выбирать - это самописную CMS. Когда ваш разработчик уйдёт или вы от него уйдете, вам крайне трудно будет найти нового на эту CMS, никто не любит разбираться с нуля в чужом коде и логике. А, возможно, еще и ошибки за прежним программистом исправлять.

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

В зависимости от выбранной CMS выбираем тариф на хостинге. Этот шаг подробно расписывать не буду. Рекомендую этот хостинг.

7. Отдаем макеты на верстку и программирование

У нас есть дизайн по прототипу. Отдаем его верстальщику и программисту. Верстальщик превратит дизайн в код с помощью html и стилей css, а программист свяжет этот код с CMS и настроит или напишет с нуля нужные функции, настроит нужные интеграции. А пока эти замечательные ребята делают свою работу, SEO специалист занимается составлением семантического ядра.

8. Составляем семантическое ядро

Собираем мы в ведро семантическо ядро :)

Этот этап может занимать до нескольких месяцев. Всё зависит от объема семантики. Задача сеошника - найти все запросы, которые существуют в природе в вашей нише. Количество таких запросов может исчисляться тысячами и десятками тысяч. Существует множество сервисов в помощь сеошнику. Для подбора ключевых слов и составления семантического ядра я использую: сайты конкурентов, Мегаиндекс, SiteAnalizer, Букварикс, Just Magic, Кейколлектор и Word Keeper.

Составление семантического ядра можно заказать отдельно. Вся информация находится в разделе Оптимизация

Работа по сбору семантического ядра проходит в несколько шагов

• Сначала мы выделяем конкурентов, с которых будем собирать структуру;
• Далее собираем эту самую структуру;
• Расширяем собранную структуру с помощью специальных сервисов;
• Получаем расширенный список ключевых запросов и приступаем к его чистке;
• Сама чистка - это объёмный и трудоёмкий процесс, на этом этапе я использую Кейколлектор;
• Прочищенный список ключевиков кластеризуем - ключевики объединяются в кластеры;
• Теперь снова расширяем полученный список ключевых запросов и добавляем новое;
• Расширенный, прочищенный, кластеризованный и снова расширенный список готов, теперь приступаем к его актуализации;
• Актуализируем ключевые слова, ищем самую частотную словоформу, отделяем информационные от запросов коммерческих, определяем какому типу страниц соответствует тот или иной запрос;
• Далее идет маркерная привязка - ищем запросы, по которым также были продвинуты сайты, которые были продвинуты по основному ключу кластера - маркеру;
• И это опять не всё - весь объём полученной информации снова нужно прочистить.

А теперь можно приступать к составлению структуры сайта. Не структуры элементов, вроде телефона с кодом города в шапке, а структуры разделов, подразделов и страниц.

9. Оформляем структуру веб сайта

Так как мы с вами в этой статье говорим об этапах создания нового сайта, то и структуру сайта будем создавать с нуля. Из предыдущего этапа работ у нас уже есть структура семантики. Как она выглядит? Множество ключевых запросов объединены в группы (кластеры). В каждой группе есть главный ключевой запрос кластера. Еще в процессе проработки семантики, какие-то кластеры мы объединили, а какие-то раздробили на два или несколько. Из таких главных ключевых запросов и будет строиться структура нашего нового преокта, где каждому кластеру соответствует 1 страница.

А как выстроить подчиненность разделов? Спросите вы. Это тоже задача сеошника. Страницы соответсвующие наиболее частотным кластерам специлист вынесет на главную при формировании структуры. Также здесь сеошник прописывает для каждой страницы заголовки H1 и мета-теги Title и Description. Вот структура и готова.

10. Пишем тексты, делаем фотографии

ТЗ на тексты

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

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

Где брать фотографии

Есть несколько ресурсов, которые я вам рекомендую. Изображения там бесплатные, но нужно поставить ссылку на источник.

• Unsplash.com
• FreePik.com
• Icons8.com

На icons8.com есть даже генератор лиц. Можете, например, сформировать фото для отзывов :)

Брать фотографии просто из поиска - плохая идея. У каждой фотографии есть владелец. Есть фотографы, которые зарабатывают на продаже фотографий и могут подать на вас в суд за использование их изображений. Берите фото с бесплатных или платных фотостоков - не ошибетесь!

11. Наполняем контентом

Создаем страницы

У нас уже, благодаря предыдущим работам, есть сайт. Но он пока пустой. Зато все элементы соответствуют прототипу. И есть у нас структура сайта где-то отдельно в файле excel или xmind. Сейчас заводим структуру на сайт, соблюдая типы страниц, конечно. И у нас есть не просто структура, а копирайтер уже написал тексты. Наполняем этими текстами блоки и страницы.

Прописываем мета-теги

Прописывать мета-теги может и сеошник, и контент-менеджер. Ведь SEO специалист уже составил их на этапе формирования структуры сайта. Контент-менеджеру остается просто их скопировать и вставить в нужное поле внутри CMS.

12. Настраиваем SEO

У нас уже готов и полностью наполнен сайт! Мы проделали большой путь в разработке. Теперь seo специлист настраивает текстовую релевантность. Проверяет насколько широко каждая страница охватывает связанные с её темой слова. Добавляет эти слова, проверяет пропорции между словами, не только ключевыми, следит, чтобы не было переспама.

Если продвижение ведется под Google, сеошник еще закупает ссылки. Схем закупки ссылок множество! Не пытайтесь справиться самостоятельно без опытного и специально обученного человека. Для продвижения в поисковой системе Яндекс ссылки не нужны.

13. Тестируем после внесения правок

Всё готово! А точно? Давайте это проверим. Больше всего я люблю и советую проверять формы обратной связи. Форма отправляется? Письмо пришло? Куда пришло? А копия отправителю настроена? Если нужно, конечно.

Скорость загрузки нормальна для пользователя? Не нужно ли сжать картинки? Хотя я сжимаю их всегда уже в процессе наполнения. Просто вошло в привычку. Для сжатия изображений без потери качества я пользуюсь программой FileOptimizer. Она бесплатная.

Тестировать скорость загрузки по Page Speed Insights (PSI) не нужно.

Корректно ли отображается верстка во всех браузерах? А в разных мобильных устройствах? Ничего никуда не съехало? Хотя это и должен был проверить верстальщик на своём участке работы, но еще одна проверка не повредит. Ведь плохие поведенческие факторы неминуемо потянут сайт вниз.

14. Запускаем и открываем для поисковых систем

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

Важное правило! Ни в коем случае не оставляем его открытым для поисковых систем во время его разработки.

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

15. Не останавливаемся в развитии

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

Всем пока и удачи! В статье я рассмотрела подход в разработке SEO сайта. Обычный сайт делается проще и быстрее :)

Заказать сайт с соблюдением всех этапов - Создание сайтов!