Les avantages stratégiques de la conception Web sans tête –

Cet article a été créé en partenariat avec Duda . Merci de soutenir les partenaires qui rendent SitePoint possible.

Le dernier rapport de Kentico sur l'état du CMS sans tête affirme que le concept du système de gestion de contenu sans tête est «en train de devenir l'industrie». En fait, d'après le rapport, le nombre de CMS sans tête sera doublé d'ici cet été.

Mais qu'est-ce que cela signifie même?

Si vous utilisez actuellement un système traditionnel Des CMS tels que WordPress, Drupal ou Joomla pour vos besoins en développement Web, vous n’avez probablement jamais entendu parler d’un CMS sans tête. Mais ce que vous savez peut-être, c’est que vous voulez créer un site Web unique en son genre pour votre agence en pleine croissance, capable de s’adapter aisément, et que le marketing de votre marque sur plusieurs canaux est indispensable si vous le souhaitez. pour vaincre la concurrence.

Dans cet article, nous allons vous expliquer en quoi consiste la tendance des systèmes de gestion de contenu sans tête et comment l'utilisation de cette approche basée sur l'API pour concevoir et déployer le site Web de votre entreprise peut vous aider à progresser.

Alors, commençons.

Qu'est-ce qu'un CMS sans tête?

Pour mieux comprendre ce qu'est un CMS sans tête, comparons un CMS traditionnel (ou «monolithique», comme Le développeur Bret Cameron aime l'appeler ), un système de gestion de contenu découplé et un système de gestion de contenu sans tête.

CMS traditionnel

Les plates-formes CMS traditionnelles telles que WordPress relient la partie avant de votre site Web, appelée la tête . à l'arrière de votre site, où tous vos fichiers de contenu et bases de données sont re stocké. Le responsable du système de gestion de contenu est strictement responsable de la présentation de votre site Web aux visiteurs du site lorsqu'ils cliquent sur votre site. Le back-end, quant à lui, stocke non seulement le contenu, mais également les applications de conception et de personnalisation de site Web, la création de contenu et la gestion des fonctionnalités du site.

Jumelés, comme ils le sont traditionnellement, La partie back-end du site Web repose sur la tête du CMS pour afficher le contenu stocké sur les appareils aux utilisateurs.

CMS découplé

Avec une architecture CMS découplée, la partie tête et l'arrière du site sont divisées. en deux systèmes distincts. Un système est responsable de la création et du stockage du contenu, et l'autre est responsable de la présentation des données aux utilisateurs via une interface, telle qu'un site Web, une application mobile, une smartwatch, etc.

Lorsque le contenu est créé sur votre site Web à l'aide d'une interface sans tête. CMS, une API RESTful permet de connecter le serveur principal à la tête, de sorte que le contenu puisse facilement être transmis aux utilisateurs de tout périphérique ou canal.

Une API RESTful est un type d'interface d'application utilisant des requêtes HTTP à GET, POST. , PUT et DELETE les données demandées par les utilisateurs. Il permet plusieurs formats de données tels que JSON, HTML, XML et texte brut. C'est finalement ce qui relie le client et le serveur dans un CMS découplé, permettant à votre site de s'échelonner à l'infini et de diffuser le contenu à n'importe qui sur n'importe quel appareil.

CMS sans tête

Un véritable CMS sans tête élimine la partie tête. tout à fait, ne laissant que l'arrière. En d’autres termes, il n’existe pas de système dédié à la présentation frontale. Et si vous vous demandez peut-être si ce type de structure peut être désavantageux, c'est en fait le meilleur moyen d'afficher du contenu aux visiteurs de votre site sur tous les appareils et toutes les interfaces, ce qui permet à votre agence de se positionner au mieux.

une simple description de son fonctionnement:

• Les propriétaires de sites Web créent du contenu ( souvent par petits blocs ) dans le CMS sans tête, sans se soucier de la façon dont il sera affiché par les utilisateurs. Ils stockent et gèrent également ce contenu ici.
• Une API connecte le back-end à de nombreux canaux différents et aux différents moteurs qui alimentent leur front-end.
• Le canal ou le périphérique affiche le contenu de votre site.

