Créez un site web en 2 minutes avec Notion

Mis à jour le 18/05/2021 | Publié le 15/03/2021 | 2 commentaires

Saviez-vous qu’il est possible de créer un site web avec Notion ? Et ce en 2 minutes et gratuitement ? C’est ce que je vous explique dans cet article + vidéo !

À lire aussi : le guide détaillé pour débuter avec Notion et comment créer des templates Notion.

🎁 Offert : l’ebook Notion en PDF est disponible (85 pages) ! Il vous aide à utiliser et exploiter Notion pour votre business et/ou pour votre organisation personnelle. Téléchargez « Débuter avec Notion » gratuitement ici

1 – Dans quel cas créer un site web avec Notion ?

Il est tout à fait possible de créer un site web avec Notion, mais je ne le recommande pas dans tous les cas.

En effet, si vous souhaitez créer le site web de votre entreprise, vous serez vite frustré dans le design et dans les fonctionnalités proposées par Notion. Et ne parlons même pas du SEO…

Par contre, dans certains cas, on pourrait envisager d’utiliser Notion pour créer un site web, par exemple :

  • Un site CV : c’est carrément une bonne idée ! Si vous êtes étudiant et que vous voulez partager rapidement votre CV à un employeur, vous pourriez le créer avec Notion. En plus, vous pourrez l’exporter en PDF si vous avez besoin de le donner au format papier. Vous pourrez ainsi épater votre interlocuteur avec l’utilisation d’une application qu’il ne connait certainement pas encore 🤣.
  • Un site Portfolio : si votre but est de partager quelques galeries photos de vos réalisations, pourquoi pas ? C’est toujours mieux que de dire à vos clients ou amis d’aller visiter votre page Facebook (OMG) !
  • Un site de documentation ou de support : vous offrez peut-être un service SaaS par exemple et vous pourriez décider d’héberger la documentation sur un site séparé. Vous pouvez alors créer un site Notion pour publier toutes les pages d’aide. C’est le choix qu’a fait Clubhouse par exemple et Notion.so bien sûr.
  • Un blog d’essais ou de nouvelles : pourquoi ne pas utiliser Notion à la place de Medium par exemple ? Vous pourriez publier vos articles sur votre propre site.

Envie de vous lancer dans le blogging ? Mon Guide formation WordPress en PDF vous explique pas à pas comment créer, gérer et promouvoir votre site ou votre blog ! Cet ebook de 770 pages est l’équivalent d’une formation complète de 5 jours.

2 – Créer les pages de votre site

Pour créer un site web avec Notion, vous devez d’abord créer les pages au sein de votre tableau de bord.

Vous pouvez créer un compte Notion dédié ou utiliser votre propre compte, et dans ce cas, ne vous inquiétez pas, les autres pages de votre compte Notion resteront privées et ne seront pas accessibles pour vos visiteurs.

Dans un premier temps, vous devez créer la page d’accueil de votre site :

Page d'accueil du site Notion
Créer la page d’accueil du site Notion
  1. Dans votre tableau de bord, ajoutez une nouvelle page
  2. Le titre de cette page peut utiliser le nom de votre site ou le mot « accueil », au choix…
  3. Commencez à bâtir l’architecture du site en listant toutes les pages qui le composeront.
  4. Pour cela, vous utiliserez le block « Page ».
Ajouter une table des matières
Ajouter une table des matières
  1. Ensuite, au sein de vos pages, n’hésitez pas à utiliser le block Table of contents pour créer une table des matières qui permet de lister les titres de votre page et d’atteindre plus rapidement les sections désirées (facultatif).
  2. Au sein des autres pages de votre site, je vous recommande d’utiliser le block Breadcrumb qui permettra aux internautes de naviguer entre les pages de votre site. Ce fil d’Ariane remplacera le menu de navigation du site. Placez-le directement sous le titre de chaque page.
