Руководство для начинающих по Headless CMS
Опубликовано: 2022-02-01Безголовые CMS (системы управления контентом) удаляют прямую связь между серверной частью вашей базы данных контента и тем, как этот контент предоставляется пользователям, когда они посещают ваш веб-сайт или приложение.
Это можно сравнить с традиционной «связанной» CMS, где и база данных, и рендеринг контента контролируются одной и той же CMS.
В то время как объединенная CMS имеет свои преимущества, такие как единый интерфейс для редактирования как вашей базы данных, так и того, как она отображается на экране, безголовая CMS более мощная и гибкая.
Это особенно актуально для больших веб-сайтов, сложных баз данных или когда нескольким людям необходимо работать над различными аспектами вашего контента, веб-сайта/приложения и SEO на месте.
Что такое безголовая CMS?
В традиционной CMS внутренняя база данных контента и внешний вид веб-сайта могут редактироваться с одной и той же панели управления CMS, поэтому эти системы называются «связанными».
Безголовая система CMS использует отдельные системы для базы данных и доставки, а API (интерфейс прикладного программирования) действует как мост между ними.
Некоторые из наиболее часто используемых безголовых CMS включают Ghost, Prismic, Netlify и Contentful, и, как и связанные CMS, они были разработаны для эффективной работы, предлагают гибкую функциональность и быстро масштабируются, когда ваша база данных начинает расти.
Безголовая CMS может быть более дорогой из-за большей сложности, но она предлагает возможности, которые не могут быть связаны с связанной системой, например, возможность обслуживать контент совершенно по-другому для посетителей, которые заходят на ваш сайт с разных устройств.
Это, в свою очередь, имеет некоторые положительные последствия для методов поисковой оптимизации (SEO), таких как адаптивный дизайн веб-сайта, поскольку ваш контент может быть представлен гораздо более отзывчивым, зависящим от платформы и действительно удобным для мобильных устройств способом.
Больше преимуществ безголовой CMS
Давайте рассмотрим некоторые из конкретных преимуществ безголовых CMS, которые помогают обеспечить огромную популярность и быстрое внедрение этого подхода на веб-сайтах по всему миру:
Индивидуальный контент
Более тщательный контроль как над вашим контентом, так и над тем, как он отображается, означает, что вы можете настраивать свои страницы в гораздо большей степени. Независимо от того, делаете ли вы это для определенных групп пользователей или для своей аудитории в целом, это дает вам еще больше возможностей выделиться среди ваших конкурентов.
Быстрая загрузка
Использование подходящего для устройства API и внешнего интерфейса оптимизирует скорость загрузки на разных устройствах, в том числе на тех, которые получают доступ к вашему сайту через мобильное подключение для передачи данных. Это также поддерживает любые действия, которые вы предпринимаете в SEO-кампаниях для повышения производительности Core Web Vitals.
Перспективная гибкость
Возможность установки дополнительных API означает, что ваша база данных может быть подключена к новым интерфейсам в будущем. Это может позволить вам диверсифицировать, например, веб-сайт для посетителей с компьютеров и мобильных устройств, а также обслуживать информационные экраны в магазине и носимые устройства.
Таким образом, безголовая CMS идеальна, когда у вас есть сложные потребности в интерфейсе, но вы хотите упростить редактирование и обслуживание вашего фактического контента — с изменениями и обновлениями, немедленно отражающимися на всех ваших различных платформах.
Как спланировать безголовую CMS
Моделирование контента — это важнейший этап планирования перед внедрением новой автономной CMS. Это похоже на то, как вы планируете иерархию папок веб-сайта, структуру URL-адресов и карту сайта, за исключением того, что в этом случае вы будете работать с типами контента, а не с отдельными страницами.
Что такое типы контента?
Различные типы контента, которые вы определяете, содержат поля, которые извлекают информацию из вашей базы данных. Это могут быть метаданные SEO — и если вы используете традиционную связанную CMS с плагином SEO, таким как Yoast, вероятно, вы видели и заполняли поля метаданных в прошлом.
На страницах с основным контентом у вас могут быть поля для слага URL, а также один или несколько разделов видимого контента, которые будут отображаться на странице.
Вы также можете определить типы контента для медиа-активов, дав своим файлам имя, описание, которое можно увидеть только внутри, и место, где можно получить доступ к файлу.
Как работают типы контента?
Как только вы определили все необходимые типы контента, вы создали модульный метод «строительных блоков», с помощью которого API-интерфейсы могут извлекать информацию из вашей базы данных и объединять ее для разных платформ.
API-интерфейсы могут запрашивать данные из разных типов контента и создавать их совершенно уникальными способами для отображения страниц в зависимости от платформы.
Если вам нужно внести изменения в будущем, например добавить новый метатег SEO, вы можете обновить тип контента, чтобы создать необходимое поле для каждого соответствующего элемента в вашей базе данных.
Как определить SEO-требования
Хорошей практикой является определение требований SEO для безголовой CMS до того, как вы слишком углубитесь в разработку, чтобы ваши разработчики знали, что им нужно реализовать.
Некоторые элементы, которые следует учитывать, включают:
- URL-слаг (который может быть ключевым словом для каждой страницы)
- Метаданные (например, теги «название», «описание» и «ключевые слова»)
- Канонический тег (для предотвращения штрафов за дублирование контента)
- Метатег robots (для предотвращения нежелательного сканирования страниц)
Вы также можете создавать поля для некоторых более современных методов и проверок конкретных служб, которые помогают поддерживать SEO:
- Микроданные, микроформаты и разметка Schema.org
- Теги проверки для Google Analytics, Search Console и Bing Webmaster Tools
- Разметка для предварительного просмотра в социальных сетях (например, Twitter Cards)
Опять же, все это влияет на то, как ваш контент будет найден и как он будет отображаться на разных платформах — в данном случае на сторонних веб-сайтах и в приложениях — поэтому включение этих полей поможет вам контролировать то, как люди видят ваш контент, независимо от того, где они его находят. Это.
Сколько типов контента мне нужно?
Решение о том, сколько типов контента использовать, является одним из важных вопросов при переходе на безголовую CMS, и ответ заключается в том, что это зависит от того, чего вы пытаетесь достичь.
Для наилучшей эффективности SEO вы должны определить поля, которые охватывают каждый отдельный параметр. Например, у вас может быть поле для метатега robots follow/nofollow и отдельное поле для robots index/noindex.
Ограничения и требования
Безголовые CMS, такие как Contentful, также позволяют вам устанавливать ограничения на количество символов в полях, поэтому вы можете хранить теги заголовков и другие метаданные в пределах определенного количества символов.
Наконец, вы можете сделать поля обязательными и уникальными, поэтому, если метаданные скопированы с другой страницы или полностью отсутствуют, редактор получит сообщение об ошибке и сможет внести необходимые исправления.
Делаете ли вы это, используя несколько полей в одном типе контента, или используете отдельные типы контента для еще большей гибкости на стороне рендеринга, частично зависит от того, какие возможности вам нужны для поддержки данных, а частично — от личных предпочтений.
Собираем это вместе
Вы можете думать об этом как о строительстве колодца желаний. Чем крупнее кирпичи, тем быстрее и проще будет строительство. Но чем мельче кирпичи, тем более совершенной будет круглая форма.
«Правильное количество» типов контента должно быть золотым компромиссом, который лучше всего подходит для вас, чтобы вы могли создать веб-сайт, который хотите, без ощущения, что вы редактируете каждый абзац, заголовок и метатег по отдельности.
Что с фронтендом?
Так же, как есть несколько популярных безголовых бэкэндов CMS, есть также несколько отличных интерфейсных фреймворков на выбор.
Двумя из лучших являются React и Vue, и эти современные фреймворки, опять же, были разработаны для эффективной работы, быстрой загрузки контента и обеспечения наилучшего пользовательского опыта для посетителей вашего сайта.
Не забудьте принять во внимание технические соображения. Например, предварительный рендеринг вашего контента может обеспечить его полную видимость для сканеров поисковых систем, которые могут не «увидеть» контент, если он отображается на стороне клиента с помощью JavaScript.
Заключительные соображения
После того, как ваша безголовая CMS будет внедрена, убедитесь, что вы прошли надлежащий аудит у авторитетных веб-разработчиков и особенно у экспертов по SEO, чтобы убедиться, что вы не упустили технические детали, которые могут повлиять на ваш поисковый рейтинг.
Примером этого, довольно распространенным для API, является распространение динамических URL-адресов для таких вещей, как категории электронной торговли, разные размеры и цвета продукта и разбиение результатов на страницы.
Делая все эти URL-адреса видимыми для роботов поисковых систем, вы рискуете израсходовать их краулинговый бюджет, прежде чем они найдут более ценный статический URL-контент на вашем сайте.
[Пример успеха] Управление сканированием ботов Google
Читать тематическое исследованиеПоощряйте своих разработчиков внедрять статические URL-адреса, где это возможно, и используйте метатеги robots, реализованные в вашей автономной CMS, чтобы заблокировать доступ сканера к нежелательным динамическим страницам.
Смотря вперед
Принимая во внимание все вышеперечисленное, вы можете создавать сложные и всеобъемлющие базы данных веб-сайтов, которые могут обслуживать настольные сайты, мобильные сайты и приложения, умные колонки, чат-боты с искусственным интеллектом, информационные экраны в магазине и многие, многие другие типы устройств через интерфейс. Интернет вещей.
Будущие разработки могут привести к мгновенным обновлениям на множестве различных устройств и платформ, для которых вы публикуете данные, что обеспечит более быструю и положительную отдачу от инвестиций в ваши SEO и контент-кампании.
И так же, как разделение контента и дизайна, которое появилось с каскадными таблицами стилей (CSS) в начале 2000-х годов, безголовая CMS дает вам более детальный способ определения, редактирования и отображения вашего контента, помогая вам достичь ваших целей SEO и электронной коммерции в более управляемый способ создания базы данных на месяцы и годы вперед.