1. Publier son site Framer

Une fois votre design terminé, il est temps de passer en ligne.
Framer facilite la publication en un seul clic, mais quelques réglages sont essentiels pour garantir un rendu optimal.

Étape 1 : Prévisualiser le site

Avant de publier, cliquez sur Preview pour vérifier l’apparence de chaque page.
Assurez-vous que :

• le site s’affiche correctement sur mobile, tablette et desktop,

• les liens fonctionnent,

• les animations se déclenchent au bon moment,

• les textes ne débordent pas.

Étape 2 : Cliquer sur “Publish”

Dans le coin supérieur droit, cliquez sur Publish.
Framer vous proposera un sous-domaine gratuit du type votresite.framer.website.
C’est idéal pour tester votre site ou le partager rapidement avec un client avant de connecter votre domaine final.

Étape 3 : Vérifier le rendu en ligne

Une fois la publication terminée, ouvrez le lien généré.
Parcourez chaque page et testez l’expérience utilisateur.
Cette vérification vous permettra de corriger d’éventuels détails avant la mise en ligne officielle.

2. Configurer les métadonnées (SEO, titre, description, image de partage)

Les métadonnées sont essentielles pour le référencement naturel et l’apparence de votre site sur Google et les réseaux sociaux.
Elles indiquent aux moteurs de recherche de quoi parle votre page et influencent directement votre taux de clics.

Étape 1 : Accéder aux paramètres du site internet

Sélectionnez une page dans le panneau de gauche, puis cliquez sur General.
Vous verrez plusieurs champs :

• Site Title → le titre affiché dans l’onglet du navigateur et sur Google.

• Description → le texte court qui apparaît sous le titre dans les résultats de recherche.

• Site Language → La langue par défaut du site internet

  
  

Pour modifier les informations de chaque page, cliquez sur la page voulue dans l'onglet Page Settings.

Vous y retrouverez les mêmes champs que dans la page General, et un nouveau champ y sera également disponible :

• URL → l’adresse de la page (par exemple /services ou /contact).

Étape 2 : Rédiger des métadonnées efficaces

Quelques conseils :

• Gardez un titre clair et descriptif (moins de 60 caractères).

  Exemple : “Studio web moderne à Paris | Sites sur mesure avec Framer”

• Écrivez une description naturelle, entre 140 et 160 caractères.

  Exemple : “Créez un site moderne et rapide sans coder grâce à Framer. Design professionnel, responsive et optimisé pour le SEO.”

• Ajoutez une image de partage (Open Graph) pour les aperçus sur LinkedIn, X, etc.

• Ajoutez également un Favicon et un icone d'apps.

Étape 3 : Vérifier avec la prévisualisation

Framer affiche en direct un aperçu du rendu Google.
C’est le meilleur moyen de s’assurer que vos textes sont percutants et lisibles.

3. Connecter son domaine personnalisé

C’est l’étape qui officialise votre site : le connecter à votre propre nom de domaine.
Framer propose une intégration simple avec la plupart des registrars (OVH, Google Domains, GoDaddy, Namecheap, etc.).

Étape 1 : Acheter ou préparer votre domaine

Si vous n’en avez pas encore, achetez votre nom de domaine sur le fournisseur de votre choix.
Conservez l’accès à vos enregistrements DNS, vous en aurez besoin dans la suite.

Étape 2 : Connecter le domaine dans Framer

1. Ouvrez votre Dashboard Framer.

2. Cliquez sur le site que vous souhaitez publier.

3. Allez dans Settings → Domains → Connect domain.

4. Entrez votre domaine (ex. : monsite.com) et validez.

Framer vous indiquera les entrées DNS à copier (généralement deux ou trois enregistrements : A et CNAME).

Étape 3 : Ajouter les enregistrements DNS chez votre fournisseur

Connectez-vous à votre hébergeur de domaine (ex ici: Hostinger).
Dans la section DNS, ajoutez les enregistrements fournis par Framer.

Ps : Il vous sera parfois demandé du supprimer certains DNS déja éxistants sur votre hebergeur.

La propagation peut prendre quelques heures (jusqu’à 24 h).

Étape 4 : Tester votre site

Une fois la propagation terminée, saisissez votre domaine dans le navigateur.
Votre site Framer devrait maintenant être accessible à l’adresse officielle.

4. Optimiser son site avant la mise en ligne finale

Avant de considérer votre site comme terminé, prenez le temps de vérifier :

• que toutes les pages ont un titre unique, ainsi que les méta-données complétées.

• que vos liens internes fonctionnent,

💡 Astuce bonus : testez votre site avec PageSpeed Insights pour vérifier ses performances et corriger les éventuels points faibles.

En résumé

Publier un site Framer se fait en trois étapes simples :

1. Vérifier que votre site internet est 100% fonctionnel.

2. Configurer les métadonnées pour le référencement.

3. Connecter votre domaine personnalisé pour rendre le site officiel.