Ajouter un fil d'Ariane
Ajouter un fil d’Ariane pour naviguer entre les pages

Pour le reste, utilisez tous les blocks Notion à votre disposition pour créer les contenus de votre site (images, vidéos, textes, titres, etc.).

3 – Publiez votre site web Notion avec Notelet

Publiez un site Notion prend seulement 3 secondes ! Mais c’est sans compter le temps de la création de votre contenu, bien sûr !

Donc, une fois que vous avez créé toutes les pages utiles pour votre site (page Accueil, page À propos, page Contact, etc.), voici ce que vous devez faire :

publier site notion 1
  1. Rendez-vous sur votre page d’accueil et cliquez sur Share.
  2. Vérifiez que l’option Allow duplicate as a template soit désactivée.
  3. Vous pouvez éventuellement activer les commentaires.
  4. Copiez le lien.
publier site notion 2
  1. Rendez-vous ensuite sur le site officiel de Notelet. Cliquez sur Try without signup.
  2. Donnez un nom à votre site : n’utilisez pas d’espace ou de caractère spécial.
  3. Collez le lien dans le champ dédié.
  4. Cliquez sur Launch site.
  5. Vous pouvez maintenant visiter votre site en « live ».
  6. Si votre site vous convient, il faudra cliquer sur Sign up pour créer un compte et enregistrer officiellement votre site. Sans cette action, votre site disparaitra.
  7. L’inscription est rapide : une adresse e-mail suffit.
  8. L’interface de Notelet est également très épurée.
publier site notion 3

Les tarifs de Notelet

Notez que Notelet est un service gratuit si vous l’utilisez pour 1 site web. La version premium coûte 7$/mois. Elle permet de publier plusieurs sites web et de connecter vos noms de domaine. Dans ce cas, votre site deviendra accessible à l’adresse nom-de-domaine.com au lieu de nom-de-domaine.notelet.so

4 – Comment ajouter un formulaire de contact ?

Notion ne permet pas nativement de créer un formulaire de contact. Vous devrez donc faire appel à un service externe tel que Google Forms ou Typeform.

Le block Typeform est justement prévu pour ça :

page contact
Utiliser le block Typeform pour insérer un formulaire au sein de votre page contact.

Toutefois, les tarifs de Typeform sont assez conséquents, vous pourrez cependant commencer avec un plan gratuit :

typeform
Tarifs de Typeform

5 – Optimiser un site web Notion pour le SEO et l’UX

Si vous avez créé votre site web avec Notion, vous avez dû remarquer qu’il n’est pas vraiment possible d’optimiser le SEO comme nous avons l’habitude de le faire sous WordPress et que l’expérience utilisateur (UX) n’est pas au top :

  • Les permaliens ne sont pas optimisés (pretty permalink) : ils affichent une série de nombres et de lettres, il n’est pas possible de les modifier avec des mots-clés de manière native.
  • On ne peut pas définir un titre SEO et une méta-description pour chaque page.
  • Il n’y a pas vraiment de menu de navigation natif.
  • Etc.

Mais Notelet permet d’agir sur plusieurs de ces points justement :

optimisation SEO notion
Site web fait avec Notion et optimisé grâce à Notelet
  1. Un logo peut être inséré dans le menu de navigation.
  2. Un menu de navigation peut être défini.
  3. Des liens externes peuvent être insérés dans la navigation.
  4. Un favicon peut également être défini.
  5. L’utilisation d’un titre SEO et d’une méta-description est également possible, pour toutes les pages.

Notelet permet également de :

  • Choisir parmi 8 typographies différentes.
  • Ajouter divers scripts JS dont le code de suivi Google Analytics (code UA-).
  • Optimiser les slugs pour afficher des permaliens optimisés.

Et la bonne nouvelle est que cela est possible dès la version gratuite de Notelet ! Je vous expliquerai en détails comment réaliser ces optimisations lors d’un prochain article…

6 – Les autres alternatives

