На что обратить внимание при создании сайта

18 вопросов о разработке сайта: все, что нужно учесть

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

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

Введение

В рамках данной статьи я буду говорить о технических моментах, на которые нужно обращать внимание при разработке сайта. Не буду упоминать, что создание сайта начинается с постановки цели, определения ЦА, создания контента и анализа конкурентов по SERP. Это другая история.

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

Тип сайта

Что выбрать: интернет магазин, лендинг, блог? Здесь необходимо отталкиваться от общих целей проекта и задач, которые стоят перед ним. Например, вот сайт-визитка частного специалиста:

Основные сценарии использования распространенных типов сайтов следующие.

Пример необычного лендинга:

Интеграции. Какие сервисы подключать и нужно ли

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

Обычно интернет-магазины интегрируют с готовыми CRM, а также со сторонними сервисами. Их еще называют внешними.

Для многих российских интернет-магазинов важна, но не обязательна, интеграция с решениями «1C». Что касается CRM, то самый частый вариант – это «Битрикс24», Sales Creatio, «Мегаплан», amoCRM. Подробное сравнение всех CRM вы можете найти в нашем блоге.

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

Интеграция происходит при помощи так называемого API. Этот интерфейс соединяет ваш сайт с остальным миром, позволяет выполнять даже сложные действия без перехода на другие сайты. Благодаря интеграциям с внешними сервисами посетитель вашего сайта, не покидая его, может выполнить все необходимые задачи. Например, рассчитать цену доставки до своего региона

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

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

Домен и хостинг

Домен

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

Можно очень долго рассказывать о тонкостях выбора домена, но я сведу все к трем основным факторам.

Естественно, не стоит соглашаться на первое попавшееся доменное имя, которое предложит исполнитель. Домен нужно выбирать максимально осторожно и тщательно.

Появилось много новых доменных зон:

Обязательно учитывайте, что предлагаемый вам домен должен быть доступен не только «в прямом вхождении», как выражаются SEO-шники, но и со всеми вариациями. Например, доменное имя zona.com должно быть свободным по адресам:

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

Хостинг

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

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

Пример тарифа Blog хостинга Beget

Что касается непосредственного выбора хостера, здесь все просто: он должен быть надежным и быстрым как автомат Калашникова. Бесперебойную работу сайта могут обеспечить только проверенные и надежные хостинги. Вы можете выбрать любой из этого списка, так как все эти хостеры имеют сотни (а некоторые – тысячи) положительных отзывов:

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

При выборе хостинга убедитесь, что он поддерживает минимальный набор технологий: ASP, MySQL, Perl, htaccess, PHP, CGI. При приемке сайта уточните существующую дисковую квоту: хватит ли ее, чтобы полностью развернуть сайт? Обратите внимание на лимиты по трафику, суммарному числу сайтов, базам данных.

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

Продвижение

В 2021 года существует несколько способов продвижения сайта. Наиболее распространены:

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

Чтобы Google и «Яндекс» хорошо ранжировали страницы вашего сайта, необходимо убедиться в том, что была проведена первоначальная seo-оптимизация. Если сайт новый и не имеет большого количества страниц, проверить индексацию можно в интерфейсе «Яндекс.Вебмастер»:

или Google Search Console:

Сбор семантического ядра

О семантике нужно сказать отдельно. Именно на начальном этапе разработки сайта закладывается главное семантическое ядро, которое должно стать трамплином к получению первого (и абсолютно бесплатного, что немаловажно) трафика из поисковых систем. Обязательно оценивайте собранное семантическое ядро. Чем объемнее оно будет, тем лучше.

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

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

Назначение семантической карты – планирование и упорядочение новых страниц на сайте.

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

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

Структура сайта должна быть тесно связана с SEO-оптимизацией. Здесь правило одно: построение всех страниц должно подаваться понятной логике, а юзабилити должно быть максимально продуманным и удобным.

Приведу пример: не стоит принимать сайт, если для открытия каталога товаров нужно совершить более 3 кликов.

Рекомендую придерживаться 4 правил создания структуры нового сайта:

Обязательно обращайте внимание также на то, как работает сортировка и фильтры в каталоге товаров.

Шоурил TexTerra. Создание сайтов под ключ

Текстовое наполнение страниц

Принимать или нет пустой сайт – дело ваше. Лучше этого не делать: текст должен быть хотя бы на главных страницах и разделах сайта. Наличие уникального и полезного текста —важнейшее условие для индексации новой страницы.

Обязательно обращайте внимание на то:

Прочитайте хотя бы полстраницы текста и обратите внимание на то, как быстро устают глаза.

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

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

Выбранная CMS

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

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

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

Далее предлагаю ознакомиться с самыми распространенными сценариями использования той или иной CMS.

Мобильная версия или адаптивный шаблон

Мобильные устройства в особом приоритете у Google и «Яндекса». Здесь 2 варианта развития событий: вам изначально разрабатывают полноценную мобильную версию или просто задействуют адаптивный шаблон. При приемке сайта обязательно проверяйте, как он открывается на экранах разных смартфонов. Смотрите также, как он выводится на экране планшета.

Что касается того, как сайт выводится на экраны смартфонов и других мобильных устройств, то увидеть это можно в адаптивном просмотре в Google Chrome (родной инспектор). Там же можно найти готовые паттерны под разные экраны.

Если не хотите ковыряться с инспектором, есть готовые решения. Например, если вам нужно просмотреть сайт на мобильных устройствах iOS, можно воспользоваться инспектором браузера Firefox Developer Edition. Он позволяет просмотреть сайт в достаточно крупном спектре устройств, в том числе даже с телевизора 4К:

Есть еще сервис iloveadaptive, который показывает, как сайт будет выглядеть не только на устройствах Apple, но и на Android-смартфонах Samsung.

Сложности с загрузкой страниц

Если принимаемый сайт загружается слишком долго, необходимо установить причину этой аномалии. Для диагностики я рекомендую использовать инструмент PageSpeed Insights. Просто указываем домен и выбираем пункт «Проверить». Если со скоростью загрузки сайта имеются проблемы, вы увидите их в подробном отчете:

Я бы не советовал принимать сайт, скорость загрузки которого не дотягивает до «зеленой зоны» PageSpeed Insight (начинается от 90 баллов).

Человекопонятные ссылки

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

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

При приемке сайта обратите внимание на то, как именно отображаются ссылки. Для этого просто откройте разные страницы сайта и обратите внимание на адресную строку браузера:

Здесь, кстати, раскрывается еще одно преимущество готовых систем управления контентом (CMS): в них семантические URL можно настраивать буквально одним кликом.

Валидность кода

Чтобы проверить, действителен ли код вашего сайта, и найти ошибки, используйте The W3C Markup Validation Service. Он позволяет проверить как весь сайт целиком, так и отдельные страницы:

Если код вашего сайта не валиден, это негативно скажется на факторах его работы.

Наличие SSL сертификата. Поддержка https протокола

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

Сайты, использующие HTTP-протокол, считаются небезопасными и помечаются соответствующим образом в результатах поиска:

Известно также, что сайты без SSL-сертификата ранжируются ниже, чем ресурсы, имеющие такой сертификат.

Микроразметка

Микроразметка – это специальный код, который помогает краулерам (они же поисковые «пауки» или роботы) эффективно распознавать контент, который размещен на странице. Благодаря микроразметке повышается релевантность результатов поиска по каждому вводимой пользователем запросу.

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

У «Яндекса» также есть похожий сервис:

Карта сайта

Sitemap – специальный файл, который содержит все URL, расположенные в иерархической последовательности. Есть два вида карт сайта: так называемая пользовательская в виде html-файла и карта сайта для поисковых роботов в xml формате.

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

Метатеги

Следует удостовериться, что все важные страницы сайта имеют заполненные метатеги: title, description и заголовки. Эти HTML-теги предназначаются поисковым роботам, которые таким образом получают дополнительную служебную информацию. Эти данные, в свою очередь, уже используются для более эффективного ранжирования.

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

Счетчики аналитики

