Главное, что нужно знать о Headless CMS для бизнеса

Headless CMS – система управления контентом, в которой презентационный слой (Front-end) отделен от сервера (Back-end). CMS названа «Headless» потому, что она имеет единый Back-end (тело сайта). А владелец управляет контентом, который адаптируется под экраны устройств пользователей (подставляя «головы»).

Для традиционных сайтов необходимо создавать с нуля Front-end (часть, которая отображается для пользователя) и Back-end. Чтобы отобразить клиенту данные сайта, с Front-end подается запрос на сервер. Этот запрос обрабатывается в Back-end, берется необходимая информация (текст, картинки, кнопки и т.д.) и возвращается на клиенскую часть для презентации в интерактивном виде.

Headless CMS предлагает иной подход:

• Владелец сайта управляет контентом без привязки к Back-end. Это как заказать еду с доставкой – за технологию приготовления ответственный повар ресторана. Вам останется выбрать блюдо из меню, оплатить и приправить готовую еду специями (контентом).
• Систему управления можно настраивать с нуля. Вы получаете хранилище контента и набор инструментов для кастомизации клиентской части. Если предусмотрена возможность оставлять комментарии, заявки, создавать пользовательские анкеты или задавать настройки аккаунтов, эти данные также могут храниться в системе, модерироваться и редактироваться персоналом.
• Для контента используется готовое хранилище (PostgreSQL, MongoDB, SQLite, MySQL и MariaDB в Strapi).

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

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

Headless vs Traditional CMS

Традиционная CMS (возьмем для примера WordPress) состоих из трех блоков:

1.  хранилище для контента;
2.  серверная для обработки контента и запросов на сайте;
3. клиентская часть – для отображения контента с компьютера пользователя.

Это единое приложение, в котором все системы неразрывно связаны между собой. Заменить «детали» невозможно, если необходимо создать более лучший сайт или продумать гибкое решение.

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

Headless CMS не имеет единого уровня представления контента, а состоит из хранилища и сервера. Редактору достаточно открыть API и загрузить контент. Клиентская часть «подстроится» под устройство, на котором откроют ваш сайт.

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

7 Преимуществ Headless CMS

Универсальный формат – не единственное преимущество системы управления контентом. Для бизнеса это прежде всего:

1. Экономия бюджета на разработку сайта. Back-end на завершающей стадии разработки. Больше времени уйдет на административный интерфейс и настройку API под ваш проект.
2. Экономия времени. Для Back-end основа уже готова. Это огромное преимущество, когда нужно быстро открыть сайт для своего проекта.
3. Владельцу сайта, редактору или контент-мейкеру удобно работать в системе. В едином интерфейсе вы можете добавлять и редактировать данные, управлять настройками отображения посетителям.
4. Контент на сайте легко перенести на другую платформу. Например, для создания приложения на iOS не требуется новый Back-end, если у вас уже есть хотя бы веб-версия сайта. К готовой схеме добавляется еще одно приложение для отображения клиентам устройств на iOS.
5. Высокая производительность сайта за счет сокращения количества шагов, запросов API и других движущихся частей. Чем быстрее открывается сайт, тем это удобнее для пользователя. Скорость обработки данных на сайте – один из факторов SEO, о котором также не стоит забывать.
6. Повышенная безопасность – Back-end скрыт от пользователей, поэтому его сложнее взломать. Также, в Headless CMS, вроде Strapi есть свой хостинг, что дает пользователям полный контроль над серверным уровнем и повышает встроенную безопасность.

Популярные Headless CMS

Предположим, вы решили попробовать для своего проекта Headless CMS. Всего есть 97 разных Headless CMS. Есть каталог, из которого можно выбрать нужное решение. Из них самые популярные:

Strapi – это 100% Javascript, полностью настраиваемая и ориентированная на разработчиков. Экономит время на разработку интерфейса благодаря удобной панели администратора.

Ghost – Headless CMS для интернет-издателей. Системой уже пользуются Apple и NASA.

Netlify – CMS, написана на программном коде React. Используется для статических сайтов с быстрой загрузкой.

Нужна ли мне Headless CMS

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

Для кого Headless CMS – лучшее решение:

• Корпоративные сайты. Крупные предприятия сталкиваются с проблемой, когда контент нужен сразу на нескольких устройствах. Headless CMS позволяет редакторам и маркетологам оптимизировать контент для всех устройств их аудитории, не дожидаясь ответов разработчиков.
• Landing Page. Для одностраничного сайта не нужен большой бюджет и много времени на разработку. Они предназначены для конкретной кампании, имеют один призыв к действию и не имеют навигации по сайту. С Headless CMS достаточно заказать настройку API для сайта. А маркетолог загрузит контент один раз, без дополнительной оптимизации под экраны целевой аудитории.
• Кроссплатформенные издания. Достаточно загрузить данные на одну платформу, и они опубликуются на всех доступных каналах. Пример – Wonderland.
•  Создание мобильных приложений. Это случай, когда контент в веб не добавляется. Стандартная CMS может оказаться излишней и включать в себя тонну функций, которые не имеют ничего общего с тем, что вам нужно.
• e-Commerce. Headless CMS позволяет контролировать каждый пиксель контента для клиентского взаимодействия и исправлять ошибки без вмешательства в Back-end. Для оплаты товаров и услуг вы можете подключить привычный Shopify. Staples и Chillys используют связку Headless CMS + Shopify для e-Commerce.
• Сайты с компонентами пользовательского опыта. Как пример – банковская система. Больше 70% клиентов предпочитают пользоваться услугами через компьютер и мобильное устройство. Переход на Headless CMS позволит банку улучшить пользовательский опыт и адаптировать услуги под омниканальный маркетинг.

Резюме

Итак, в чем же различия между традиционной и headless CMS: