Créer un site web directement depuis Notion, sans écrire une ligne de code : c’est désormais possible nativement. Avec Notion Sites, lancé le 25 juin 2024, Notion est passé d’un outil de productivité utilisé par 100 millions d’utilisateurs (source : Notion, septembre 2024) à un véritable outil de publication web.

Avant cette fonctionnalité, il fallait obligatoirement passer par des outils tiers comme Super.so, Potion ou Fruition pour transformer une page Notion en site web. J’ai moi-même créé mes premiers sites Notion en 2021, en utilisant ces solutions tierces. Aujourd’hui, Notion Sites propose une solution intégrée, sans configuration externe.

Ce guide couvre tout ce qu’il faut savoir pour créer votre site avec Notion en 2026 : de la publication initiale à la configuration du domaine personnalisé, en passant par le design, le SEO et le suivi des visiteurs.

Si vous débutez sur Notion, je vous recommande de consulter d’abord le guide ultime Notion pour maîtriser les fondamentaux.

Qu’est-ce que Notion Sites ?

Notion Sites est la fonctionnalité native de Notion qui permet de transformer n’importe quelle page Notion en site web accessible publiquement. Concrètement, chaque page de votre espace de travail Notion peut devenir une page web, et chaque sous-page devient une page supplémentaire de votre site.

Ce qui a changé par rapport aux outils tiers

Avant Notion Sites, le processus de création d’un site Notion passait par trois étapes distinctes : créer le contenu dans Notion, configurer un outil tiers (Super.so, Potion, Fruition) pour le rendu public, puis gérer le domaine et les paramètres dans cet outil externe. Deux interfaces à maintenir, deux systèmes à comprendre.

Avec Notion Sites, tout se passe dans Notion. Vous créez votre contenu, vous le publiez et vous configurez le SEO depuis un seul et même endroit. Le menu “Partager” en haut à droite de chaque page donne accès à toutes les options de publication.

Les fonctionnalités incluses dans Notion Sites

Notion Sites offre un ensemble de fonctionnalités qui couvrent les besoins essentiels d’un site web :

  • Publication instantanée sur un sous-domaine notion.site (gratuit sur tous les plans).
  • Navigation personnalisable avec header, logo, liens et fil d’Ariane (breadcrumbs).
  • Recherche intégrée permettant aux visiteurs de chercher dans le contenu du site.
  • Thème clair ou sombre configurable nativement.
  • Favicon personnalisé avec l’icône de votre page ou une image uploadée.
  • Meta tags SEO (title et description) pour la page d’accueil (plans payants uniquement).
  • Indexation Google activable en un clic.
  • Google Analytics intégré nativement.
  • Domaine personnalisé (add-on payant à 10 $/mois).

Pour une vue complète des fonctionnalités Notion et de leurs tarifs, consultez notre article sur les tarifs Notion.

Comment publier un site avec Notion Sites : tutoriel pas-à-pas

Pipeline de creation d'un site Notion Sites en 6 etapes : preparer la page, publier, configurer la navigation, theme et favicon, SEO de base, Google Analytics Les 6 etapes pour publier un site Notion Sites en moins de 15 minutes.

La mise en place d’un site Notion prend moins de 15 minutes. Voici les étapes détaillées.

Étape 1 : préparer votre page principale

Créez une nouvelle page dans Notion qui servira de page d’accueil de votre site. Structurez-la avec des titres (H1, H2, H3), du texte, des images et des blocs de contenu. Créez des sous-pages pour chaque section de votre site : À propos, Services, Portfolio, Blog, Contact.

Je recommande de préparer l’intégralité de votre structure avant de publier. Cela évite d’avoir un site en construction visible publiquement.

Quelques conseils pour la page d’accueil :

  • Utilisez des colonnes pour organiser le contenu visuellement.
  • Ajoutez des blocs callout pour mettre en avant les informations clés.
  • Intégrez des bases de données en vue Gallery pour présenter des projets ou des articles.
  • Utilisez les blocs toggle pour les sections FAQ ou les détails optionnels.

Étape 2 : publier la page

