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.
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.
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.
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.
L'interface de l'éditeur est intuitive et se divise en trois sections principales :
Commencez par choisir un style d'en-tête : grande bannière, moyenne ou simple titre.
Ajoutez un nom de site et un logo en haut, à gauche du menu de navigation.
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.
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.
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.
Une fois l'en-tête et les sections titrées, concentrez-vous sur le contenu principal.
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.
Via le menu Pages, ajoutez pages et sous-pages. Elles s'intègrent automatiquement au menu de navigation supérieur.
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.
Cette option confère un aspect professionnel et contemporain à votre site.
Google Sites excelle dans l'intégration facile d'éléments interactifs, alternative idéale à WordPress pour les débutants.
Intégrez directement :
Glissez-déposez-les librement. Exemples :
Intégrer un calendrier : Sélectionnez le widget « Calendrier » et liez votre compte Google.
Disposez-les côte à côte, redimensionnez à volonté.
Intégrer une feuille de calcul : Partagez des données organisées ; les mises à jour automatiques simplifient la maintenance.
Intégrer un graphique : Choisissez un graphique dans une feuille Sheets pour des tableaux de bord dynamiques.
Idéal pour des rapports professionnels accessibles via un lien Google.
Finalisez avec une page contact : calendrier, formulaire Google Forms et carte Maps.
Cliquez « Publier » pour héberger sous sites.google.com avec un nom personnalisé.
Pour un domaine personnalisé, redirigez-le vers cette URL.
Gratuit et accessible, Google Sites ouvre des horizons :
La nouvelle version est intuitive et moderne. Si elle ne convient pas, explorez les générateurs de sites statiques.