Как создать сайт пошаговая инструкция

Время чтения — 10 минут.

Если вы никогда раньше не делали сайты, то для начала стоит опеределить, что же считать сайтом.

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

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


Чтобы реализовать этот комплекс вам придется изучить много других терминов.

Пошаговая инструкция по созданию сайта:

Шаг 1. Разбираемся какой сайт нам нужен

Шаг 2. Составляем структуру сайта

Шаг 3. Выбираем где создать сайт. HTML, CMS, конструкторы, хостинг

Шаг 4. Создаем контент: какие писать текст и где брать картинки

Шаг 5. Создаем сайт

Шаг 6. Выбираем и покупаем домен

Шаг 7. Привлекаем клиентов из поиска

Шаг 8. Размещаем рекламу в интернете

Шаг 9. Анализируем результаты

Шаг 1. Разбираемся какой сайт нам нужен

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


Чтобы решить эту проблему используйте два подхода — Анализ конкурентов и Забота о покупателях.

В рамках Анализа конкурентов: проанализируйте другие сайты в своей отрасли и посмотрите, какие разделы есть у ваших конкурентов.

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

Если информации для каких-то разделов вы на наберете, то вычеркивайте.


Проявите Заботу о покупателях, подумайте, как сайт может упросить жизнь вашим клиентам. Может быть имеет смысл публиковать новости школы, актуальное расписание занятий, сделать запись на пробное занятие?


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


Шаг 2. Составляем структуру сайта

Визуализируйте свои разделы в Mindmap — визуальной структуре или просто “пауке”.

Распределите, какие разделы будут верхнеуровневыми, а какие будут вложены в них. Смотрите пример на картинке ниже.


Не игнорируйте этот шаг, Вы скажете себе спасибо, когда будете составлять меню сайта.

Структура сайта про курсы испанского

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

Шаг 3. Выбираем где создать сайт

Теперь, когда мы знаем какой нам нужен сайт, осталось решить где мы будем его делать.


HTML

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


CMS

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

Системы управления контентом — это отличный вариант разработки, который по сей день используется профессионалами отрасли. В таком варианте нужно выбрать CMS, установить её на выбранный и оплаченный хостинг, нарисовать и сверстать сайт (или найти готовый шаблон), наполнить сайт контентом.

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

Недостаток CMS — ограничения в подаче контенты, только стандартный вид страниц (изменил порядок на одной странице — он изменился везде), затруднения со сменой дизайна и его элементов.


Конструкторы сайтов

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

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


Конструктор сайтов Prodáct

Мы создали конструктор сайтов Prodáct так, чтобы эти минусы остались позади. Созданный сайт можно скачать, достаточно оплатить любой тариф на один год, сайты отлично ранжируются в поиске (этот сайт создан в Prodáct и скорее всего вы пришли на него из поиска), есть бесплатный тариф, а стоимость платного от 250 рублей в месяц.


А что такое хостинг, он мне нужен?

Хостинг — это вычислительные мощности, которые вы арендуете в дата-центре для своего сайта, проще говоря, хостинг — это размещение сайта. Его нужно выбирать и оплачивать, если вы создаете сайт на CMS или чистом html.

Если вы используете Prodáct, то выбирать, покупать и оплачивать хостинг не нужно. Размещение сайта, а также защита от атак уже включены в цену.



Шаг 4. Создаем контент: какие писать текст и где брать картинки

У вас есть список страниц, которые будут на вашем сайте. Для каждой страницы понадобится текст, возможно изображения и видео.


Чтобы решить, что именно будет на странице, подумайте о своих покупателях. Зачем они на неё приходят и что хотят узнать. Неплохо nfr;t изучить конкурентов, перенять их опыт, где применимо.

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

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


К картинкам требования не такие жесткие. Вы можете использовать изображения из бесплатного фотобанка, встроенного в Prodáct. Используйте их для дизайна, чтобы дополнить внешний вид и задать настроение.

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

Шаг 5. Создаем сайт

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


Создать сайт в Prodáct можно двумя путями: из шаблона и с нуля.


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

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

Шаблоны сайтов в Prodáct

Переименуйте меню в шапке сайта под вашу структуру. Если каких-то пунктов не хватает, то добавьте их.