Cliquez sur “Partager” en haut à droite de votre page. Dans le panneau qui s’ouvre, cliquez sur “Publier”. Notion génère immédiatement une URL publique de type votrepage.notion.site.

Par défaut, toutes les sous-pages de la page publiée sont également publiées. Vous pouvez exclure certaines sous-pages en les retirant de la publication dans les paramètres.

Étape 3 : personnaliser la navigation

Dans le même menu, cliquez sur “Site customization”. C’est ici que vous configurez l’apparence de votre site.

Le header. Ajoutez votre logo (image ou texte), puis configurez les liens de navigation. Par défaut, Notion propose d’afficher les sous-pages de votre page principale comme liens de navigation. Vous pouvez réorganiser l’ordre, supprimer certains liens ou en ajouter manuellement.

Le fil d’Ariane. Activez les breadcrumbs pour que vos visiteurs puissent naviguer facilement dans la hiérarchie de votre site.

La recherche. Activez le moteur de recherche intégré. Un champ de recherche apparaît dans le header, permettant aux visiteurs de trouver rapidement le contenu qui les intéresse.

Étape 4 : choisir le thème et le favicon

Toujours dans “Site customization”, choisissez entre le mode clair et le mode sombre pour votre site. Le thème s’applique à l’ensemble des pages publiées.

Pour le favicon, vous avez deux options : utiliser l’icône de votre page Notion (emoji ou image) ou uploader une image personnalisée. Le format recommandé est 280 x 280 pixels. Le favicon apparaît dans l’onglet du navigateur et dans les favoris de vos visiteurs.

Étape 5 : configurer le SEO de base

Vous pouvez définir un titre et une description optimisés pour les moteurs de recherche au niveau de la page d’accueil de votre site. Ces informations apparaissent dans les résultats Google et dans les aperçus de partage sur les réseaux sociaux.

Accédez aux paramètres SEO via “Site customization” > onglet SEO. Remplissez le champ titre (60 caractères maximum recommandés) et la description (155 caractères maximum recommandés). Activez l’indexation par les moteurs de recherche pour que Google puisse référencer votre site.

Limitation importante : les meta tags (title et description) ne sont personnalisables que pour la page d’accueil du site. Les sous-pages héritent automatiquement du titre de la page Notion, sans possibilité de personnalisation individuelle. Cette restriction nécessite un plan Plus ou Business.

Étape 6 : ajouter Google Analytics

Si vous souhaitez suivre les visites sur votre site, Notion Sites intègre Google Analytics nativement. Dans “Site customization”, accédez à la section Analytics et collez votre identifiant de mesure Google Analytics 4 (format : G-XXXXXXXXXX). Le suivi est opérationnel immédiatement après la sauvegarde.

Domaine personnalisé : connecter votre propre domaine

Un sous-domaine notion.site fonctionne, mais un domaine personnalisé (par exemple monsite.fr) donne une image plus professionnelle et renforce la crédibilité de votre site.

Les prérequis pour un domaine personnalisé

Pour connecter un domaine personnalisé, deux conditions doivent être remplies. Premièrement, disposer d’un plan Notion payant (Plus à 12 $/mois en mensuel ou 10 $/mois en annuel par utilisateur, ou Business à 24 $/mois en mensuel ou 20 $/mois en annuel). Deuxièmement, souscrire à l’add-on domaine personnalisé à 10 $/mois par domaine (8 $/mois en facturation annuelle).

Notion ne vend pas de noms de domaine. Vous devez acheter le vôtre chez un registrar : OVH, Namecheap, Cloudflare Registrar, Squarespace Domains ou tout autre fournisseur. Le coût d’un domaine varie entre 5 et 15 euros par an selon l’extension (.fr, .com, .io).

La procédure de connexion DNS

  1. Dans Notion, ouvrez “Site customization” sur votre page publiée.
  2. Accédez à la section “Custom domain” et entrez votre nom de domaine.
  3. Notion vous fournit les enregistrements DNS à configurer (généralement un enregistrement CNAME).
  4. Connectez-vous à l’interface de votre registrar et ajoutez les enregistrements DNS fournis par Notion.
  5. Revenez dans Notion et cliquez sur “Verify”. La propagation DNS peut prendre de quelques minutes à 48 heures.

