Rédiger un contenu de haute qualité et bien le promouvoir est une excellente stratégie pour développer le trafic de recherche de votre site, en particulier sur une période de 6 à 12 mois ou plus. Cependant, chez DelightChat, nous voulions tenter quelque chose d'audacieux pour voir des résultats plus rapides.
Grâce à une recherche approfondie de mots-clés, nous avions découvert un trésor de plus de 300 mots-clés longue traîne liés à l'expression « meilleures applications Shopify », que nous pensions être recherchés par le public cible de DelightChat : les propriétaires de boutiques e-commerce utilisant la plateforme Shopify.
La méthode habituelle pour répondre à ces mots-clés aurait été de collecter les données, de rédiger le contenu de chaque landing page, et de publier les plus de 300 pages sur plusieurs mois. Cependant, nous voulions avancer vite et trouver un moyen d'exécuter ce projet en 1 semaine. Nous avons conçu un moyen d'exploiter nos capacités d'ingénierie pour explorer internet à la recherche de données brutes, que nous pouvions ensuite catégoriser et étiqueter manuellement, voire réécrire si nécessaire.
Cette méthodologie s'appelle le SEO programmatique, et c'est ainsi que des entreprises comme Tripadvisor, Thomas Cook, Nomad List et d'autres génèrent des milliers de landing pages ciblant des mots-clés longue traîne. Si vous souhaitez en savoir plus, voici une étude de cas détaillée par Marketing Examples.
Le résultat final ? Jetez un œil à la page d'accueil du projet Best Shopify Apps, qui contient les 324 landing pages que nous avons créées dans ce projet.
Pourquoi nous avons choisi Webflow pour ce projet
Le site web DelightChat fonctionne sur Webflow. Bien que notre première idée ait été de créer ce projet de SEO programmatique en utilisant du code, nous avons décidé d'approfondir et de trouver un moyen de le faire avec Webflow.
Il y avait de nombreux avantages à continuer d'utiliser Webflow, mais voici ceux qui m'ont le plus marqué :
- Un design et une expérience cohérents pour les visiteurs du site web
- La possibilité pour notre équipe marketing de modifier le design des pages du projet sans l'aide de l'équipe d'ingénierie
Il s'est avéré que Webflow dispose d'une API CMS puissante et d'une documentation complète facile à parcourir. Nos exigences étaient :
- Créer de nouveaux éléments de collection CMS avec un slug défini
- Ajouter divers contenus comme des champs de texte, du texte enrichi et des images à chaque élément
- Utiliser la fonctionnalité de référence multiple pour connecter deux collections CMS distinctes (pour des raisons expliquées dans la section suivante)
Après une lecture rapide, nous savions que nous pouvions exécuter le projet parfaitement avec Webflow.
Structurer précisément la collection CMS pour notre projet
Avant de pouvoir envoyer des données à Webflow, nous devions d'abord créer la bonne structure de collection CMS pour notre projet.
Notre projet comportait deux composants clés :
1. Les applications Shopify individuelles et leurs données associées : « Apps »
2. Les landing pages qui contiendraient une ou plusieurs applications Shopify : « Best Shopify Apps »
Stocker les informations sur chaque application et les landing pages dans une seule collection s'est avéré fastidieux.
Heureusement, le CMS de Webflow dispose d'un élément appelé champ de référence multiple, qui vous permet de référencer rapidement des éléments d'une autre collection CMS et d'afficher toutes ses données au sein de la collection parente.
Nous avons créé 2 collections, que nous avons ensuite pu connecter grâce à la fonctionnalité de champ de référence multiple.
La première collection, appelée Apps, contient toutes les données des applications Shopify individuelles. La deuxième collection, appelée Best Shopify Apps, contient des listicles regroupant plusieurs applications Shopify en référençant la collection Apps.
Générer des pages avec l'API CMS de Webflow
Lire la documentation de l'API CMS était simple et direct. Le code que nous avons utilisé dans notre projet n'est pas très différent des extraits de code d'exemple sur la page de documentation. C'est parce que nous avons copié-collé le code exemple de Webflow et ne l'avons modifié que là où c'était nécessaire. Facile, non ?
Créer un nouvel élément de collection CMS
Nous avons utilisé les extraits de code mentionnés sur la page de documentation de l'API de Webflow, légèrement modifié le code, et avons commencé à créer de nouveaux éléments de collection en un rien de temps.
Le même appel API a été utilisé pour remplir tous les champs de collection dans chaque élément, et nous pouvions envoyer tous types de données, comme un nombre dans le champ « note moyenne » ou du texte dans le champ « description courte ». Télécharger une image est aussi simple que de fournir une URL d'image dans le champ « image de l'application ».
Il était essentiel pour nous de définir le slug pour chaque URL, ce que nous pouvions faire grâce au champ slug de l'API.
Ajouter des éléments de référence multiple dans chaque élément de collection
Comme expliqué précédemment, notre projet comportait deux composants clés. Nous devions les relier à l'aide d'un champ de référence multiple dans les éléments de la collection Best Shopify Apps.
Cela s'est fait très facilement avec l'API. Pour ajouter une référence, il nous suffisait de l'ID unique de l'élément de la collection Apps.
Notre équipe d'ingénierie a noté que l'utilisation de l'API CMS de Webflow était rapide et facile. La documentation complète facilitait la prise en main. Nous pouvions télécharger 8 éléments de collection CMS par seconde, ce qui signifie qu'on peut théoriquement générer 4 800 pages en 10 minutes.
Construire les landing pages dans l'éditeur Webflow
Une fois toutes les données au bon endroit, la construction du design des landing pages a été l'étape la plus simple du processus.
La marketplace Webflow propose des dizaines de modèles de haute qualité, ainsi que d'excellents tutoriels sur la façon de créer des sites web impressionnants avec Webflow. Nous n'approfondirons donc pas la partie design proprement dite.
Cependant, nous allons vous montrer à quel point il était facile de récupérer toutes les données nécessaires sur la page, même les données provenant d'éléments liés dans le champ de référence multiple.
Tout d'abord, nous avons opté pour un design simple qui donnait aux landing pages Best Shopify Apps l'apparence d'articles de blog. Il était facile de remplir la page avec des données provenant des champs de collection. Il suffisait de sélectionner le champ de collection.
Il était tout aussi simple de récupérer les données du champ de référence multiple Linked Apps, qui, dans notre cas, récupérait toutes les données dont nous avions besoin sur chaque application. C'est aussi simple que ça !
Puisque l'objectif principal de notre projet était de se classer sur la recherche Google, il était essentiel de définir le meta titre et la meta description de chaque page de manière à correspondre à l'intention de recherche de l'utilisateur.
Webflow rend cela extrêmement simple en vous permettant de référencer les champs de collection CMS dans les métadonnées. Cela signifie que chaque landing page avait un meta titre et une description uniques. Bazinga !
Un CMS qui prend en charge le SEO programmatique
Notre expérience avec Webflow a été phénoménale. Sans l'API CMS, nous n'aurions pas pu publier plus de 300 pages en seulement 1 semaine. Comme vous le savez peut-être déjà, les pages Webflow sont rapides et optimisées pour le SEO. Cela nous a aidés à atteindre 6 000 impressions de recherche quotidiennes en seulement 6 semaines.
Si vous prévoyez d'exploiter le SEO programmatique et de faire évoluer vos efforts de croissance organique, le CMS de Webflow est une option convaincante.
