FRFAM.COM >> Famille >> Technologie &Innovation >> Informatique

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Google Sites est l'un des outils en ligne les plus efficaces pour concevoir un site web gratuit. De nombreux professionnels et particuliers l'utilisent pour créer rapidement un portfolio personnel ou un site d'entreprise simple. Aucune compétence en développement web ou en codage n'est requise.

Dans cet article détaillé, découvrez comment utiliser Google Sites pour bâtir votre propre site web en quelques étapes simples et intuitives.

Qu'est-ce que Google Sites ?

Pendant de nombreuses années, Google Sites est resté relativement statique en termes de fonctionnalités. La version classique, appelée désormais Google Sites Classic, offrait des options de personnalisation limitées, avec un style souvent jugé dépassé.

Les sites créés avec l'ancienne version présentaient des menus de navigation statiques et des mises en page encombrées, évoquant le design web des années 1990, loin des standards modernes comme les menus dynamiques et les layouts réactifs.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

En 2016, Google a lancé une version entièrement remaniée de Google Sites, permettant de créer des sites frais et contemporains.

La différence est immédiate : l'ancien éditeur était rigide, tandis que le nouveau offre une liberté totale. Glissez-déposez, positionnez et redimensionnez facilement les éléments et widgets où bon vous semble.

Comment créer un site Google Sites

Pour démarrer un site de zéro, rendez-vous sur la page d'accueil de la nouvelle Google Sites et connectez-vous avec votre compte Google. Cliquez sur le bouton rouge « + » en bas à droite.

Une page vierge s'ouvre avec le thème « Simple » par défaut.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

L'interface de l'éditeur est intuitive et se divise en trois sections principales :

  • Panneau de droite : Trois menus incluant Insérer pour ajouter objets et widgets, Pages pour créer des pages et sous-pages, et Thèmes pour personnaliser l'apparence de la page en cours.
  • Menu supérieur : Nommez votre site, prévisualisez, publiez ou partagez-le.
  • Fenêtre de conception : Zone centrale pour éditer contenu et design.

Commencez par choisir un style d'en-tête : grande bannière, moyenne ou simple titre.

Créer un en-tête et du contenu

Ajoutez un nom de site et un logo en haut, à gauche du menu de navigation.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

L'atout majeur de Google Sites réside dans sa flexibilité : placez les objets librement.

Par exemple, pour un portfolio, insérez une photo de profil via le menu « Insérer » et glissez-la sur la bannière sans coder en CSS ou PHP.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Sous l'en-tête, ajoutez des sections en cliquant sur la page. Personnalisez les couleurs de fond, insérez des objets ou saisissez du texte.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Si la flexibilité est au rendez-vous, les options de style restent limitées : titres H1, H2 ou H3 selon la taille d'en-tête. Pour plus de personnalisation, cliquez sur l'icône « Plus » (trois points) et modifiez le code si nécessaire.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Une fois l'en-tête et les sections titrées, concentrez-vous sur le contenu principal.

Conception et navigation du site

Dans le menu Thèmes à droite, choisissez parmi six thèmes qui modifient couleurs, polices et styles d'en-tête. Testez-les pour une cohérence sur l'ensemble du site.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Via le menu Pages, ajoutez pages et sous-pages. Elles s'intègrent automatiquement au menu de navigation supérieur.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Les liens se mettent à jour automatiquement. Pour un look moderne, optez pour une navigation latérale via l'icône engrenage : un menu hamburger dynamique apparaît au clic.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Cette option confère un aspect professionnel et contemporain à votre site.

Ajouter des widgets

Google Sites excelle dans l'intégration facile d'éléments interactifs, alternative idéale à WordPress pour les débutants.

Intégrez directement :

  • Documents Google Docs
  • Diapositives Google Slides
  • Feuilles de calcul Google Sheets
  • Formulaires Google Forms
  • Graphiques Google Charts
  • Cartes Google Maps
  • Agendas Google Calendar

Glissez-déposez-les librement. Exemples :

Intégrer un calendrier : Sélectionnez le widget « Calendrier » et liez votre compte Google.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Disposez-les côte à côte, redimensionnez à volonté.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Intégrer une feuille de calcul : Partagez des données organisées ; les mises à jour automatiques simplifient la maintenance.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Intégrer un graphique : Choisissez un graphique dans une feuille Sheets pour des tableaux de bord dynamiques.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Idéal pour des rapports professionnels accessibles via un lien Google.

Terminer et publier votre site web

Finalisez avec une page contact : calendrier, formulaire Google Forms et carte Maps.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Cliquez « Publier » pour héberger sous sites.google.com avec un nom personnalisé.

Créez gratuitement un site web professionnel et moderne avec Google Sites : tutoriel étape par étape

Pour un domaine personnalisé, redirigez-le vers cette URL.

Google Sites est-il fait pour vous ?

Gratuit et accessible, Google Sites ouvre des horizons :

  • Rapports internes privés pour le travail.
  • Portfolio professionnel pour clients.
  • Site d'entreprise simple et efficace.

La nouvelle version est intuitive et moderne. Si elle ne convient pas, explorez les générateurs de sites statiques.


[]