Vous pouvez connecter jusqu’à 25 domaines par workspace Notion (source : Notion Help Center).

Le calcul du coût total avec domaine personnalisé

Pour un site professionnel avec domaine personnalisé en facturation mensuelle, le coût est de 22 $/mois (12 $ pour le plan Plus + 10 $ pour l’add-on domaine). En facturation annuelle, le total descend à 18 $/mois (10 $ + 8 $). C’est comparable à Super.so (16 $/mois) et inférieur à la plupart des solutions WordPress avec hébergement et thème premium.

Comme le souligne Thomas Frank, créateur spécialisé Notion : “Notion Sites is the simplest way to go from idea to published website, but it’s not trying to replace dedicated website builders” (source : thomasjfrank.com).

Personnaliser le design de votre site Notion

Le design d’un site Notion Sites est directement lié à la mise en page de vos pages Notion. Tout ce que vous faites dans l’éditeur Notion se reflète sur le site public.

Les outils de mise en page disponibles

Les colonnes. Divisez votre contenu en deux ou trois colonnes pour créer des layouts plus riches. Les colonnes Notion sont responsives : elles s’empilent automatiquement sur mobile.

Les blocs callout. Utilisez-les pour mettre en avant des informations importantes, des témoignages ou des appels à l’action. Avec un fond coloré et une icône, ils attirent l’oeil immédiatement.

Les images et couvertures. Ajoutez une image de couverture à votre page pour un rendu visuel fort. Les images dans le corps de la page peuvent être redimensionnées et alignées (centré, pleine largeur).

Les bases de données. Affichez vos projets, articles ou services sous forme de galerie, de tableau ou de liste. Les bases de données en vue Gallery sont particulièrement efficaces pour les portfolios et les pages de blog.

Les embeds. Intégrez des contenus externes : vidéos YouTube, formulaires Tally ou Typeform, cartes Google Maps, ou tout contenu accessible via une URL d’embed.

Les limites du design natif de Notion Sites

Notion Sites ne permet pas d’injecter du CSS personnalisé. Le design est contraint par les options de mise en page de Notion : polices par défaut, espacement fixe, couleurs limitées aux options Notion.

Les polices disponibles sont celles de Notion (Default, Serif, Mono). Vous ne pouvez pas importer de police personnalisée. Les couleurs de texte et de fond sont limitées aux couleurs Notion (gris, marron, orange, jaune, vert, bleu, violet, rose, rouge).

Pour un rendu visuel unique ou une charte graphique spécifique, cette limitation est significative. Deux sites Notion Sites se ressemblent inévitablement.

SEO et référencement sur Notion Sites

Le référencement naturel est un point crucial pour tout site web. Notion Sites propose un SEO basique mais fonctionnel.

Ce que Notion Sites gère nativement pour le SEO

Balises title et meta description. Configurables pour la page d’accueil du site via les paramètres SEO (plan Plus ou Business requis). Les sous-pages utilisent automatiquement le titre de la page Notion comme balise title, sans possibilité de personnalisation.

Indexation. L’option “Allow search engine indexing” dans les paramètres permet à Google et aux autres moteurs de recherche de référencer votre site. Sans cette option, votre site est accessible mais invisible pour les moteurs de recherche.

URLs propres. Chaque page publiée dispose d’une URL lisible basée sur le titre de la page. Avec un domaine personnalisé, les URLs prennent la forme monsite.fr/nom-de-la-page.

Aperçus sociaux (Open Graph). Quand quelqu’un partage le lien de votre site sur les réseaux sociaux, Notion génère automatiquement un aperçu avec le titre, la description et l’image de couverture de votre page.

Structure de titres. Les titres H1, H2 et H3 de Notion sont correctement rendus en balises HTML sémantiques, ce qui aide Google à comprendre la structure de votre contenu.

Ce qui manque pour le SEO avancé

Notion Sites ne propose pas de sitemap XML automatique. Google peut indexer vos pages en les découvrant via les liens internes, mais un sitemap accélère considérablement le processus d’indexation.

