Создание интернет-сайта описывают двумя точками: «решили делать» и «готово». Между ними — от недели до двух месяцев, когда сайт находится в процессе создания, и об этом времени почти никто не пишет. А вопросов в нём больше всего: что должно открываться по адресу, пока сайта нет, что означают слова «сетка», «пак», «исходник» и «движок», которыми сыплет исполнитель, и на что смотреть, чтобы понять, движется ли работа. Ниже — семь стадий по порядку и словарь к ним.
Заказчик в это время обычно видит одно: тишину. Договор подписан, предоплата ушла, прошло пять дней — и ничего. На самом деле работа идёт, просто первые стадии не дают картинки. Когда знаешь, что за чем следует, тишина перестаёт пугать, а настоящую задержку становится легко отличить от нормальной паузы.
Показываю работу по ходу: черновик лежит на тестовом адресе с первого дня, вы видите каждую стадию. Создание сайтов под ключ: лендинг от 15 000 ₽, корпоративный сайт от 40 000 ₽. Цена и сроки в договоре, гарантия 12 месяцев.
Тридцать страниц поиска: шаги есть, середины нет
Я разобрал тридцать страниц, которые поиск показывает по запросу о создании интернет-сайта. Шестнадцать — инструкции и обзоры, двенадцать — конструкторы, две — студии.
«Бесплатно» стоит на двадцати страницах. «Пошаговая инструкция» — на восьми; число шагов называют две: пять и двенадцать. Все инструкции написаны для того, кто делает сайт сам и видит каждый шаг своими глазами.
А о том, как выглядит процесс со стороны заказчика, — что открывается по адресу, что присылают на согласование, какие слова при этом звучат, — в заголовках и описаниях нет ничего. Этот пробел я и закрываю.
Что должно открываться по адресу, пока сайта нет
Создание адреса к сайту — регистрация домена — занимает десять минут и делается в первый день. С этого момента адрес существует, и по нему должно что-то открываться. Вариантов три, и два из них плохие.
Плохой первый: ничего. Ошибка браузера или страница хостинга «домен припаркован». Человек, которому вы уже дали визитку с адресом, решит, что фирмы нет.
Плохой второй: недоделанный сайт на виду. Половина страниц пустая, в текстах «Lorem ipsum», вместо цен нули. Хуже того — поисковик успевает это проиндексировать, и черновик потом месяцами всплывает в выдаче.
Правильный: заглушка — одна страница с главным о вас. Переключите пример, чтобы увидеть разницу.
Сайт на стадии создания
Скоро здесь будет что-то интересное. Заходите позже!
В первой заглушке ноль сведений: посетитель не узнал ни кто вы, ни как связаться. Во второй — название, город, суть услуги, телефон, часы и дата запуска. Она уже работает как маленький сайт и уже может попадать в поиск по названию. Пример условный, телефон намеренно пустой.
Сам сайт в это время собирается в другом месте — на тестовом адресе, закрытом от поисковиков. Заказчик получает ссылку и смотрит, как появляются страницы. В день запуска готовый сайт переезжает на основной адрес, а запрет для поисковых роботов снимается. Забыть снять его — классическая ошибка: сайт запущен, а в поиске его нет, потому что роботам по-прежнему сказано «не входить».
Два адреса. На основном — заглушка с контактами. На тестовом — сайт в процессе создания, закрытый от поиска. Так посетители не видят черновик, а вы видите всё.
Семь стадий: что происходит и что вы при этом видите
Передвигайте ползунок. Для каждой стадии — что делает исполнитель, что получаете вы и что от вас нужно.
1. Задание и структура. Исполнитель расспрашивает о деле и составляет список страниц. Вы видите: документ на одну-две страницы. От вас: ответы на вопросы, прайс, фотографии. Картинки ещё нет, и это нормально: без этой стадии всё остальное придётся переделывать.
Подробный перечень работ с отметками, что видно заказчику, а что нет, есть в статье про 32 операции создания и настройки сайта, а как это устроено у меня — на странице этапов разработки.
Словарь стадии «в процессе»: восемь слов исполнителя
На каждой стадии звучат слова, которые исполнителю кажутся очевидными. Вот восемь, о которых меня спрашивают чаще всего.
Площадка
Площадка для создания сайта — место, где он будет жить и собираться: конструктор или хостинг с установленной системой управления. Вопрос «на какой площадке делаем?» решает, сможете ли вы потом перенести сайт и кто сможет его править.
Сетка
Сетка при создании сайта — невидимая разметка страницы: колонки, отступы, ширина текста. На компьютере колонок обычно двенадцать, на телефоне — одна-две. Благодаря сетке блоки стоят ровно и одинаково перестраиваются на разных экранах. Когда страница выглядит «как-то неаккуратно», почти всегда нарушена сетка: один отступ двадцать точек, соседний — двадцать семь.
Пак
Пак для создания сайта — готовый набор деталей: иконки, кнопки, шрифты, иллюстрации в одном стиле. Он экономит дни работы дизайнера. У паков есть лицензии: одни бесплатны для любого использования, другие — только для личных проектов, третьи покупаются на один сайт. Спросите, какой пак использован и на кого оформлена лицензия.
Макет и исходник
Макет — изображение будущих страниц. Исходник — файл, в котором этот макет можно править. Создание сайта без исходника оставляет вас с картинкой: добавить блок через год по ней нельзя, нужен рабочий файл. Сегодня макеты делают в специальных редакторах для интерфейсов. Создание веб-сайта в CorelDRAW встречается у тех, кто пришёл из полиграфии: Корел — отличный инструмент для печати, но макет сайта в нём неудобен — он не показывает, как страница перестроится на телефоне. Логотип из Корела — другое дело: его сохраняют в векторном формате и вставляют на сайт без потери чёткости.
Вёрстка
Вёрстка по созданию сайта — перевод макета в код, который открывается в браузере. До вёрстки сайт — картинка, после — страницы, которые можно листать и нажимать. На этой стадии выясняется, что заголовок из макета не влезает в экран телефона, и это нормальная рабочая находка, а не ошибка дизайнера.
Движок
Система управления: панель, через которую меняют тексты и добавляют страницы без программиста. Создание сайта с движком дольше на несколько дней, чем сайт из готовых файлов, зато потом цену в прайсе вы меняете сами. Лендингу на одну страницу движок часто не нужен.
Проджект
Менеджер проекта в студии: человек, который не рисует и не программирует, а связывает вас с теми, кто это делает. Создание сайта через проджекта удобно на больших проектах и добавляет звено на маленьких: ваше замечание проходит через пересказ. У частного вебмастера проджекта нет — вы говорите с тем, кто делает.
Проводки
Слово из бухгалтерии, которое звучит, когда заказчик — компания. Проводки на создание сайта — записи о том, как расходы отражены в учёте. Я не бухгалтер, поэтому скажу только то, что нужно знать заказчику. Вариантов обычно два: сайт признают нематериальным активом и списывают его стоимость постепенно либо относят затраты на текущие расходы сразу. Выбор зависит от суммы, от переданных по договору прав и от учётной политики компании, и делает его ваш бухгалтер. От исполнителя ему нужны три документа: договор со строкой о правах, акт и документ об оплате.
Половину тревоги заказчика снимает одна ссылка на тестовый адрес. Человеку не нужно верить мне на слово, что работа идёт, — он открывает и видит, что вчера страницы «Цены» не было, а сегодня есть.
Сайт делают уже месяц, а показать нечего? Напишите, на какой стадии всё остановилось, — подскажу, что запросить у исполнителя, или подхвачу работу с того места, где она встала. Создание сайтов и доработка.
Если делаете сами: пошаговое создание сайта на Тильде
Семь стадий никуда не деваются и при самостоятельной сборке — просто все роли ваши. На конструкторе порядок выглядит так.
- Напишите тексты заранее. В обычном документе, по страницам. Это стадия задания, и пропускать её нельзя.
- Зарегистрируйтесь и создайте проект. Проект — это один сайт; страницы добавляются внутрь него.
- Выберите шаблон или пустую страницу. Шаблон быстрее, пустая страница честнее: вы собираете блоки под свой текст, а не подгоняете текст под чужие блоки.
- Соберите страницу из блоков. Обложка, текст, преимущества, цены, форма, контакты. Сетка уже встроена в блоки — не ломайте её произвольными отступами.
- Заполните настройки страницы. Заголовок и описание для поиска, адрес страницы словами.
- Подключите домен. На платном тарифе; до этого сайт живёт на адресе площадки, и он же служит тестовым.
- Опубликуйте и проверьте с телефона. Каждую страницу и каждую форму.
Создание веб-сайта на Тильде по этим шагам занимает от нескольких вечеров до нескольких недель — в зависимости от того, готовы ли тексты. Что входит в бесплатный тариф конструктора и чего в нём нет, я разбирал в статье про бесплатные сайты.
Стадии одни, акценты разные
Сайт — это интернет-продукт, и создание сайта для разных задач идёт по тем же семи стадиям. Но главная стадия у каждого типа своя.
| Тип сайта | Главная стадия | Почему |
|---|---|---|
| Сайт объекта: жилой комплекс, база отдыха, отель | Макет | Решает впечатление: фотографии, планировки, виды |
| Сайт бытовых услуг: ремонт, уборка, мастер на час | Задание и структура | Нужна страница под каждую услугу с ценой |
| Сайт с вещами: одежда, обувь, товары | Движок и наполнение | Сотни карточек, размеры, остатки, оплата |
| Предметный сайт: учителя, кружка, курса | Движок | Материалы добавляются постоянно, нужен удобный редактор |
Поэтому создание предметного сайта для учителя и создание сайта объекта для застройщика нельзя сравнивать по срокам «в среднем»: у первого три дня уходит на то, чтобы материалы было легко добавлять, у второго — три недели на съёмку и макет.
Как понять, что работа стоит
Нормальная пауза и настоящая задержка выглядят одинаково — тишиной. Отличить их помогают три признака.
Работа идёт
На тестовом адресе что-то меняется раз в два-три дня. Исполнитель сам пишет, чего ждёт от вас. На вопрос «на какой мы стадии?» отвечает одним словом и ссылкой.
Работа стоит
Тестового адреса нет или он не обновлялся неделю. Ответы общие: «в работе», «скоро покажу». Вам присылают картинки вместо ссылок, хотя по срокам давно должна быть вёрстка.
Причина остановки нередко на стороне заказчика: не присланы тексты или не согласован макет. Спросите прямо: «Вы ждёте чего-то от меня?» — и получите либо список, либо честный ответ.
Итог
Сайт на стадии создания — не пустое время, а семь шагов, у каждого из которых есть видимый результат. Пока идёт работа, на основном адресе должна стоять заглушка с названием, сутью, контактами и датой, а сам сайт — собираться на тестовом адресе, закрытом от поиска. Слова исполнителя переводятся просто: сетка — разметка, пак — набор деталей, исходник — редактируемый макет, вёрстка — перевод в код, движок — панель управления. А отличить рабочую паузу от простоя помогает один вопрос: что изменилось на тестовом адресе за последние три дня.
Если хотите видеть свой сайт на каждой стадии, а не только в конце, — напишите мне: Создание сайтов.
Опрос
Что вы видели, пока вам делали сайт?
Проголосуйте, чтобы увидеть, как думают другие читатели
Часто задаваемые вопросы
Что показывать по адресу, пока сайт в процессе создания?
Заглушку — одну страницу с названием, сутью того, чем вы занимаетесь, контактами и датой запуска. Пустая надпись «сайт в разработке» бесполезна: посетитель не узнаёт ни кто вы, ни как связаться.
Где собирается сайт до запуска?
На тестовом адресе, закрытом от поисковых систем. Заказчик получает ссылку и видит, как появляются страницы. В день запуска сайт переносят на основной адрес и открывают для поиска.
Что такое сетка сайта?
Невидимая разметка страницы: колонки, отступы и ширина текста. Она отвечает за то, чтобы блоки стояли ровно и одинаково перестраивались на компьютере и телефоне. На большом экране колонок обычно двенадцать.
Зачем заказчику исходник макета?
Чтобы сайт можно было дорабатывать. По картинке добавить новый блок нельзя — нужен файл, который открывается и правится в редакторе. Исходник передают вместе с доступами при сдаче.
Можно ли сделать макет сайта в CorelDRAW?
Технически да, но неудобно: программа создана для печати и не показывает, как страница перестроится на телефоне. Макеты сайтов сегодня делают в редакторах интерфейсов. Логотип из Корела при этом легко переносится на сайт в векторном формате.
Нужен ли сайту движок?
Если вы собираетесь сами менять цены, тексты и добавлять страницы — да. Одностраничному лендингу, который правят раз в полгода, система управления часто не нужна: без неё сайт получается легче и быстрее.
Как понять, что работа над сайтом остановилась?
По тестовому адресу: если на нём неделю ничего не меняется, а на вопросы вы получаете общие ответы, работа стоит. Спросите, ждёт ли исполнитель чего-то от вас, — причина нередко в неприсланных текстах или несогласованном макете.