le contenu s'affichera sur les différents canaux et les différents appareils dépendront des frameworks et des outils utilisés par vos développeurs front-end pour jouer le rôle de «tête» de votre CMS sans tête.

Il est donc plus facile d'intégrer avec davantage de frontaux, plus de manière évolutive et sans risque de casse. De quelle façon précisément? Plongez un peu plus loin.

Les avantages d’un système de gestion de contenu sans tête

Les API fonctionnent avec un système de gestion de mémoire sans tête pour:

• Réduire la tension . L’utilisation d’un CMS sans tête, qui stocke le contenu dans un référentiel cloud, par opposition à un serveur, optimisera la bande passante, économisera les ressources et réduira la pression sur les sites Web de vos clients.
• Gérer et stocker le contenu . Avec un CMS sans tête, tout le contenu, y compris le texte écrit et les images, est stocké dans le back-end de la base de données. Avec un CMS traditionnel, le contenu est non seulement stocké et géré ici, mais le sont également les modèles frontaux, les CSS et les plug-ins pour les fonctionnalités frontales. En séparant le serveur principal du client, vous pouvez mettre à niveau et personnaliser votre site Web sans compromettre la vitesse ou les performances du site, car tout ce dont votre client a besoin, c'est de la gestion et du stockage du contenu.
• Intégrations tierces . Un CMS sans tête vous donne la possibilité d'utiliser des systèmes tiers pour déclencher, écrire et lire du contenu pour vous, ce qui rend le développement moins perturbant. Il offre également aux développeurs la possibilité d'utiliser le framework frontal qu'ils préfèrent pour afficher le contenu de leur site, en se concentrant davantage sur la création de contenu et moins sur la gestion de contenu.

Enfin, un CMS sans tête protège votre site, votre société et le contenu de votre site Web. les avancées technologiques futures. Après tout, les plates-formes et les technologies évoluent constamment, ce qui rend difficile le suivi de celui-ci.

Par exemple, pensez à tous les problèmes que ceux qui n'ont pas créé de sites Web réactifs avaient lorsque la convivialité pour les mobiles était devenue une nécessité. Partout dans le monde, quel que soit le niveau de son implantation et de son succès à l’époque, il a fallu tout changer pour offrir une expérience mobile sans faille.

Les tendances – artificielles – ne sont pas sans fin. de l'intelligence à la réalité augmentée, aux assistants vocaux – qui ont le pouvoir de changer la façon dont vous construisez et diffusez des expériences de contenu numérique. Les plates-formes CMS traditionnelles ont été conçues pour la publication de sites Web. Ils n'étaient pas conçus pour les listes de produits de médias sociaux, les applications de veille intelligente ou les enceintes parlantes.

Ainsi, lorsque la version est découplée de la livraison, vous êtes dans la meilleure position possible pour expérimenter de nouveaux canaux et formats de manière agile. . Et c’est là un aspect essentiel de la proposition de valeur de tout organisme.

Si vous tirez parti de l’approche de CMS sans tête et utilisez des API pour diffuser votre contenu là où il doit faire surface, peu importe les changements. En effet, tant qu'un front-office alimenté par API peut être créé, le contenu de votre client peut être configuré pour être restitué correctement.

Limitations du CMS sans tête

Même s'il peut sembler qu'un CMS sans tête constitue la réponse à tout votre site Web problèmes, sachez que certains inconvénients empêchent les utilisateurs traditionnels du CMS d’effectuer le changement:

• Limited Editing UI . Comparés aux systèmes de gestion de contenu traditionnels, les systèmes de gestion de contenu sans tête manquent généralement de la flexibilité sur laquelle les gestionnaires de contenu s'appuient généralement pour optimiser le contenu pour des utilisations frontales spécifiques. Si vous devez utiliser votre CMS pour créer des pages de destination ou même des présentations de page d'article, l'absence d'un bouton "Aperçu" peut être un problème. Il n’existe aucun éditeur de page WYSIWYG sur ces plates-formes, car l’intérêt de ne pas perdre la tête est de ne pas restituer le code HTML, ce qui complique la conception d’expériences de contenu spécifiques à un support.
• Manque de fonctions intégrées . Boris Kraft, CTO et cofondateur de Magnolia CMS, rappelle aux gens qu'un CMS traditionnel comportera généralement des fonctionnalités telles que «la gestion des actifs, la navigation, la sécurité, le workflow, le contrôle d'accès, la mise en cache, la catégorisation et la gestion des liens. "En fait, il ajoute que si un CMS sans tête offre plus de flexibilité aux entreprises, beaucoup se perdent souvent dans le battage médiatique et oublient que" je dois écrire, déboguer et entretenir tout ce dont j'ai besoin "avec une solution de CMS sans tête. .