Les balises canoniques ne sont pas configurables. Si vous publiez le même contenu sur plusieurs plateformes, vous ne pouvez pas indiquer à Google quelle version est la version principale.

Les données structurées (schema.org) ne sont pas disponibles. Elles permettent d’afficher des rich snippets dans les résultats de recherche (FAQ, avis, recettes).

Le contrôle des URLs est limité. Vous ne pouvez pas définir de slug personnalisé indépendant du titre de la page. Les redirections 301 ne sont pas gérées nativement : si vous changez le titre d’une page (et donc son URL), l’ancienne URL retourne une erreur 404.

Pour un site vitrine, un portfolio ou une documentation, le SEO de Notion Sites est suffisant. Pour un blog visant un trafic organique important, les limites deviennent contraignantes.

Google Analytics et suivi des visiteurs

Le suivi des visiteurs est essentiel pour comprendre comment votre site est utilisé et quelles pages génèrent le plus d’intérêt.

Configurer Google Analytics sur Notion Sites

  1. Créez un compte Google Analytics 4 sur analytics.google.com si vous n’en avez pas.
  2. Créez une propriété pour votre site et récupérez l’identifiant de mesure (format G-XXXXXXXXXX).
  3. Dans Notion, ouvrez “Site customization” sur votre page publiée.
  4. Dans la section “Analytics”, collez votre identifiant de mesure.
  5. Sauvegardez. Le suivi est actif immédiatement.

Les données disponibles via Google Analytics 4

Avec Google Analytics 4, vous accédez à des données complètes sur votre audience : nombre de visiteurs, pages les plus consultées, sources de trafic (recherche Google, réseaux sociaux, accès direct), durée moyenne des sessions et données géographiques.

Ces informations vous permettent d’identifier les contenus qui fonctionnent, d’optimiser les pages peu performantes et de comprendre d’où viennent vos visiteurs.

Alternatives à Google Analytics pour Notion Sites

Si vous ne souhaitez pas utiliser Google Analytics (pour des raisons de confidentialité ou de conformité RGPD), Notion Sites ne propose pas d’alternative native. Vous pouvez intégrer des outils tiers conformes RGPD comme Plausible ou Fathom via des embeds, selon les cas.

Cas d’usage : quel site créer avec Notion Sites ?

Notion Sites se prête à plusieurs types de sites. Voici les cas d’usage les plus courants et les configurations recommandées.

Portfolio professionnel avec Notion Sites

C’est probablement le cas d’usage le plus adapté pour Notion Sites. Créez une page d’accueil avec votre présentation, une galerie de projets sous forme de base de données en vue Gallery, et des pages détaillées pour chaque projet.

L’éditeur Notion gère les images, les colonnes et les blocs callout, ce qui suffit pour présenter vos réalisations. Ajoutez un lien vers votre CV (PDF embed) et un formulaire de contact (Tally ou Typeform embed).

Landing page ou site vitrine

Pour un freelance, une agence ou une petite entreprise, Notion Sites permet de créer un site vitrine fonctionnel en quelques heures. La structure type comprend une page d’accueil avec proposition de valeur, une page services, une page à propos et un formulaire de contact.

Pour approfondir l’utilisation de Notion dans un contexte professionnel, consultez notre guide pour créer un CRM avec Notion. Les freelances trouveront également des conseils dans notre guide Notion pour les freelances.

Documentation et base de connaissances

Notion excelle dans la documentation technique. Structurez vos pages avec des headers, des blocs de code, des toggles et des tableaux. La recherche intégrée de Notion Sites est un atout majeur pour ce cas d’usage.

C’est d’ailleurs le cas d’usage pour lequel de nombreuses startups utilisent Notion Sites. Selon Notion, plus de 50 % des entreprises du Fortune 500 utilisent la plateforme au sein de leurs équipes (source : Notion, 2024).

Blog avec Notion Sites

Utilisez une base de données pour vos articles avec des propriétés : titre, date, catégorie, statut (brouillon/publié), image de couverture. Affichez la base en vue Gallery sur votre page d’accueil blog.

