• 15 hours
  • Easy

Free online content available in this course.

course.header.alt.is_certifying

Got it!

Last updated on 3/5/24

Mettez en ligne votre site

Mettez en ligne votre site

Regardez la vidéo de démonstration pour suivre les étapes clés.

Maintenant que votre site est prêt, nous allons pouvoir nous inscrire chez un hébergeur. Je vous propose de tester Faaaster.io qui est un service d’hébergement managé. Il vous propose une installation simple de WordPress. Les hébergeurs sont globalement tous payants mais Faaaster nous propose 30 jours gratuits pour tester son service. Parfait pour un premier essai !

Créez un compte Faaaster et  installez un site WordPress vierge

Pour commencer, rendez-vous sur Faaaster.io

  1. Cliquez sur “Commencer gratuitement” et créez-vous un compte.

  2. Vous voici sur le tableau de bord, cliquez sur “Créer un site”.

  3. Rentrez le nom du site, sa langue ainsi qu’un nom de domaine temporaire. Ce nom de domaine vous servira le temps d’acheter et de mettre en place le vrai nom de domaine (agence-bananadesign.com).

  4. Passez l’étape du nom de domaine pour le moment.

  5. Choisissez ensuite l’offre d’un mois gratuit.

  6. Remplissez les informations de facturation et validez.

  7. Votre site se construit et sera prêt dans quelques minutes !

Sauvegardez avec UpdraftPlus

Votre hébergement est configuré, nous allons pouvoir remplir notre nouveau site avec tous les contenus créés précédemment. Pour cela nous allons utiliser le système de sauvegarde du plugin UpdraftPlus.

Sur votre site en local
  1. Allez dans “Réglages” puis “Sauvegardes UpdraftPlus”.

  2. Créez une sauvegarde, si ce n’est pas déjà fait.

  3. Téléchargez chaque fichier de la sauvegarde (base de données, extensions, thèmes, téléversements, autres) sur votre ordinateur.

  4. Retournez sur Faaaster.

Sur votre site en ligne
  1. Connectez-vous à votre site et allez sur le dashboard en cliquant sur le bouton “Se connecter au site”.

  2. Passez le site en français.

  3. Installez et activez l’extension “UpdraftPlus”.

  4. Allez dans l’onglet du plugin et cliquez sur “Téléverser des fichiers de sauvegarde”.

  5. Déposez tous vos fichiers dans la zone prévue à cet effet. 

  6. Une fois les fichiers téléversés, vous pouvez cliquer sur “Restaurer”.

  7. Cochez toutes les cases pour importer vos contenus (“Extensions”, “Thèmes”, “Téléversements”, “Autres” et “Base de données”).

  8. Cochez la case “Rechercher et remplacer l’emplacement du site” permettant la migration (déplacement du site d’une URL locale à une URL en ligne pour notre cas).

  9. Cliquez sur “Restaurer” et patientez.

  10. Cliquez sur “Retourner à la configuration d’UpdraftPlus”. 

  11. Vous n’avez plus qu’à vous reconnecter avec vos identifiants habituels, c'est-à-dire ceux de votre site local. 

La restauration a recréé les comptes utilisés en local, et c’est donc pour cela que vos identifiants utilisés en local existent maintenant en ligne.

Félicitations ! Vous avez réussi la mise en ligne de votre site !

J’ai privilégié ici l’extension UpdraftPlus car je la trouve plus facile d'utilisation et ses options de sauvegarde sont automatisées. Elle offre une plus grande flexibilité avec de multiples options de stockage en cloud. Mais il existe d’autres façons de mettre son site en ligne. En voici quelques-unes, de la plus simple à la plus complexe :

  • Utiliser la fonction d’exportation/importation intégrée à WordPress, disponible dans l’onglet “Outils” du tableau de bord.

  • Installer un plugin de migration comme “All in one WP Migration” qui exporte un fichier de type .wpress contenant tout le site en un seul clic. Idéal pour une migration rapide ou une sauvegarde à la demande.

  • Migrer le site manuellement via un FTP (File Transfer Protocol). Il s’agit de migrer les fichiers du site avec un logiciel de transfert et d’importer la base de données. Vous pouvez en voir un exemple dans le cours Mettez en ligne votre site web.

  • Utiliser un outil de gestion de versions comme Git couplé à un service en ligne d’intégration continue. À chaque modification du site en local, l’intégration continue sera notifiée et déployée automatiquement en ligne.

Ajoutez un nom de domaine

Ajouter un nom de domaine à votre site est généralement un processus simple, mais cela peut varier légèrement en fonction de l'hébergeur que vous utilisez. Il est plus simple d’acheter le nom de domaine en même temps que son hébergement, car tout sera déjà configuré dans votre compte hébergeur.

