Vous vous demandez s’il est possible d’optimiser son site pour les moteurs de recherche avec du No Code ? Eh bien oui, rassurez-vous ! Même si vous n’y connaissez rien ou peu, Webflow peut être réellement optimisé pour le SEO sans toucher au code. Suivez le guide pour savoir comment utiliser les fonctionnalités de référencement de Webflow dans cette perspective.

Tout savoir sur un élément de texte enrichi

La première pratique incontournable est l’obtention d’un élément de texte enrichi. Il s’agit de la création et de la mise en forme de contenu comprenant titres, paragraphes, images, vidéos, ou encore citations au même endroit. Le tout juste en double-cliquant, sans avoir à les ajouter un par un. 

Un élément de texte enrichi convient aussi bien à un contenu statique que dynamique. Dans le premier cas, il vous suffit de le mettre dans n’importe quelle page et de le modifier. Dans le deuxième cas, vous pouvez l’ajouter à n’importe quelle collection. Il vous reste alors à connecter un élément de texte enrichi à ce champ dans les paramètres. Le tour est joué !

Si vous souhaitez personnaliser la mise en forme, ajoutez une classe à l’élément de texte enrichi via le système de sélecteur imbriqué «  À l’intérieur de ». Tout peut être stylisé de cette manière : titres, paragraphes, figures, images, légendes ou encore blocs de citations.

Comment configurer un site Webflow pour le SEO ?

La configuration correcte des réglages de base de Webflow est primordiale pour avoir un site optimisé SEO. Il se révèle incontournable de :

Indexer son site

L’indexation est le processus d’exploration d’un site par le robot de recherche. Pour être indexé, donc visible, il faut s’assurer que l’algorithme accède correctement au site pour l’analyser et le mettre en avant. Pour ce faire, allez dans Settings >SEO>Indexing. Mettez le bouton Disable Webflow subdomain Indexing sur Yes.

Publier le sitemap

Webflow auto-génère un sitemap et le met à jour à chaque nouvelle publication de votre site. Allez dans Settings >SEO>Sitemap. Assurez-vous que l’option Auto-generate Sitemap soit valide. 

Avoir un certificat SSL valide et réduire la taille du code

Allez dans Settings >Publishing>Advanced Publishing Options. Le certificat numérique SSL garantit l’authenticité d’un site, tandis que les options « Minify » réduisent la taille du code.

Ajouter des titres et méta-descriptions à chaque page

Dans le Designer de Webflow, allez dans Settings >SEO Settings et remplissez le Title Tag et la méta-description de la page. Pour une page dynamique, Webflow génère automatiquement ces entrées.

Optimiser les URL

Webflow génère automatiquement un slug à partir des mots clés du titre dès que vous créez une page. Le lien est ainsi déjà optimisé puisque les mots clés repris indiquent son contenu au robot de Google. Une URL doit être courte et précise.

Remplir les balises alt

La balise alt est utile pour décrire une image et permettre l’accessibilité. Pour mettre une balise alt sur Webflow, cliquez sur l’image. Puis cliquez sur le pictogramme représentant une clé à molette et décrivez votre image dans le champ qui apparaît.

Comment optimiser un site Webflow pour le SEO ?

Un travail SEO est basé sur une stratégie de contenu et de netlinking. Mais ces efforts marketing doivent être associés à quelques bonnes pratiques d’ordre technique. Dès lors que les bons paramètres sont mis en place lors de la construction du site, Webflow déploie ses fonctionnalités de référencement pour l’optimisation d’un site. Voici les bonnes pratiques de Webflow pour tirer le meilleur parti de No Code :

L’optimisation des URL

Grâce à Webflow, les URL sont personnalisées pour être optimisées. Elles contiennent alors des mots clés pertinents et décrivent le contenu de la page. Les moteurs de recherche préconisent des URL simples et claires.

Le maillage interne

Il s’agit d’ajouter des ancres de lien vers d’autres pages de votre site par le biais de Webflow. Vous publiez par exemple un nouvel article qui fait référence à un autre déjà publié. Sélectionnez le texte sur lequel mettre un lien, et sélectionnez la page vers laquelle le texte renvoie.

Les backlinks

Même principe que pour les liens internes, mais vous renvoyez vers la page d’un site externe.

L’optimisation du contenu des pages

Webflow permet de tout insérer : les balises title, la méta-description ou les balises alt des images, sans avoir à toucher du code. 

Un site responsive

Grâce à Webflow, un site peut être adapté à n’importe quel type d’appareil car, avec un design responsive, il s’adapte automatiquement à la taille de l’écran sur lequel il est affiché.

Des images optimisées

Si les images sont mal optimisées, elles peuvent nuire à votre référencement naturel.  Webflow peut compresser et redimensionner des images pour les rendre optimisées pour le web.

La non-utilisation de plug-ins

Les plug-ins ont tendance à alourdir un site, donc à avoir un impact sur la vitesse de chargement des pages. Raison pour laquelle Webflow ne nécessite aucun plugin.

‍