Comprendre ce que Framer fait déjà pour toi

Avant d’optimiser, il faut savoir ce qui est automatique.

Framer génère :

• Un sitemap.xml
• Un fichier robots.txt
• Des URLs propres
• Une optimisation d’images via CDN
• Un site responsive par défaut

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

Ton travail consiste à structurer correctement ton contenu et configurer chaque page proprement.

Définir un mot clé clair par page

Chaque page doit répondre à une intention précise.

Mauvais exemple
Une page qui parle de tout

Bon exemple
Une page optimisée pour “Portfolio designer freelance à Lyon”

Choisis un mot clé principal.

Ensuite :

• Place le mot clé dans le titre principal
• Utilise le dans certains sous titres
• Intègre le naturellement dans le texte
• Évite le bourrage de mots clés

Une page = une intention = un mot clé principal.

Configurer correctement le Meta Title et la Meta Description

C’est la base du SEO on page.

Dans Framer :

• Ouvre la page
• Clique sur Settings
• Va dans l’onglet SEO
• Renseigne Title et Description

Meta Title

• Environ 50 à 60 caractères
• Mot clé principal inclus
• Clair et précis

Autre exemple:
Agence Framer à Paris | Design et SEO

Meta Description

• 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.

Utiliser correctement les balises H1 H2 H3

Google lit la structure de ta page.

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

• H1 pour le titre principal
• H2 pour les sections
• H3 pour les sous sections
• Paragraph pour le texte normal

Règles simples :

• Un seul H1 par page
• Pas de saut illogique de H1 à H3
• Une hiérarchie claire

Les headings structurent la compréhension de ta page.

Évite de choisir un heading uniquement pour la taille visuelle.
Le style peut être modifié indépendamment.

Optimiser les images correctement

Les images influencent la performance et le référencement.

Ajouter un alt text

Sélectionne une image dans Framer.

Ajoute une description alternative pertinente.

Exemple :
Maquette site portfolio designer freelance

Le alt text sert :

• À Google
• À l’accessibilité
• À la recherche d’images

Ne mets pas “image1” ou “photo”.

Décris ce qu’on voit.

Réduire le poids des images

Avant d’importer :

• Redimensionne l’image à la taille réelle nécessaire
• Évite les fichiers trop lourds
• Privilégie WebP si possible

Un site rapide est mieux classé.

Créer des URLs propres

Chaque page doit avoir un slug clair.

Dans les paramètres de la page :

• Modifie le champ Slug

Bon exemple
/portfolio-designer-lyon

Mauvais exemple
/page-123

Évite :

• Les mots inutiles
• Les caractères spéciaux
• Les slugs trop longs

Une URL doit être lisible par un humain.

Vérifier l’indexation

Framer permet de contrôler l’indexation.

Dans les paramètres SEO :

• Vérifie que la page est autorisée à être indexée

Ne bloque l’indexation que pour :

• Pages de test
• Pages internes
• Pages temporaires

Tu peux ensuite connecter ton site à Google Search Console pour :

• Soumettre le sitemap
• Vérifier l’indexation
• Identifier les erreurs

Vérifier le responsive et la lisibilité mobile

Google analyse ton site en mobile en priorité.

Dans Framer :

• Passe en vue mobile
• Vérifie les tailles de texte
• Vérifie les espacements
• Vérifie que rien ne déborde

Un site difficile à lire sur mobile perd en performance.

Même si Framer est responsive par défaut, ton design peut casser.

Travailler le contenu sur le long terme

Le SEO ne repose pas uniquement sur la technique.

Il repose surtout sur :

• La qualité du contenu
• La clarté
• La profondeur
• La régularité

Publier :

• Des guides utiles
• Des études de cas
• Des pages bien structurées

Renforce l’autorité de ton site.

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

Erreurs fréquentes à éviter

• Mettre plusieurs H1 sur une page
• Oublier les meta données
• Utiliser des images trop lourdes
• Optimiser plusieurs mots clés différents sur une seule page
• Ignorer la version mobile
• Lancer un site sans vérifier l’indexation

Résumé

Pour optimiser ton site Framer :

• Définis un mot clé clair par page
• Configure le Meta Title et la Meta Description
• Structure avec H1 H2 H3 correctement
• Optimise tes images et ajoute un alt text
• Crée des URLs propres
• Vérifie l’indexation
• Teste toujours la version mobile
• Publie du contenu utile et structuré

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

Si tu appliques ces étapes page par page, ton site sera techniquement propre et prêt à performer sur le long terme.