Le résultat est fonctionnel pour un blog personnel ou un blog d’entreprise avec des ambitions SEO modérées. Pour un blog à fort trafic organique, les limites SEO de Notion Sites (pas de meta tags par page, pas de sitemap) deviennent un frein.

Wiki d’équipe public

Pour les équipes qui souhaitent partager leur base de connaissances publiquement, Notion Sites est une solution naturelle. Le contenu est déjà dans Notion, il suffit de le publier. La fonctionnalité de collaboration dans Notion facilite la contribution de toute l’équipe.

Notion Sites vs Super.so vs Potion vs Fruition : comparatif 2026

Comparatif 2026 des 4 outils pour creer un site Notion : Notion Sites gratuit avec SEO basique, Super.so a 16 dollars par mois avec SEO avance et CSS, Potion a 10 dollars par mois en HTML statique, Fruition gratuit et open source Comparatif des 4 solutions pour creer un site avec Notion en 2026 — prix, SEO et fonctionnalites cles.

Le paysage des outils de création de sites basés sur Notion a évolué depuis l’arrivée de Notion Sites. Voici un comparatif objectif pour vous aider à choisir.

Notion Sites : la simplicité avant tout

Points forts. Intégration native dans Notion, aucune configuration externe, publication en un clic, Google Analytics intégré, navigation et favicon personnalisables.

Points faibles. Pas de CSS personnalisé, SEO limité (meta tags homepage uniquement, pas de sitemap, pas de canonicals), performances variables, pas de redirections 301.

Prix. Gratuit sur sous-domaine notion.site. 10 $/mois pour le domaine personnalisé (en plus du plan Notion payant à partir de 12 $/mois en mensuel).

Idéal pour. Les utilisateurs Notion qui veulent publier rapidement un site simple sans outil externe.

Super.so : performance et SEO avancés

Super.so reste la référence des outils tiers pour créer un site à partir de Notion. Le service a continué d’évoluer malgré l’arrivée de Notion Sites.

Points forts. Temps de chargement rapide, CSS personnalisé complet, dark mode avancé, redirections 301/404, sitemap XML automatique, meta tags SEO par page, analytics intégré.

Points faibles. Outil externe à configurer et maintenir, coût additionnel au plan Notion.

Prix. À partir de 16 $/mois (plan Personal). Plan Pro à 28 $/mois avec recherche intégrée et auteurs multiples (source : super.so/pricing).

Idéal pour. Les sites professionnels où le SEO, la performance et la personnalisation visuelle sont prioritaires.

Potion.so : sites statiques et synchronisation rapide

Potion se distingue par son approche statique : les pages Notion sont converties en HTML statique, ce qui garantit des temps de chargement rapides. La synchronisation avec Notion est quasi instantanée.

Points forts. Synchronisation rapide, rendu en HTML statique performant, CSS personnalisé, dark mode disponible, domaine personnalisé dès le plan Solo.

Points faibles. Pas de plan gratuit permanent (essai de 7 jours), limite de 250 pages sur le plan Solo.

Prix. À partir de 10 $/mois (plan Solo, 1 site). Plans multi-sites à 24 $/mois (3 sites) et 48 $/mois (8 sites) (source : potion.so).

Idéal pour. Les sites dont le contenu change fréquemment et où la performance est importante.

Fruition : l’option gratuite et open source

Fruition est un script open source qui connecte un domaine personnalisé à une page Notion publique via Cloudflare Workers. C’est la seule option entièrement gratuite (hors coût du domaine).

Points forts. Gratuit, open source, domaine personnalisé sans frais mensuels.

Points faibles. Configuration technique (Cloudflare Workers), pas de personnalisation visuelle, pas de SEO avancé, maintenance manuelle, communauté moins active depuis l’arrivée de Notion Sites.

Prix. Gratuit.

Idéal pour. Les utilisateurs techniques avec un budget limité qui veulent un domaine personnalisé sans abonnement.

Résumé du comparatif des outils de création de sites Notion

