Tu as créé un beau site sur Framer. Mais personne ne le trouve sur Google.

C'est le problème le plus fréquent. Un site peut être magnifique et totalement invisible. Le SEO, c'est ce qui fait la différence entre un site vitrine et un site qui génère du trafic.

Ce guide couvre tout ce que tu dois configurer dans Framer pour que ton site soit correctement référencé.

Ce que Framer fait déjà pour toi

Avant d'optimiser quoi que ce soit, il faut savoir ce qui est automatique.

Framer génère :

• Un sitemap.xml (la carte de ton site pour Google)
• Un fichier robots.txt (les instructions pour les moteurs de recherche)
• Des URLs propres
• Une optimisation d'images via CDN
• Un site responsive par défaut
• Un hébergement rapide avec rendu côté serveur

Framer pose une bonne base technique. Le SEO dépend ensuite surtout de tes choix éditoriaux et de ta configuration.

Ton travail consiste à structurer correctement ton contenu et configurer chaque page proprement. C'est exactement ce qu'on va voir.

Définir un mot clé clair par page

Chaque page de ton site doit répondre à une intention de recherche précise.

Mauvais exemple : une page qui parle de tout (design, SEO, tarifs, portfolio) sans sujet clair.

Bon exemple : une page optimisée pour "portfolio designer freelance Lyon".

Comment choisir ton mot clé ?

• Réfléchis à ce que ton visiteur idéal taperait dans Google
• Vérifie que le mot clé a un minimum de volume de recherche (utilise Google Keyword Planner, Ubersuggest ou même la barre de recherche Google pour voir les suggestions)
• Assure-toi qu'aucune autre page de ton site ne cible déjà ce mot clé

Ensuite, place ton mot clé :

• Dans le titre principal (H1)
• Dans au moins un sous-titre (H2)
• Naturellement dans le texte, dans les 100 premiers mots si possible
• Dans le slug de la page

Une page = une intention = un mot clé principal. Si tu veux cibler deux sujets différents, crée deux pages.

Configurer le Meta Title et la Meta Description

C'est la base du SEO on-page. C'est ce que Google affiche dans les résultats de recherche.

Dans Framer :

• Ouvre la page
• Clique sur l'icône Settings (engrenage)
• Renseigne Title et Description

Meta Title

Le title est le texte bleu cliquable dans Google.

• 50 à 60 caractères maximum
• Mot clé principal inclus, idéalement au début
• Clair, précis et descriptif

Exemple : "Portfolio designer freelance Lyon | Création de sites modernes"

Le title a un impact direct sur ton classement ET sur ton taux de clic. C'est probablement le réglage SEO le plus important de ta page.

Meta Description

La description est le texte gris sous le title dans Google.

• 150 à 160 caractères
• Résume la valeur de la page
• Donne envie de cliquer

La meta description n'améliore pas directement le classement. Mais elle améliore le taux de clic. Et le taux de clic influence la performance globale.

Astuce : inclus un bénéfice concret et un appel à l'action subtil. "Découvre comment..." ou "Le guide étape par étape pour..." fonctionnent très bien.

Structurer avec les balises H1, H2, H3

Google lit la structure de ta page pour comprendre de quoi elle parle.

Dans Framer, sélectionne ton texte et définis le bon tag :

• H1 pour le titre principal de la page
• H2 pour les grandes sections
• H3 pour les sous-sections
• Paragraph pour le texte courant

Les règles à respecter

• Un seul H1 par page. C'est le titre principal. Il doit contenir ton mot clé.
• Pas de saut illogique. Ne passe pas de H1 à H3 sans H2 entre les deux.
• Une hiérarchie claire. Si un lecteur ne lisait que tes headings, il devrait comprendre le plan de ta page.

Les headings structurent la compréhension de ta page, autant pour Google que pour tes visiteurs.

Erreur fréquente : choisir un heading pour sa taille visuelle. Sur Framer, le style peut être modifié indépendamment du tag. Utilise toujours le bon tag sémantique, puis ajuste le style ensuite avec les styles de texte.

Optimiser les images

Les images influencent à la fois la performance de ton site et son référencement.

Ajouter un alt text

Le alt text (texte alternatif) décrit le contenu de l'image. Google s'en sert pour comprendre ce qu'elle représente.

Dans Framer, sélectionne une image et remplis le champ "Alt Text" dans le panneau droit.

Bon exemple : "Maquette site portfolio designer freelance sur Framer"
Mauvais exemple : "image1" ou "photo"

Le alt text sert à Google, à l'accessibilité (lecteurs d'écran) et à la recherche d'images.

Réduire le poids des images

Chaque image lourde ralentit ton site. Un site lent est moins bien classé.

Avant d'importer dans Framer :

• Redimensionne l'image à la taille réelle nécessaire (pas besoin d'une image 4000px pour un affichage 800px)
• Compresse tes fichiers avec des outils comme TinyPNG ou Squoosh
• Privilégie le format WebP si possible