Notelet n’est pas le seul service qui permet de publier un site web Notion. Le service Pagebly permet aussi cette fonctionnalité. Il en existe certainement d’autres…

Service Pageably
Pageably est une alternative à Notelet

Toutefois, notez que les plans premiums de Notion permettent d’activer l’option « Search engine indexing ». De cette manière, les moteurs de recherche tels que Google pourraient être en mesure d’indexer les pages que vous avez rendues publiques (option « Share to the web » ) :

Indexation des site web Notion
Option Search Engine Indexing

Par contre, en utilisant cette fonctionnalité native de Notion, il n’y aura pas d’optimisation possible (pour l’instant), comme le permet Notelet.

Enfin… Je crois (j’en suis sûre en fait), que WordPress reste LA solution idéale pour créer un site professionnel.

Couverture Ebook WordPress 2020 2021 Light

Besoin de créer votre site ? Découvrez mon guide WordPress en PDF : une formation de plus de 770 pages de tutoriels pas à pas pour vous guider dans l’apprentissage de ce CMS. Vous allez vous épater ! D’autres y sont parvenus, pourquoi pas vous ?

7 – Créer un site avec Notion : tutoriel en vidéo

Pour conclure cet article, je vous propose de retrouver ces explications au sein de cette vidéo :

Je suis également preneuse de vos avis au sujet de la question de créer un site web avec Notion… Qu’en pensez-vous ? Seriez-vous prêt à opter pour cette solution ?

Savez-vous que La Webeuse propose des formations pour vous aider à faire votre place sur le Web ?

Pack de 4 ebooks-formations en PDF

site web gratuit avec notion
decouvrir exploiter notion

Encore un peu de lecture ?

Zapier : c’est quoi et comment ça marche ?

Zapier : c’est quoi et comment ça marche ?

Zapier est une application qui fait beaucoup parler d’elle chez les freelances et les entrepreneurs. En effet, elle peut vous faire gagner un temps précieux et ses possibilités sont très vastes ! À quoi sert-elle exactement ? En un mot : Automatiser. Et en une phrase...

2 Commentaires

  1. CARPENTIER Patrick

    0 commentaires : quelle responsabilité ! Bon, je me lance quand même.

    J’ai un projet d’app sur smartphone, et je commence à m’informer – depuis hier en fait – sur les possibilités de développer moi-même au sens large. Je viens de découvrir l’univers du nocode. Je viens aussi de comprendre que WordPress n’est pas inaccessible pour un béotien.

    Par contre, je découvre que même si WP est un outil nocode, il y a quand même pas mal de choses à apprendre et à maîtriser. De ce fait, je crois que je vais rentrer dans l’état d’esprit nocode d’abord avec Notion, ce petit outil de dev de site. Je vais créer un petit site sur le thème de mon app. Comme ça se passe dans le tourisme, j’ai du temps devant moi. Les hordes de touristes qui reviennent, notamment les étrangers, c’est pas pour demain !

    Je vous tiens au courant de mes difficultés de dev 🙂

    PS. Généralement, je trouve les vidéos YouTube créées par des développeurs, même professionnels, assez mal foutues : pas de préparation (ils inventent au fil de l’eau), pas d’installation intellectuelle rigoureuse du problème avant de démarrer, utilisation d’une fonction sans la définir vraiment,….c’est souvent confus, voire chaotique. Le contraire de la pédagogie !

  2. La Webeuse

    Merci Patrick ! Si tu veux créer un app, peut être que Bubble ou un truc du genre te serait utile. Toutefois il faut aussi apprendre à le maîtriser… Sache qu’il existe des plugins WP qui te permettent de convertir ton site en App et se chargent de les publier sur les divers stores. Ainsi, tu bénéficie de la communauté WP, qui est très accessible

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Recevez les news, freebies, astuces et tutos de La Webeuse !

Pin It on Pinterest

Shares
Share This