При приеме сайта убедитесь, что на нем установлены счетчики «Яндекс.Метрики» и «Google Аналитики». Этот набор – абсолютный мастхэв для каждого сайта, и особенно для интернет-магазина. Веб-аналитика позволяет отслеживать сотни параметров, включая вовлеченность аудитории, конверсии, поведенческие факторы, трафик, цели. Эти сервисы позволяют анализировать практически все технически доступные сегодня данные о ваших посетителях.

Пример информации о визите в «Вебвизоре», «Яндекс.Метрике»:

Оценка готового сайта

Как объективно проанализировать результат работ при приемке сайта? Вопрос непростой, но очень важный. Вот хронологический чек-лист:

Вывод

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

В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров

Источник

Как правильно заказать сайт: пошаговое руководство для чайников

Обновлено в 2021 году.

Вы наверняка читали про «в наше время каждый уважающий себя бизнес должен иметь веб-сайт». А знаете ли вы, как правильно заказывать сайты: как определять функциональность и выбирать CMS, на что обращать внимание при обращении в студию, как понять, почему один ресурс стоит 10 тыс. рублей, а второй 150 тыс. рублей? Из пошагового гайда вы узнаете, как и где заказать сайт.

Нужен разработчик сайта? Первое, что вы должны понять, — заказать хороший сайт трудно

Дело не в том, что агентства и веб-студии не умеют работать. Проблема в вас. Вы прекрасно разбираетесь в своем деле: строите красивые дома, производите замечательную косметику, готовите самые вкусные в мире стейки. Но вы совсем не разбираетесь в сайтах. Нет, конечно, вы знаете, что сайт интернет-магазина «Евросеть» выглядит отлично и очень вам нравится, а вот ресурс Захолусть-глубинковского треста по производству рогов и копыт — это просто отстой.

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

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

Шаг 1: определите, зачем вам сайт

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

— А давайте еще форум прикрутим.

— А может, в меню поменять местами ссылки «О компании» и «Наши продукты»?

— А что, если здесь поиграть цветами, а в подвале добавить вензеля и рюшечки?

— Все замечательно, спасибо вам большое, но вот чего-то еще не хватает, что-то не так.

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

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

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

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

Ваш будущий ресурс может решать следующие задачи, способствующие росту прибыли:

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

Что у вас получилось? У меня так:

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

Задачи создания сайта:

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

Шаг 2: определите требующуюся функциональность сайта

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

У вас получатся такие вопросы:

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

Теперь потренируйтесь. Запишите, какие, по вашему мнению, функции нужны сайту стоматологической клиники, чтобы повысить качество обслуживания пациентов.

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

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

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

Например, клиент приходит с запросом: «Я хочу, чтобы на моем сайте можно было купить билет на занятие/мероприятие/событие/мастер-класс, при этом можно было выбрать город, локацию и дату». Разработчики продумывают под этот запрос программную часть и фронтенд сайта. А затем клиент в процессе разработки или правок просит внести что-то новенькое: «Нужно добавить расписание с возможностью его редактирования у конкретного занятия/мероприятия/события и добавить группы посещения, а затем связать расписание с этими группами посещения, а потом интегрировать все это с нашей CRM».

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

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

Шаг 3: определите, как должен выглядеть сайт

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

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

Как выбрать разметку сайта

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

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

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

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

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

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

Адаптивная верстка страницы: меняется положение модульных блоков

Какой вариант выбрать? Остановитесь на адаптивной верстке. Благодаря ей ваш сайт будет одинаково удобным для владельцев гаджетов с любым разрешением экрана.

Разработать адаптивный сайт – с нуля или для уже существующего ресурса – вам помогут в TexTerra. Проконсультируйтесь с нашими специалистами

Как выбрать внешний вид сайта

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

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

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

Шаг 4: выберите CMS

На этом этапе вам придется решить две задачи. Во-первых, определите, станете ли вы использовать CMS или закажете сайт на HTML. Во-вторых, если вы решите делать сайт с «движком», определите, какую именно систему управления контентом лучше использовать в вашем случае.

Что выбрать: сайт на CMS или на HTML

По данным Web Technology Surveys на январь 2021, 62,5 % всех сайтов работают на CMS, и только 37,5 % не используют «движок». В доменной зоне RU самые популярные CMS – WordPress (44,7 % от всей доли сайтов на CMS) и «1С-Битрикс» (13,3 %).