Наполните блоки своим содержимым. Кликните на текст, чтобы вписать свой, на изображение, чтобы заменить его своим.

Редактор текста и изображений

Если какой-то блок лишний, то удалите его.


Если блока не хватает — нажмите на синий плюсик и выберите любой из галереи блоков.

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


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


Если вы точно знаете, какой сайт вам нужен, то не выбирайте шаблон, а начните создание с нуля. В этом случае начните создание с главной страницы и добавляйте блоки один за другим.


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


Настройки дизайна

Шаг 6. Выбираем и покупаем домен

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


Домен — это уникальный адрес сайта. Например: prodact.io, google.ru.


Домены делятся на уровни: первый, второй, третий и так далее.

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

Дальше идет второй уровень, допустим facebook.com. Такие домены в свободной продаже, если только не заняты кем-то еще. Домены второго уровня платные, за исключением доменов в зоне .TK / .ML / .GA / .CF / .GQ.tk.

Затем идут домены третьего уровня. Такие как ru.prodact.io, azovsky.prodact.site. Домены третьего уровня обычно выдаются бесплатно конструкторами сайтов.


Доменные зоны бывают национальные, например .ru — Россия, .fr — Франция, .ua — Украина.

Россия имеет несколько национальных зон .su — была создана и определена для Советского Союза (SU = soviet union), .ru — создана для Российской Федерации, самая привычная для россиян, в ней занято наибольшее число доменных имен, .рф — кириллическая доменная зона для русскоязычных доменов.


Доменные зоны бывают тематическими. Самая известная .com для коммерции (очень часто используется в США), .online для веб-сервисов, .org для общественных организаций, .cafe для ресторанов. Есть и менее осмысленные зоны, например .xyz.


Всего в мире существует около 1 500 доменных зон. Домены во многих из них не подлежат продаже.


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

Как выбрать домен?

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

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

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


Выберите идеальное доменное имя, используя своё название или имя отрасли. Или всё сразу.

Выберите идеальное доменное имя, используя

своё название или имя отрасли. Или всё сразу.

Так для ресторана под названием «Кимчи» подойдут домены: kimchi.cafe, kimchi.kitchen, kimchi.restaurant, restaurant-kimchi.ru.

Выбрать домен

Купить домен в редкой доменной зоне в России сложно. В Prodáct в продаже более 380 зон в интерфейсе на русском языке и с оплатой в рублях.


Проверить доступность доменного имени вы можете в Prodáct после регистрации.

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


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


Шаг 7. Привлекаем клиентов из поиска

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


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


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

Теперь вы будете собирать всю информацию о поиске.


Настройки SEO в Prodáct

Настройки SEO и индексация доступны только на платных тарифах.


Дальше необходимо оптимизировать тексты для поиска.

Соберите ключевые слова при помощи сервиса wordstat.yandex.ru.


В настройках страниц заполните вкладку SEO, используйте ключевые слова.


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


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


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


Расширяйте свой сайт, чтобы привлечь больше посетителей.


Шаг 8. Размещаем рекламу в интернете

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

Самый эффективный вид — это контекстная и таргетированная реклама.


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

Контекстную рекламу можно разместить в Google Ads и Яндекс.Директ. Новичкам выдают купоны на пополнение баланса.


Таргетированная реклама — это та, что настроены на определенную аудиторию. Например вы торгуете дорогим омолаживающим кремом и знаете, что ваши покупательницы женщины от 40 до 60 лет с высоким доходом. Тогда вы можете разметить рекламу именно на эту аудиторию, вне зависимости от того, что они искали в последнее время. Таргетированная реклама появляется в соцсетях: ВК, Instagram, Facebook.


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

Один качественный посетитель стоит минимум 5 рублей

Шаг 9. Анализируем результаты

Для детального анализа посетителей рекомендуем установить Яндекс.Метрику.

Создайте счетчик в системе, скопируйте его номер и вставьте в настройки сайта.

Подробная инструкция здесь.


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


У системы сбора статистики очень широкие возможности, которые каждый использует как захочет. Расскажем о простых и важных отчетах.


Источники трафика.

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


Видеозапись визитов.

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


Считайте целевые действия.

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


Поисковые запросы.

Узнайте, что набирали в поиске ваши клиенты, чтобы попасть к вам на сайт.


Чем интересуется ваша аудитория.

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



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