Si vous cherchez un CMS pour créer votre site web, Webflow est l'un des meilleurs choix. En plus de permettre une grande flexibilité dans la conception de votre site web, il offre également de nombreuses fonctionnalités pour optimiser votre référencement naturel. Dans cet article, nous vous présenterons le guide ultime du SEO pour Webflow, en vous donnant des astuces et des conseils pour améliorer votre classement dans les moteurs de recherche.

‍

‍

Webflow est-il bon pour le SEO ?

Oui, Webflow est un excellent CMS pour les créateurs de sites web et offre de nombreuses fonctionnalités pour optimiser le SEO. En effet, la plateforme offre des fonctionnalités pour ajouter facilement des balises de titre (Title-tag), des méta-descriptions, des balises d'en-tête, la possibilité de personnaliser facilement vos URL pour les moteurs de recherche, etc. Avec Webflow, vous avez la possibilité de faire grossir votre site web rapidement en ajoutant des collections CMS (content management system), nous allons aborder ce sujet plus en détail dans cet article de blog.

‍

‍

Comment créer un site Webflow avec un référencement naturel optimisé ?

Si vous voulez créer un site Webflow avec un référencement naturel optimisé, voici quelques astuces et conseils à suivre :

‍

1. Optimiser vos Title-tag sur Webflow pour le SEO

Les balises de titre sont importantes pour le référencement naturel, car elles indiquent aux moteurs de recherche le contenu de chaque page, c'est la première chose que les visiteurs voient de votre site dans les résultats de recherche. Il est important de bien les optimiser pour les rendre pertinentes et accrocheuses. Votre balise de titre doit être descriptive et courte, aux alentours de 50 à 60 caractères. Incorporer le mot clé cible de votre page dans cette dernière est l'un des premiers must-have du SEO.

Pour personnaliser le title tag de votre page sur Webflow, cliquez sur les paramètres de la page dont vous souhaitez modifier la balise de titre, puis dans la partie "seo technique" vous pourrez modifier votre title tag.

‍

‍

2. Optimiser vos Meta-descriptions sur Webflow pour le SEO

La méta-description est un élément clé du référencement naturel, car elle fournit une description courte et informative du contenu de votre page. Sur Webflow, vous pouvez facilement ajouter des méta-descriptions en utilisant le paramètre de vos pages, utilisez exactement le même procédé que votre balise de titre. Idéalement, votre méta-description doit faire entre 50 et 160 caractères.

‍

3. Comment ajouter un Title-tag sur une page collection CMS

Pour ajouter un title-tag sur une page collection CMS, rendez-vous d'abord dans les paramètres de votre collection CMS, prenons une collection blog post pour l'exemple. Dans les paramètres de cette dernière, créez deux champs de texte, un pour votre balise de titre, l'autre pour votre meta description.

‍

‍

Ensuite, ouvrez les paramètres de votre page dynamique blog post, vous avez simplement besoin de cliquer sur "add field" et vous lier votre champ title tag et votre meta description. Comme sur l'image ci-dessous.

‍

‍

4. Open-graph settings sur votre site Webflow

Les Open Graph tags sont utilisés pour fournir des informations supplémentaires aux moteurs de recherche et surtout aux réseaux sociaux. C'est le contenu qui apparait lorsque vous partagez un article sur Twitter ou encore Linkedin. Vous pouvez modifier les paramètres de votre open graph dans votre panneau de page, juste en dessous de votre meta description.

‍

‍

Ici, nous vous conseillons simplement de garder les mêmes paramètres que votre title tag et meta description, en revanche, vous pouvez venir ajouter l'image qui apparaîtra lorsque votre article sera partagé.

Pour ça, rendez-vous dans vos images sur Webflow, copier le lien de l'image que vous souhaitez afficher et copier le lien dans l'open graph image URL.

‍

‍

5. Garder les URLs de votre site web court

Il est important de garder les URLs de votre site web court et SEO friendly pour les moteurs de recherche. Sur Webflow, vous avez surement remarqué que lorsque vous créez le titre d'une page ou d'un nouvel item CMS, l'URL est généré automatiquement.

‍

‍

Ce n'est forcément une bonne chose, car les Urls court ou tendance à mieux se positionner que les URLs long. De plus un URL court est nettement plus facile à lire et à se souvenir. Si vous vous posez la question, sachez que nos sources viennent de backlinko. 😉

Attention ⚠️ : Assurez-vous d'effectuer une redirection si vous modifiez un URL déjà publié ...