Сайты на HTML дают вам следующие преимущества:

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

Сайты с системой управления контентом обеспечивают такие преимущества:

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

Какую CMS выбрать

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

Менеджер агентства наверняка предложит вам несколько «движков» на выбор после изучения цели и задач создания сайта. Среди них будут такие CMS:

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

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

Нужно ли коммерческому проекту обязательно покупать платную CMS «корпоративного класса»? Нет, этот миф придумали продавцы «движков». Если разработчик и вы видите, что необходимой функциональности достаточно в Joomla! или WordPress, остановитесь на этих системах.

Шаг 5: согласуйте дополнительные характеристики, которым должен соответствовать сайт

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

Обсудите с разработчиком, каким еще характеристикам должен соответствовать ресурс.

Шаг 6: определите, где вы будете заказывать сайт

Выбор невелик: придется сотрудничать с агентством или с фрилансером. Не ищите универсального рецепта поиска подрядчика. Сотрудничество со студиями и частными специалистами имеет достоинство и недостатки.

Почему стоит сотрудничать с авторитетными агентствами? Вот основные причины:

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

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

Сотрудничество с фрилансерами имеет свои преимущества:

Хорошего партнера можно найти среди студий и частных специалистов. При выборе обращайте внимание на следующее:

Помните, как на предыдущем этапе вы отказались от «самописных движков»? Теперь оцените преимущества этого шага: вы можете практически в любой момент прекратить работать со студией «А» и обратиться в агентство «Б». Новый подрядчик сможет сразу же взять в работу сайт на «1С-Битрикс», WordPress или другой популярной системе. А вам не придется тратить ресурсы на перенос ресурса на новый «движок».

Шаг 7: оцените, сможете ли вы сделать сайт самостоятельно

Сделать сайт самостоятельно вы точно сможете. Более того, вы потратите на запуск ресурса не более часа с учетом выбора доменного имени и подтверждения оплаты хостинга. А вот чтобы сделать сайт, отвечающий потребностям аудитории, придется потратить намного больше времени. Поэтому оцените, стоит ли тратить время на изучение «движков», микроразметки и мета-данных в ущерб основной деятельности.

Делайте ресурс самостоятельно в таких случаях:

Если бутстрэппинг — ваша философия, обратите внимание на простые и шаблонные инструменты для создания сайтов:

Если вы решите заказать сайт на конструкторе, ознакомьтесь с возможными минусами:

Определились с сайтом? Тогда приступайте к следующему этапу.

Шаг 8: определите, кто будет продвигать проект

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

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

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

Шаг 9: определите, сколько стоит необходимый вам сайт

Вы наверняка видели на столбах объявления с предложением сделать сайт за 1000 рублей. Также вы слышали об организациях, которые тратят на разработку сайта миллионы рублей. Откуда такая разница и сколько придется заплатить за сайт вам?

Например, наименее затратный вариант – блог или сайт-визитка. Вы можете оплатить хостинг с установленным «движком» и доменное имя, а потом использовать шаблонный дизайн. Пример на иллюстрации. Тут легко уложиться в одну или несколько тысяч рублей.

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

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

Что нужно, чтобы заказать сайт

Начните с мозгового штурма: четко определите, какие задачи вы будете решать с помощью веб-ресурса. Это поможет вам описать необходимую функциональность. Дальше все пойдет как по маслу: вы опишете идеальный с вашей точки зрения дизайн, выберете CMS, определите необходимые технические характеристики. После этого вы поймете, стоит ли создавать ресурс самостоятельно или лучше обратиться к профессионалам. Остается самая малость: решить, кто будет продвигать сайт и сколько средств понадобится на реализацию проекта. Если вы работаете со студией, цену вам назовут после обсуждения идеи.

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

Эта статья поможет вам избежать многих ошибок, которые совершают клиенты веб-студий. Но эта статья — не панацея. Если вы хотите заказать сайт, мы рекомендуем сразу обращаться к профессионалам. Агентство «Текстерра» занимается разработкой сайтов «под ключ». Проконсультируем и объясним все нюансы бесплатно.

Источник