Прослушать статью:
Наше digital-агентство существует более десяти лет, и за это время мы накопили значительный опыт в разработке и продвижении веб-сайтов. Сегодня мы хотели бы поделиться нашими наблюдениями и опытом, накопленными за этот период.
Перво-наперво, стоит отметить несформированность рынка digital-услуг. Отсутствие стандартов, лицензирования, регулирования, а также низкие барьеры входа на этот рынок для подрядчиков не позволили индустрии полноценно сформироваться. У нас даже нет общей терминологии: каждая компания вкладывает в те или иные понятия совершенно разный смысл.
Если вы решите разработать веб-сайт, вас ждет непростой процесс сравнения несопоставимых коммерческих предложений от разных компаний, что может привести к значительному замешательству. В течение десяти лет мы изучали конкурентов, их предложения и услуги, стараясь сформировать понятные и прозрачные коммерческие предложения для наших клиентов, чтобы они точно понимали, что мы делаем.
Сегодня мы расскажем о технической стороне процесса разработки веб-сайтов, о технологических стэках, которые мы применяем, и о наиболее распространенных проблемах, с которыми сталкиваются владельцы веб-сайтов. Мы рассмотрим только ключевые моменты, чтобы не затягивать материал.
Типы веб-сайтов и технологические стэки
Прежде всего, необходимо определить типы веб-сайтов для более предметного обсуждения. Существует множество способов классификации веб-сайтов, но мы, как разработчики, делим их по технологическому стэку, поскольку именно он определяет технические возможности будущего сайта, процесс его создания и возможные проблемы. Основное разделение мы проводим между сайтами, созданными с использованием системы управления контентом (CMS) или движка, и самописными решениями, где движок не используется или его влияние минимально. Отдельно выделяем интернет-магазины, поскольку электронная коммерция — это особый мир. Начнем с интернет-магазинов.
Интернет-магазины
Если у вас есть товары, и вы хотите продавать их онлайн, принимать платежи по банковским картам и осуществлять доставку — это интернет-магазин. В 99% случаев для интернет-магазинов мы используем систему управления под названием 1С-Битрикс. Несмотря на определенные сложности с этой системой, альтернативы ей в российском сегменте практически нет.
Многие базовые и востребованные задачи средствами Битрикс решить затруднительно, и каждый проект требует значительной доработки. Например, вы не можете установить стоимость доставки как «Индивидуально» или «Рассчитывается менеджером», поскольку в Битриксе доставка является обязательным параметром с фиксированным значением или бесплатной.
Вы не можете ограничить заказ товаров для самовывоза, которые расположены на разных складах. Если один товар находится на складе в Москве, а другой — в Перми, клиент может оформить заказ самовывозом и затем удивиться неполному комплекту при получении.
При создании или редактировании страниц доступны только базовые инструменты: текст, таблицы и изображения. Возникают постоянные проблемы даже с популярными шаблонами: что-то не работает или функционирует некорректно. Техническая поддержка Битрикс/шаблона оставляет желать лучшего, а также ежегодно обнаруживаются критические уязвимости, позволяющие взламывать сайты на Битриксе (о которых вы можете прочитать в нашем блоге).
Однако интеграции с платежными системами, контрольно-кассовой техникой, службами доставки, сервисами рассрочки, маркетплейсами и учетными системами делают Битрикс незаменимым. Ни одна платформа (WordPress, OpenCart, InSales и другие) не предоставляет такого объема функционала «из коробки». Хотя дорабатывать приходится любую CMS при запуске интернет-магазина, с Битриксом это требуется реже. Альтернативой Битриксу является только самописное решение, но оно значительно дороже и требует больше времени на разработку.
Другие решения на CMS
Теперь рассмотрим другие решения на движках. CMS — это набор готовых функций для реализации конкретных задач, таких как публикация новостей или товаров. Использование движка позволяет сократить трудозатраты на разработку, используя готовые решения. Однако если функционал или дизайн вашего сайта отличается от стандартных возможностей движка, реализация может стать более трудоемкой, чем разработка с нуля.
Мы работали с различными системами управления: Битрикс, WordPress, Joomla, OpenCart, ModX, Drupal, Tilda и другими. Наш опыт показал, что использование CMS выгодно при разработке веб-сайтов на готовых шаблонах, где изменяются только изображения и текст, а остальная функциональность и структура остаются неизменными. В противном случае начинается сложная доработка движка, и трудозатраты могут превысить разработку сайта с нуля.
Elementor и Tilda
Значимым событием на рынке CMS и конструкторов сайтов стала библиотека Elementor для WordPress, выпущенная в 2016 году. Она изменила подход к использованию CMS в разработке веб-сайтов. Elementor — это визуальный конструктор страниц, позволяющий пользователю без знаний веб-разработки вносить любые изменения на сайт. Он предоставляет множество готовых дизайн-элементов с гибкими настройками, позволяя создавать разнообразные функциональные блоки без необходимости владеть CSS.
Конкурентом Elementor является Tilda, и мы хотели бы обратить на нее внимание. Несмотря на популярность Tilda, мы часто отговариваем клиентов от ее использования. Сайты на Tilda делятся на два типа: собранные на конструкторе и на zero-блоках. Оба варианта имеют свои недостатки.
Конструктор Tilda уступает Elementor по количеству элементов интерфейса и вариантам кастомизации. Zero-блоки представляют собой фактически ручную верстку, и неподготовленный пользователь не справится с редактированием такого сайта без знаний кода. Кроме того, Tilda не предоставляет доступ к исходному коду сайта, ограничивая возможности для интеграции и настройки.
Еще одной проблемой Tilda является отсутствие адаптивности. Чтобы сайт корректно отображался на разных устройствах, необходимо создавать отдельные версии страниц для каждого разрешения, что увеличивает трудозатраты. Elementor же предлагает множество вариантов предустановленной адаптивности, автоматически подстраивая элементы под размер экрана.
Поисковая оптимизация на Tilda также ограничена: мета-теги и заголовки не всегда корректно оформляются, что негативно сказывается на SEO.
Не стоит полагаться только на наши рекомендации. WordPress уже более 20 лет лидирует среди CMS, что обеспечивает доступ к обширному сообществу разработчиков, множеству плагинов и решений для самых разнообразных задач. Большинство возможных проблем уже давно решены и обсуждены на профильных ресурсах.
Когда нужны самописные решения?
Возникает вопрос: если WordPress так функционален, зачем нужны самописные решения? Ответ прост — для специфического дизайна и функциональности.
Дизайн веб-сайта
Хотелось бы подробнее остановиться на дизайне веб-сайтов. Важно понимать, что дизайн сам по себе не обеспечивает продажи. Посетители приходят на сайт, чтобы решить свою проблему или удовлетворить потребность. Главное, чтобы сайт был удобным и интуитивно понятным. Если речь идет об интернет-магазинах на Битриксе, мы предлагаем клиентам выбрать цветовую гамму сайта, но не предусматриваем других вариантов кастомизации дизайна. Все наши интернет-магазины выглядят схоже, что облегчает навигацию для пользователей и повышает конверсию.
Для лендингов и корпоративных сайтов основная задача — донести до пользователя смысл и выгоду. Важно выделить уникальное торговое предложение, которое сразу отвечает на вопрос: «Почему я должен выбрать именно вас?» Здесь ключевыми являются структура, УТП и контент. Дизайн играет второстепенную роль.
Разработка дизайна и разработка веб-сайта — это две разные услуги, выполняемые разными специалистами с разными целями. Если клиенту критически важен уникальный дизайн, мы отказываемся от упрощений, которые дает Elementor, и идем классическим путем: сначала создаем дизайн-макеты, затем верстаем их, разрабатываем собственную админ-панель и интегрируем HTML-шаблоны.
Уникальная функциональность
Вторая причина для использования самописных решений — необходимость в динамически изменяемом контенте и уникальной функциональности. Когда сайт включает в себя не только статические страницы, товары и записи, но и, например, личные кабинеты с особыми возможностями, содержимое страниц должно автоматически меняться в зависимости от определенных условий. В таких случаях проще реализовать функционал без ограничений стандартных CMS, создавая систему управления под конкретные задачи.
Примеры
Ниже, представлены примеры для разных типов веб-сайтов нашего производства
Выводы
Подводя итог, важно понять, что универсального решения для всех задач не существует. Мы кратко описали свой опыт и выделили три наиболее эффективных подхода для решения разных задач:
- Готовые решения на CMS — для типовых задач, где функциональность и дизайн соответствуют стандартным возможностям системы управления.
- Использование конструкторов типа Elementor — для гибкой настройки дизайна и функционала без глубоких знаний программирования.
- Самописные решения — для проектов с уникальным дизайном и специфической функциональностью, требующей индивидуального подхода.
Чем четче вы понимаете, чего хотите от сайта, тем проще выбрать правильный инструмент. Главное — помнить, что сайт создается для решения конкретных бизнес-задач и должен приносить пользу и прибыль.
Спасибо за внимание! Следите за обновлениями на нашем сайте и в социальных сетях, где мы делимся полезной информацией о разработке и продвижении веб-сайтов.