‍

6. Éviter le contenu dupliqué sur votre site web

Le contenu dupliqué peut nuire à votre référencement naturel, car il est considéré comme du spam par les moteurs de recherche. Il est important d'éviter le contenu dupliqué sur votre site web. Évitez de copier le contenu d'autres sites Web ou de créer des pages avec un contenu similaire.

‍

7. Ajout des ALT text sur les images

L'ajout de textes alternatifs (ALT) aux images de votre site Webflow est important pour aider les moteurs de recherche à comprendre le contenu de l'image. Les ALT text doivent être descriptifs et inclure vos mots clés principaux. De plus, si le navigateur ne parvient pas à charger vos images, le Alt text de celle-ci s'affichera à sa place.

Exemple :

• N'écrivez pas : "Image de l'article de blog"
• Écrivez plutôt : "Homme regardant un ordinateur dans un café" (décrivez le contenu de l'image)

Pour ajouter des ALT texte à vos images statiques sur Webflow, allez dans les paramètres de votre image dans le panneau de gauche.

Notre conseil pour améliorer vos process est de personnaliser les Alt text directement dans le panneau de vos assets Webflow. Car si vous avez besoin de dupliquer une image plusieurs fois sur votre  site web, vous n'aurez pas à le re-rédiger à chaque fois.

‍

‍

En ajoutant simplement les Alt tag de vos images vous pouvez améliorer votre référencement (SEO), donc vous savez ce qu'il vous reste à faire ! Si certaines de vos images sont là uniquement dans le but de décorer, vous pouvez sélectionner "decorative" dans le designer Webflow.

‍

8. Vérifier votre structure de titres | Headings structure Webflow

La structure de titres de votre site Webflow est importante pour aider les utilisateurs et les moteurs de recherche à comprendre la hiérarchie de votre contenu. Votre heading 2 doit être un sous sujet de votre heading 1, etc. Assurez vous également d'avoir uniquement un titre h1 par page.

Dans Webflow, vérifier vos messages d'erreur avant de publier, il se peut que vous n'ayez pas respecté la hiérarchie des headings. Ne passez jamais à un titre H4 après un titre H2 dans vos articles de blog ou vos pages. Éviter de sauter des niveaux ! 😉

‍

‍

Comment indexer son site Webflow ? - Paramètre Webflow SEO

Global canonical tags de votre site web

Les balises canoniques globales sont un élément clé pour le référencement de votre site Webflow. Elles permettent aux moteurs de recherche de comprendre quelle page est la version principale de votre contenu, en cas de duplication de contenu.

Les balises canoniques globales sont faciles à ajouter dans Webflow. Pour ajouter une balise canonique globale à votre site Webflow, vous devez vous rendre dans l'onglet "SEO" des paramètres de votre projet. Ensuite, vous devez ajouter l'URL canonique de votre page principale dans le champ prévu à cet effet.

Comment ? En ajoutant l'URL de votre site web, tout simplement. Ensuite, sauvegardez et publiez votre site web.

‍

‍

Ajouter votre site webflow à la Google Search Console

Pour indexer votre site, vous avez besoin de vous connecter à votre compte Google search console. Vous avez 2 possibilités pour connecter votre site web.

• Avec votre nom de domaine
• Avec l'url de votre site

Après avoir suivi les instructions de Google, choisissez l'option balise html et copiez le code de vérification qui s'affiche dans les paramètres de votre projet Webflow dans l'onglet SEO (voir image ci-dessous).

‍

‍

Ensuite, cliquez sur enregistrer les modifications puis sur publier en haut à droite de l'écran.

‍

‍

Une fois que votre site est publié, retournez sur la Google search console et cliquez sur vérifier pour envoyer votre site web à Google. Si après toutes ces étapes vous ne voyez toujours pas votre site dans les résultats de recherches, c'est qu'il reste encore une étape. 👇

‍

Comment générer un site-map avec Webflow

Avant de pouvoir parler de référencement, il faudrait déjà indexer votre site sur Google. Vous allez donc venir soumettre le sitemap de votre site Webflow. Ça tombe bien puisque vous pouvez générer un sitemap automatiquement, uniquement en cliquant sur un bouton avec Webflow !

Un sitemap est simplement un page de votre site qui indique aux moteurs de recherche, comme Google, comment crawler votre site web.

‍

‍

Après avoir cliqué sur "Auto generate Sitemap", retournez dans la Google search consol. Sur la gauche, cliquez sur sitemap puis ajoutez ce dernier en ajoutant : sitemap.xml

Comme sur l'exemple ci-dessous :

‍

‍

Une fois votre sitemap soumit, vos futures pages seront automatiquement mises à jour sur Google.

‍

Effectuer vos redirections en cas de migration de votre site internet

Lorsque vous effectuez une migration depuis une autre plateforme (WordPress) vers Webflow, assurez-vous de nommer vos URL de la même manière que sur votre site précédent pour éviter les liens cassés. Cela évitera à Google de rediriger vos visiteurs vers la page 404.

Sinon, vous pouvez aussi effectuer des redirections 301 directement dans les paramètres de publication votre projet Webflow.

Copier coller le fragment de votre ancien URL et le nouveau comme sur l'image ci-dessous.

‍

‍

‍

Assurez-vous qu'un certificat SSL valide est installé pour votre Webflow CMS

La sécurité est un élément crucial pour le référencement. Google souhaite offrir la meilleure expérience utilisateur possible, donc il privilégie les sites sécurisés. Sans sécurité et certificat SSL, votre site ne sera pas classé par Google.

Le certificat SSL assure la confidentialité des visiteurs de votre site en cryptant l'échange de données entre votre site et les navigateurs des utilisateurs. Les sites avec un certificat SSL valide ont un HTTPS dans leur URL au lieu d'un HTTP. Si vous voyez un petit cadenas au début de votre url vous êtes au top !👍

Avec Webflow ne vous souciez pas de votre certificat SSL, il est délivré automatiquement pour chaque offre d'hébergement.

‍

‍

‍

Stratégies avancées de référencement pour les sites Webflow

Les stratégies avancées de référencement pour les sites Webflow impliquent une recherche de mots-clés approfondie et l'utilisation d'outils de recherche de mots-clés pour trouver des termes et des phrases pertinents pour votre site Webflow. Il est important également de connaitre votre cible et d'effectuer une analyse concurrentielle.

‍

Recherche de mots-clés pour votre site web

La recherche de mots-clés est une étape essentielle dans le processus de référencement, car elle vous permet de comprendre ce que vos clients recherchent et comment vous pouvez les atteindre.

‍

Utiliser des outils SEO de recherche de mots clés

Utilisez des outils SEO pour vous aider à trouver les meilleurs mots-clés pour votre site web. Les outils de recherche de mots-clés tels que SEMrush, SERanking, Google Keyword Planner et Moz Keyword Explorer sont quelques-uns des outils populaires que vous pouvez utiliser pour trouver des mots-clés pertinents.

‍

‍

Optimiser votre site Webflow pour les core web vitals Google

Google a récemment introduit les Core Web Vitals en tant que facteurs de classement pour les résultats de recherche. Avoir une bonne expérience utilisateur sur votre site web est donc un must-have ! C'est le meilleur moyen d'améliorer votre SEO facilement. Avoir un bonne UX indique à Google que votre site est utile, fonctionnel et pertinent pour vos visiteurs.

‍

‍

Comment améliorer la vitesse de chargement de votre site Webflow ?

La vitesse de chargement est l'un des principaux facteurs de classement pour Google. Pour améliorer la vitesse de chargement de votre site Webflow, vous pouvez suivre nos indications suivantes.

‍

LCP et FID | Core web vital SEO

LCP (Largest Contentful Paint) et FID (First Input Delay) sont deux des mesures clés des Core Web Vitals. LCP mesure le temps qu'il faut pour afficher le contenu le plus important d'une page, tandis que FID mesure le temps de réponse d'un site lorsqu'un utilisateur effectue une action. Pour améliorer LCP et FID sur votre site Webflow, vous pouvez :

‍

‍

1. Optimiser les polices de votre site Webflow

Arrêter d'utiliser l'api de Google font. Comment ? Si vous souhaitez utiliser une police de Google, rendez-vous sur le site de Google font, téléchargez vos polices puis hébergez-les sur Webflow. Vous pouvez également compresser vos fonts au format WOFF2 avec des sites web comme cloud converter.

‍

‍

2. Supprimer les interactions Webflow inutilisées

Supprimer toutes les interactions inutilisées de votre projet peut vous permettre d'améliorer les performances de votre site et par la même occasion votre SEO.

‍

3. Minimiser le code de votre site généré par Webflow pour améliorer votre SEO

Dans la partie général de vos paramètres, scrollez jusqu'aux options avancées de publication. Ensuite cochez toutes les cases pour minimiser le code de votre site.

‍

‍

4. Utiliser un maximum d'animations CSS plutôt que JavaScript

Les animations Javascript No-code que propose Webflow sont un vrai bonheur à utiliser, mais n'oubliez pas que certaines animations plus simples sont réalisables en CSS. Si vous utilisez trop d'interaction JavaScript, vous allez grandement ralentir la vitesse de chargement de votre site web, et donc impacter votre SEO.

‍

5. Supprimer le JavaScript inutilisé améliore votre SEO

Laissez l'intégration d'une vieille pop-up ou d'un widget inutilisé depuis des mois ne va pas apporter grand chose ... Supprimez tout le custom JavaScript que vous n'utilisez plus.

‍

6. Réduire la taille des images de votre site web

Faite en sorte que vous en image se charge en "lazy". Pour réaliser cela sur Webflow, cliquez sur votre image et dans les paramètres de celle-ci, sélectionnez lazy load. Pensez également à indiquer au navigateur la taille de vos images correctement.

‍

7. Réduire votre CLS - (Cumulative Layout Shift)

Lorsqu'il s'agit de l'optimisation de votre site Webflow pour les core web vitals de Google, il est important de prêter attention à votre CLS (Cumulative Layout Shift). Le CLS mesure la stabilité visuelle de votre site en surveillant la quantité de décalage de la mise en page qui se produit lorsque l'utilisateur interagit avec votre site.

Un CLS élevé peut causer une expérience utilisateur frustrante et peut affecter négativement votre SEO.

‍

‍

Penser Accessibilité pour votre site web avec Webflow

Rendre votre site web accessible par tous améliorera votre référencement dans les moteurs de recherches.

‍

Développer votre site web responsive sous Webflow

Pour assurer l'accessibilité de votre site web, vous pouvez commencer par développer un site Webflow responsive. Cela signifie que votre site sera accessible et facile à utiliser sur une variété de tailles d'écran, comme sur un ordinateur, une tablette et un téléphone. Cela améliore non seulement l'expérience utilisateur, mais cela peut également améliorer le SEO de votre site.

‍

Avoir une Typographie lisible et accessible dans les moteurs de recherche

Une autre façon d'améliorer l'accessibilité de votre site web est de choisir une typographie lisible et accessible pour les moteurs de recherche. Les polices trop petites ou difficiles à lire peuvent dissuader les visiteurs de rester sur votre site, ce qui peut avoir un impact sur votre référencement. Choisissez donc des polices claires et lisibles pour votre contenu, afin de rendre votre site facilement accessible pour tous.

‍

Créez une structure de site optimisée pour le SEO

En outre, il est important de créer une structure de site optimisée pour le référencement. Une structure de site bien pensée peut aider les moteurs de recherche à comprendre l'organisation de votre site et à indexer plus facilement vos pages. Cela peut également aider les visiteurs à trouver plus facilement ce qu'ils cherchent sur votre site, améliorant ainsi leur expérience utilisateur.

‍

‍

Site web multilingue

Si vous avez des visiteurs qui parlent des langues différentes, il est important de proposer un site Webflow multilingue. Cela permettra à un plus grand nombre de personnes de comprendre votre contenu, augmentant ainsi votre audience et améliorant votre SEO. En offrant une version de votre site Webflow dans différentes langues, vous pouvez également renforcer votre marque et offrir une meilleure expérience utilisateur pour vos visiteurs étrangers.

‍

Utiliser les bonnes balises HTML sémantiques

Sur Webflow, lorsque vous sélectionnez un élément et que vous vous rendez dans ces paramètres, vous avez la possibilité de personnaliser le html tag. Les tags html aident les moteur de recherche à comprendre et interpréter votre contenu.

‍

‍

Ajouter votre site internet à Google my business

Ajoutez votre site internet à Google My Business est une étape cruciale pour améliorer votre référencement local sur Webflow. Google My Business permet aux propriétaires d'entreprise de gérer leur présence en ligne sur Google, y compris sur Google Maps et la recherche locale.

Pour ajouter votre site Webflow à Google My Business, vous devez d'abord vous inscrire sur la plateforme. Créez un compte et réclamez votre fiche d'entreprise. Vous devrez fournir des informations telles que l'adresse de votre entreprise, votre numéro de téléphone et votre site Webflow.

‍

‍

Lorsque vous avez créé votre profil, assurez-vous de l'optimiser en incluant des informations précises sur votre entreprise, telles que votre nom, vos horaires d'ouverture et votre description. Utilisez également des mots-clés pertinents pour votre secteur d'activité pour améliorer la pertinence de votre profil pour les recherches locales.

Enfin, gardez votre profil Google My Business à jour en répondant aux avis des clients, en téléchargeant des photos et en publiant des mises à jour régulières. Cela aidera à renforcer votre présence en ligne et à améliorer votre référencement local sur Webflow.

‍

‍

Webflow seo | FAQs

‍

Combien coûte Webflow ?

Le prix des hébergements et Workpsace Webflow a été mis à jour en octobre 2022. Vous pouvez lire l'article où l'on détaille toutes les différentes offres et prix de Webflow.

‍

Comment fonctionne Webflow ?

Webflow est un CMS et un outil de développement visuel qui permet de créer des sites web, sans avoir besoin de coder la couche html, Css. Il permet également d'ajouter des fonctionnalités avancées telles que des animations et des interactions JavaScript sans une ligne de code.

‍

Webflow est-il meilleur que Wordpress pour le SEO

Webflow et WordPress sont tous deux des CMS qui peuvent être optimisés pour le SEO. Toutefois, Webflow est généralement considéré comme étant plus SEO friendly, notamment en termes de vitesse de chargement des pages, ou encore de part le code que celui-ci génère qui est très clean.

‍

Quelles sont les entreprises qui utilisent Webflow ?

Des entreprises telles que Zestful, Dell, Zendesk, Upwork, HelloSign, Petal, Bolt Travel, Bonsai, Wetransfer, Lattice, et Turtle ont construit leur site en utilisant Webflow.

‍

Comment faire un site sur Webflow ?

Pour créer un site sur Webflow, vous pouvez suivre ces étapes ou contacter notre agence webflow :

1. Inscrivez-vous sur le site web de Webflow et créez un compte.
2. Créez un nouveau projet en cliquant sur "New project" et choisissez un template ou créez une page blanche.
3. Ajoutez des éléments à votre page, tels que des sections, des blocs de texte, des images, des formulaires, etc. Utilisez la barre d'outils située en haut de l'écran pour ajouter ou modifier des éléments.
4. Personnalisez votre site en utilisant les outils de design de Webflow, tels que les options de couleur, de police, de taille et de style.
5. Ajoutez des interactions et des animations à votre site pour améliorer l'expérience utilisateur.
6. Optimisez votre site pour le référencement en ajoutant des balises méta, des titres et des descriptions pour chaque page, en utilisant des mots-clés pertinents et en créant une structure de site cohérente.
7. Publiez votre site en utilisant l'option "Publish" dans le menu en haut à droite de l'écran. Vous pouvez également connecter votre site à un nom de domaine personnalisé si vous le souhaitez.

En suivant ces étapes, vous pouvez créer un site Webflow en peu de temps et commencer à vous concentrer sur l'optimisation pour le référencement et l'amélioration de l'expérience utilisateur.

‍

Comment apprendre Webflow

Si vous êtes débutant et que vous voulez apprendre à utiliser Webflow pour créer votre site web, il existe plusieurs ressources en ligne disponibles pour vous aider. On a écrit un article sur le sujet on vous laisse checker ça !

Mais dites vous bien que la meilleure façon d'apprendre Webflow est de s'y plonger et de pratiquer. Utilisez les ressources disponibles pour vous aider à apprendre les bases, puis commencez à créer votre propre site web.

‍

Conclusion | SEO Webflow

Webflow est un excellent choix pour les personnes qui souhaitent créer des sites Web élégants, modernes et bien optimisés pour les moteurs de recherche. Avec des fonctionnalités avancées telles que des outils SEO intégrés, des options de personnalisation et une assistance pour la mise en œuvre des Core Web Vitals, Webflow est un CMS facile à utiliser pour les propriétaires de sites web. Bien que cela nécessite un peu de temps et d'efforts pour s'y habituer, il est facile de voir pourquoi de plus en plus de personnes se tournent vers Webflow pour leurs besoins de conception web. Alors, si vous voulez un site web qui impressionnera non seulement vos visiteurs, mais aussi les moteurs de recherche, Webflow est un excellent choix.

Si vous êtes arrivé jusque-là et que vous voulez vous retrouver en haut des SERPs Google, contactez-nous, l'équipe de notre agence Webflow sera ravie de vous donner des petits conseils pratiques et actionnables !

‍