Bien qu'aucune solution CMS ne satisfasse à tous les besoins il convient de noter que l'approche CMS sans tête peut être bénéfique lorsqu'elle est utilisée dans une situation hybride.

En fait, si vous utilisez une solution comme Duda une plate-forme de conception de sites Web de premier plan pour les entreprises fournissant des services de conception de sites Web à des tiers, et qui tire parti des API pour diffuser du contenu et gérer la structure et la présentation de votre site sur plusieurs canaux. Vous pouvez obtenir le meilleur des deux mal

Utilisation de Duda pour la création de sites Web basée sur des API

Duda est aujourd'hui connu pour son puissant constructeur de sites Web, doté de outils de collaboration en équipe et de gestion de clients, permettant aux concepteurs et aux développeurs d'agences de créer des Des sites Web réactifs à la portée de leurs clients.

Il a été conçu pour fonctionner avec une vitesse d’éclairage rapide (conforme aux meilleures pratiques de Google PageSpeed), est convivial pour la SEO, et comprend un hébergement sécurisé en nuage utilisant l’infrastructure réputée d’Amazon Web. Services.

Mais plus que cela, Duda offre aux professionnels de l’agence des modèles prédéfinis personnalisables, réactifs, pour un développement plus rapide de sites Web, la possibilité de diffuser instantanément du contenu dynamique sur tous les types d’appareils à l’aide d’un CDN global, supports de vente et création de pages de destination, autant d'éléments indispensables à la création d'une agence performante.

Cela dit, la librairie de contenu de Duda est la fonctionnalité à privilégier pour la création de sites utilisant des API.

La bibliothèque de contenu de Duda est une plate-forme centrale pour stocker toutes les informations de votre client: nom, email, adresse, numéro de téléphone, heures d’entreprise, images, blocs de texte, etc. Vous pouvez saisir manuellement les informations sur le client ou les importer à l'aide de l'outil exclusif Duda Content Importer, qui simplifie l'extraction des informations sur les clients à partir de sites Web existants.

Mais plus encore, la bibliothèque de contenu vous permet de mapper et de vous connecter à des éléments de site tels que des widgets. des pieds de page, des méta-titres et même des articles, de sorte que toutes les modifications apportées dans la bibliothèque de contenu se mettent automatiquement à jour de manière globale et dynamique sur les sites de vos clients. Cela évite d'avoir à modifier manuellement tous les éléments du site lorsqu'un changement doit être effectué.

Bibliothèque de contenu avancée de Duda sur Vimeo .

Grâce à la bibliothèque de contenu, vous pouvez également vous connecter à des ensembles de données structurés externes, tels que des CRM ou bases de données utilisant l’API de Duda et tirant parti de la même fonctionnalité push.

Par exemple, si vous utilisez un CRM tel que Salesforce pour stocker toutes les informations commerciales de vos clients – nom de la société, heures de stockage, informations de contact, etc. – manuellement, La mise à jour du CRM et de toutes les pages Web du client demandera beaucoup de temps. Avec la bibliothèque de contenu de Duda, vous pouvez facilement vous connecter à votre CRM afin que vous ne deviez effectuer la mise à jour du client qu’une seule fois. Lorsque la bibliothèque de contenu constate un changement dans les informations client, elle applique automatiquement ces modifications à tous les blocs de contenu ou widgets du site de votre client, ce qui vous évite de devoir le faire.

Un autre cas d'utilisation révolutionnaire est la participation de votre client. une refonte du site. Étant donné que la bibliothèque de contenu stocke non seulement des informations écrites sur vos clients, mais également des images, il vous suffit de modifier un logo sur tout le site d'un site Web. Il suffit de modifier le contenu de votre bibliothèque de contenu, qu'il soit connecté à un ensemble de données externes via une API ou non.

