Как headless CMS облегчает жизнь редактору?

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

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

Так что же такое CMS система управления контентом?

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

Вероятно, вы знакомы с некоторыми из самых популярных решений, доступных на рынке – WordPress, Joomla, Drupal. Это классические CMS, в которых вы создаете свой контент, управляете страницами, видимыми на вашем веб-сайте, и используете плагины, которые позволяют вам, например, интегрировать социальные сети с вашей страницей. Универсальность этих платформ, безусловно, является одним из их самых больших преимуществ: вы можете начать с простого блога, но можете получить сложное решение для электронной коммерции с платежами, купонами, учетными записями клиентов и т. д.

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

Звучит как крутое решение, зачем его менять?

Что ж, у этих старых решений CMS есть некоторые серьезные недостатки – и, давайте будем честными, вполне естественно, что инструмент, которому уже более 15 лет, может немного заржаветь. Прежде всего, когда вы имеете дело с такими решениями, как WordPress (он самый популярный, поэтому мы остановимся на этом примере), вам необходимо управлять плагинами. Не кажется таким уж большим делом, правда? Вероятно, нет, если вы установите два или три из них. Но крупные коммерческие проекты, основанные на WordPress, имеют десятки плагинов, требующих обслуживания, настройки и т. д. Это может привести к некоторым накладным расходам, поэтому выбирайте с умом.

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

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

Забудьте о голове (head less)!

Есть такая новая крутая штука под названием Headless CMS, но многие задаются вопросом, что это такое. И почему он без головы?!

Что ж, оказывается, что уровень представления (все визуальные аспекты, связанные с веб-страницей) в этой метафоре описывается как «голова». То, что всегда было тесно связано с CMS, но было важно только для конечного пользователя, а не для редактора.

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

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

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

Как же безголовая CMS облегчает жизнь редактору?

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

Вам только и нужно теперь выбрать тип контента, который вы хотите добавить, без необходимости делать некоторые сложные настройки. Это даже проще, чем добавлять контент на WordPress или Joomla, потому что вы можете добавить в поля специальную проверку, которая не позволит вам что-то сломать. Кроме того, вы можете копировать, повторно использовать и связывать атомы контента (абзацы, заголовки, термины, изображения, списки и любые блоки контента), чтобы легко создать более сложную структуру под разный контекст.

Где я могу использовать headless CMS?

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

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

Многие мировые бренды уже используют это решение для своих продуктов — Nike, Spotify, Heineken, The British Museum. Кажется, отличная компания, правда?

Является ли headless CMS бесплатным решением?

Есть два варианта: решения SaaS (в облаке) и программное обеспечение с открытым исходным кодом, размещаемое на собственном хостинге.

Что касается решений SaaS (программное обеспечение как услуга), мы можем выбирать из множества конкурирующих платформ, которые предлагают различные варианты и тарифные планы. Цена зависит от масштаба проекта, количества переводов в проекте и множества улучшений разработки, которые позволяют быстрее доставлять продукты и более эффективно управлять ими. Самыми популярными SaaS-CMS без головы являются Contentful, Hygraph и Prismic.io.

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

Минусы headless CMS

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

У безголовой CMS, как и у любого другого решения, есть свои недостатки, и одним из главных минусов является то, что вам всегда нужна помощь разработчика. Поскольку headless CMS обслуживает только чистый контент, вам необходимо создать интерфейс, который понимает этот контент и умеет адаптироваться, чтобы все отображалось правильно. Это самая важная часть, которая отличает ее от таких CMS, как WordPress, которые вы можете настроить самостоятельно (но не обязательно разрабатывать, поскольку они все равно требуют навыков программирования).

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

Является ли headless CMS значимой технологией?

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

Как могут развиваться безголовые CMS в будущем?

Есть много вариантов развития тенденции безголовых CMS в будущем, через 2-3 года мы увидим более специализированные платформы, основанные на этой парадигме. На данный момент каждый сервис headless CMS сопоставим — будь то платное решение, такое как Contentful или Hygraph, или бесплатное решение с самостоятельным размещением, такое как Directus или Strapi.io. Некоторые из них предлагают более модные и современные варианты, такие как GraphQL API, но в целом они очень похожи. В будущем нас могут ожидать безголовые CMS-платформы, специализирующиеся на электронной коммерции, блоги, возможно, некоторые из них предложат некоторую интеграцию с CRM. Но, конечно, всегда трудно предсказать будущее.

Источник

Курирование и адаптация: Онтограф