Framer optimise automatiquement les images via son CDN, mais partir d'un fichier déjà léger donne de meilleurs résultats.

Créer des URLs propres

Chaque page doit avoir un slug clair et lisible.

Dans les paramètres de la page, modifie le champ Slug.

Bon exemple : /portfolio-designer-lyon
Mauvais exemple : /page-123 ou /mon-super-portfolio-de-designer-freelance-à-lyon-en-2026

Les règles pour un bon slug :

• Court (3 à 5 mots max)
• Mot clé principal inclus
• Pas de caractères spéciaux ni d'accents
• Pas de mots inutiles (le, de, sur, etc.)
• Séparé par des tirets

Une URL doit être lisible par un humain.

Ajouter des liens internes

Les liens internes relient tes pages entre elles. Google les utilise pour découvrir et comprendre la structure de ton site.

Chaque article ou page devrait contenir 3 à 5 liens vers d'autres pages de ton site. Pas en liste à la fin, mais intégrés naturellement dans le texte.

Plus une page reçoit de liens internes, plus Google la considère comme importante.

Vérifier l'indexation

Framer permet de contrôler l'indexation de chaque page.

Dans les paramètres SEO, vérifie que ta page est autorisée à être indexée.

Ne bloque l'indexation que pour :

• Les pages de test
• Les pages internes
• Les pages temporaires

Connecter Google Search Console

Après publication, connecte ton site à Google Search Console. C'est gratuit et indispensable.

Tu pourras :

• Soumettre ton sitemap (Framer le génère automatiquement à tonsite.fr/sitemap.xml)
• Vérifier quelles pages sont indexées
• Identifier les erreurs de crawl
• Voir les requêtes qui génèrent des impressions

Pour suivre le trafic une fois le SEO en place, le guide pour connecter Google Analytics à Framer complète parfaitement cette étape.

Vérifier le responsive et la lisibilité mobile

Google analyse ton site en version mobile en priorité. C'est ce qu'on appelle le Mobile-First Indexing.

Dans Framer, passe en vue mobile et vérifie :

• Les tailles de texte (minimum 16px pour le body)
• Les espacements
• Que rien ne déborde de l'écran
• Que les boutons sont facilement cliquables au doigt

Un site difficile à lire sur mobile perd en performance SEO.

Même si Framer est responsive par défaut, ton design peut casser si les layouts ne sont pas correctement configurés. Le guide sur le responsive dans Framer explique comment éviter ça.

Travailler le contenu sur le long terme

Le SEO ne repose pas uniquement sur la technique. Il repose surtout sur la qualité et la régularité de ton contenu.

Publier régulièrement des pages utiles et bien structurées renforce l'autorité de ton site aux yeux de Google.

Ce qui compte :

• La profondeur du contenu (un article de 1500 mots bien écrit vaut mieux que 10 articles de 200 mots)
• La clarté de la structure (H1, H2, H3, paragraphes courts)
• La régularité (publier chaque semaine ou deux semaines, pas 10 articles d'un coup puis plus rien)
• La valeur apportée (réponds à une vraie question que ton audience se pose)

Le SEO est un travail éditorial avant d'être technique.

Le CMS Framer est l'outil idéal pour organiser et publier du contenu régulier.

Erreurs fréquentes à éviter

Mettre plusieurs H1 sur une page. Un seul H1 par page, c'est la règle.

Oublier les meta données. Chaque page doit avoir son propre title et sa propre description. Si tu ne les remplis pas, Google génère les siens et c'est rarement optimal.

Utiliser des images trop lourdes. Ça ralentit ton site et Google te pénalise.

Cibler plusieurs mots clés sur une seule page. Chaque page = un mot clé principal.

Ignorer la version mobile. Google indexe en mobile-first. Si ton site est cassé sur mobile, ton ranking en souffre.

Lancer un site sans vérifier l'indexation. Connecte Search Console et soumets ton sitemap dès la publication.

Ne pas créer de liens internes. Des pages orphelines (sans liens pointant vers elles) ont très peu de chances d'être indexées.

Résumé

Pour optimiser le SEO de ton site Framer :

1. Définis un mot clé clair par page

2. Configure le Meta Title et la Meta Description

3. Structure avec H1, H2, H3 correctement

4. Optimise tes images et ajoute un alt text

5. Crée des URLs propres et courtes

6. Ajoute des liens internes entre tes pages

7. Vérifie l'indexation et connecte Search Console

8. Teste toujours la version mobile

9. Publie du contenu utile et structuré régulièrement

Framer offre une base technique solide. Mais le référencement dépend surtout de ta rigueur.

👉 Si tu veux apprendre à construire ton site de A à Z avant de travailler le SEO, le guide complet pour créer un site Framer est le meilleur point de départ.