CritèreNotion SitesSuper.soPotionFruition
Prix (mensuel)Gratuit / 10 $/mois16 $/mois10 $/moisGratuit
Domaine personnaliséOui (payant)OuiOuiOui
CSS personnaliséNonOuiOuiNon
Meta tags SEO par pageNon (homepage uniquement)OuiOuiNon
Google AnalyticsOuiOuiVia code customNon
Sitemap XMLNonOuiOuiNon
Temps de chargementVariableRapideRapide (statique)Variable
Difficulté de setupFacileMoyenMoyenTechnique

Limites de Notion Sites et ce qui manque encore

Notion Sites a progressé depuis son lancement en juin 2024, mais la fonctionnalité reste en phase de maturation. Voici les limites concrètes que j’ai identifiées après plusieurs mois d’utilisation.

Personnalisation visuelle limitée

C’est la frustration principale. Sans CSS personnalisé, vous êtes contraint aux options de style de Notion : pas de polices personnalisées, pas de couleurs de marque précises (hex codes), pas de contrôle sur les espacements ou les tailles de texte. Deux sites Notion Sites se ressemblent inévitablement.

SEO insuffisant pour les sites ambitieux

L’absence de sitemap XML, de balises canoniques, de meta tags par sous-page et de données structurées rend Notion Sites inadapté pour les stratégies SEO avancées. Si votre objectif est de générer du trafic organique significatif depuis Google, vous atteindrez rapidement les limites.

Performances non garanties

Les temps de chargement d’un site Notion Sites varient. Un site léger se charge correctement, mais un site avec beaucoup d’images et de bases de données peut dépasser les 5 secondes de chargement. Pour un site à fort trafic, la performance est un enjeu.

Pas de fonctionnalités e-commerce

Notion Sites ne propose aucune fonctionnalité de vente en ligne : pas de panier, pas de paiement, pas de gestion de stock. Pour un site e-commerce, il faut se tourner vers Shopify, WooCommerce ou une autre solution dédiée.

Pas de formulaires natifs

Notion ne propose pas de blocs formulaire. Pour collecter des informations (contact, inscription, candidature), vous devez intégrer un outil externe comme Tally, Typeform ou Google Forms via un bloc embed.

Pas de multilingue

Il n’existe pas de gestion native des langues sur Notion Sites. Si vous avez besoin d’un site en plusieurs langues, vous devez créer des pages séparées pour chaque langue et gérer la navigation manuellement.

Intégrer Notion IA pour enrichir votre site

Depuis l’intégration de Notion IA dans l’ensemble de la plateforme, vous pouvez utiliser l’intelligence artificielle pour accélérer la création de contenu pour votre site.

Notion IA peut vous aider à rédiger les textes de vos pages, à reformuler un paragraphe, à traduire du contenu ou à générer des idées de structure. Le contenu généré par l’IA est directement éditable dans Notion, et donc immédiatement publié sur votre site.

C’est un gain de temps pour les pages de type “À propos”, “Services” ou “FAQ” qui demandent souvent un effort de rédaction initial important.

FAQ

Les questions fréquentes sur la création de sites avec Notion sont traitées dans la section FAQ ci-dessus (visible dans les résultats de recherche Google sous forme de rich snippets).

Conclusion

Notion Sites a simplifié la création de sites web avec Notion. Ce qui nécessitait un outil tiers, une configuration DNS et parfois du code est désormais faisable en quelques clics depuis l’interface Notion.

Pour un portfolio, un site vitrine, une documentation ou un blog personnel, Notion Sites est en 2026 la solution la plus simple et la plus intégrée. Vous restez dans un seul outil, votre contenu est toujours à jour, et la mise en place prend moins d’une heure.

Pour un site professionnel avec des exigences fortes en SEO, en performance ou en personnalisation visuelle, Super.so reste la meilleure option à 16 $/mois. Et pour un budget zéro avec un minimum de compétences techniques, Fruition offre une alternative gratuite crédible.

Mon conseil : commencez avec Notion Sites pour valider votre projet. Si vous atteignez les limites de la fonctionnalité, migrer vers Super.so ou Potion est simple puisque le contenu reste dans Notion. Vous ne perdez jamais votre travail.

Pour aller plus loin dans la maîtrise de Notion, consultez notre tableau de bord Notion pour centraliser votre gestion de projet, ou explorez les possibilités de l’API Notion pour connecter votre site à des services externes.