Il suffit de mettre à jour le logo du client une fois, et celui-ci sera mis à jour partout sur son site instantanément.

Développement des activités de votre agence avec des données connectées

Ce processus La séparation du contenu et de la conception est semblable à ce que fait un CMS sans tête pour les propriétaires de sites Web. L'ajout, la modification ou la suppression de données de contenu ne repose pas sur le CMS (ou dans ce cas sur la plate-forme de développement Duda), mais sur les appels d'API effectués.

Vous n'êtes pas sûr que toute cette cartographie, cette connexion et cette synchronisation sont nécessaires? Découvrez quelques-uns des cas d'utilisation les plus convaincants de ces capacités technologiques pour la croissance des agences de conduite:

• Sites Web instantanés à l'échelle . Les agences de design connaissent parfaitement le temps nécessaire à la création de sites Web pour chaque client. L'utilisation de la bibliothèque de contenu et des données connectées que vous avez saisies sur votre client permet de créer des sites instantanés. Choisissez quelques modèles Duda ou créez le vôtre, sélectionnez des éléments de site et des widgets à inclure, puis transmettez les données de vos clients au site Web en quelques minutes. Bien sûr, vous pouvez effectuer d'autres modifications de conception une fois que cela est fait – même pour CSS et Javascript – mais la création d'un point de départ à partir de poussées de contenu basées sur des API peut vous faire gagner beaucoup de temps.
• Maquettes de pitch de sites Web non publiés . Si votre organisation propose aux clients une option de conception de site de bricolage, vous savez qu'il arrive parfois que des personnes ne parviennent pas à faire vivre leurs sites. C'est en partie parce que la construction d'un site par vous-même est difficile. Et malgré l’attrait du bricolage auprès des clients, l’achèvement du projet peut entraîner beaucoup de frictions. Au lieu de proposer des modèles avec un contenu réservé que vos clients devront compléter eux-mêmes, considérez le pouvoir de leur présenter des maquettes de sites pré-remplis avec leur contenu et leurs détails commerciaux. Si votre organisation a accès à une mine de données relatives à de nombreuses entreprises, vous pouvez même envoyer aux clients des courriels contenant des liens vers des sites préconçus qu'ils peuvent «réclamer» moyennant un prix modique et publier eux-mêmes.
• Facilité de refonte des constructions . La facilité avec laquelle la bibliothèque de contenu met à jour les informations sur l'ensemble du site vous permet de proposer des modifications de conception de site Web à des clients plus anciens. Si votre client a un site obsolète et veut quelque chose de nouveau et de nouveau, économisez du temps et de l’argent (tout en générant des revenus) en utilisant la bibliothèque de contenu et sa capacité de synchronisation pour générer des maquettes instantanées des sites Web de vos clients redémarrés. Vous pouvez leur envoyer des liens vers ces prototypes et leur dire que vous apporterez volontiers les modifications nécessaires et que tout se déroulera en direct en quelques heures. Et toute l'initiative de réengagement des clients peut être entièrement automatisée.

Push That Content

Comme vous pouvez le constater, la création, la maintenance, la mise à jour et la modification d'un site Web à l'aide d'une approche basée sur une API peuvent permettre la création de sites. et mises à jour beaucoup plus faciles que de s’appuyer entièrement sur un CMS traditionnel tel que WordPress.

Et tandis que la créativité nécessaire pour créer un site Web à l’aide d’un éditeur de page d’aperçu en direct manque dans un véritable CMS sans tête, avec une solution telle que Duda qui combine un éditeur WYSIWYG. avec des API riches, les agences sont bien placées pour accélérer rapidement les ventes et le redressement de projet.

Gal Shachar est un concepteur basé à Tel-Aviv qui se spécialise dans l’UX numérique, les médias publicitaires et la stratégie de marque. Il est actif dans l'industrie depuis 2017, après ses études au Ruppin College. Depuis lors, Gal a travaillé avec de nombreuses marques et entreprises renommées sur la conception de sites Web, la création de logos, l'expérience utilisateur et les campagnes de valorisation de marque. Vous pouvez visiter son site Web ici .