Mais rassurez-vous, si vous décidez d’ajouter un nom de domaine après avoir mis en ligne votre site, voici quelques étapes généralistes :

  1. Achetez le nom de domaine auprès d’un registraire comme GoDaddy, Gandi, Namecheap… 

  2. Configurez les serveurs de noms (DNS). Ces informations vous sont données par votre hébergeur web et il y a généralement des tutoriels ou une foire aux questions sur son site pour vous aider à les trouver. Enregistrez ces informations chez votre registraire.

  3. Ajoutez le nom de domaine dans votre hébergement. Il s’agit “d’informer” votre site en ligne qu’un nom de domaine va être installé.

  4. Patientez pendant la propagation DNS le temps que les serveurs DNS à travers le monde soient mis à jour avec la nouvelle information. Cela peut prendre 48 h !

  5. Passé ce délai, vous pourrez accéder à votre site par son nom de domaine, et non plus le domaine temporaire de l’hébergeur.

Finalisez les configurations

Lorsque vous aurez mis en ligne votre site et connecté un nom de domaine définitif, vous pourrez procéder aux dernières configurations indispensables pour suivre la santé de votre site.

Configurez Google Analytics

Comme nous l’avons vu précédemment, Google Analytics est un service d'analyse web offert par Google, permettant aux propriétaires de sites web de suivre et de comprendre le comportement des utilisateurs sur leur site.

Pour mettre en place Google Analytics, il faut commencer par se créer un compte en cliquant sur le bouton “Commencer à mesurer”. 

Suivez les instructions et récupérez ensuite l’ID de suivi Google Analytics.

Allez ensuite dans votre tableau de bord WordPress :

  1. Rendez-vous dans SEOPress >> Statistiques et mesures d’audience.

  2. Cochez la case “Activer le suivi Google Analytics (balise globale du site : gtag.js)”.

  3. Entrez l’ID de suivi dans le champ dédié.

Ça y est, Google Analytics est bien connecté à votre site et vous pouvez suivre les statistiques détaillées de vos visites !

Il existe des alternatives plus simples à Google Analytics, comme l’extension SlimStat qui ne nécessite aucune configuration et affiche directement les principales statistiques dans le dashboard WordPress.

Mettez-vous en conformité avec les lois sur la protection des données

Si vous mettez en place Google Analytics sur votre site, ou même simplement un pop-up d’inscription à la newsletter, il faudra vous mettre en conformité avec le Règlement général sur la protection des données (RGPD). En effet, ces pratiques récupèrent les données (pages vues, liens cliqués, e-mails…) des utilisateurs. Vous devez alors demander à vos visiteurs leur consentement pour collecter leurs données via les cookies.

WP GDPR Compliance est le plugin qu’il vous faut. Il va automatiquement créer un pop-up de consentement. 

Configurez Google Search Console

Google Search Console est un outil de Google permettant de suivre et d’optimiser votre référencement naturel. Déclarer son site sur Google Search Console permet aussi de prévenir Google de son existence, ce qui est indispensable si vous n’avez pas de liens entrants vers votre site et que vous souhaitez que ce dernier apparaisse rapidement dans les résultats de recherche !

De même que sur Google Analytics, créez-vous un compte et créez une propriété pour votre domaine. Plusieurs méthodes de validation du domaine vous sont alors proposées, comme par exemple la connexion par Google Analytics si vous l’avez mis en place.

Une fois le domaine validé, vous recevrez automatiquement des instructions pour optimiser la présence de votre site. Pensez en particulier à indiquer à Google l’URL de votre sitemap généré automatiquement par SEOPress depuis SEOPress >> Plan de site HTML/XML.

En résumé

  • La mise en ligne d’un site WordPress peut être facilitée par un hébergement managé car un site WordPress vierge est installé automatiquement.

  • La migration de votre site local vers votre site en ligne peut se faire grâce à des plugins, mais aussi manuellement ou par des déploiements automatiques.

  • L’ajout d’un nom de domaine est facultatif et vous pouvez le lier à votre site à tout moment grâce à quelques étapes décrites par votre registraire.

  • La connexion à Google Analytics et Google Search Console peut être faite à la main ou, plus facilement, via des extensions SEO.

  • La conformité à la loi RGPD passe par la demande de consentement de vos utilisateurs à collecter leurs données. 

Conclusion

Bravo ! Votre site est maintenant en ligne, déclaré à Google, et votre trafic tracké par Google Analytics. Vous pouvez faire une pause et célébrer cet accomplissement !

L’histoire ne fait bien sûr que commencer et il sera important de publier régulièrement du contenu, d’analyser votre trafic et votre positionnement SEO, et de procéder régulièrement aux mises à jour de WordPress et de ses composants.

N'oubliez pas de réaliser le quiz de fin de partie pour valider vos compétences et l'activité "Entrainez-vous à réaliser un site WordPress professionnel" au chapitre suivant !

J’espère que vous avez apprécié ce moment passé ensemble, et que ce cours vous a donné envie d’aller plus loin dans le monde du webdesign ! Bonne continuation !

Example of certificate of achievement
Example of certificate of achievement