Qu'est-ce que Google Sites ?
Google Sites est un outil gratuit de création de sites web, accessible via navigateur, intégré à l'écosystème Google Workspace. Il permet aux particuliers, aux équipes, aux établissements scolaires et aux organisations de créer des sites web structurés et composés de plusieurs pages sans écrire une seule ligne de code. Contrairement aux outils de développement web traditionnels, Google Sites fonctionne entièrement au sein d'un compte Google : aucun frais d'hébergement, aucune configuration de domaine n'est requise pour commencer, et aucun logiciel n'est à installer. Les sites publiés sont hébergés sur l'infrastructure de Google, sur un sous-domaine de sites.google.com , ou peuvent être associés à un nom de domaine personnalisé.
Il existe techniquement deux versions de Google Sites. La version originale, parfois appelée « Google Sites classique », a été lancée en 2008 et s'appuyait sur l'acquisition de JotSpot. Google l'a remplacée par un produit entièrement repensé, le « Nouveau Google Sites », à partir de 2016, la version classique étant officiellement fermée en 2021. Cet article traite exclusivement de la version actuelle de Google Sites.
Pourquoi Google Sites est important
Google Sites occupe une place spécifique et réellement utile dans le paysage de la création de sites web. Il ne cherche pas à concurrencer Squarespace pour les sites de portfolio ni WordPress pour la publication de contenu volumineux. Sa véritable valeur réside dans un ensemble plus restreint de cas d'utilisation où la simplicité, l'intégration à Google Workspace et la gratuité priment sur la flexibilité de conception ou les fonctionnalités avancées.
- Gratuit pour les particuliers : tout titulaire d’un compte Google peut créer et publier un site web Google Sites sans frais. Il n’y a pas d’abonnement premium, pas de modèles payants et aucune consommation de bande passante pour une utilisation courante.
- Intégration native de Google Workspace : Google Sites permet d’intégrer directement dans ses pages des documents Google Docs, Sheets, Slides, Forms, Maps, Agendas, des dossiers Drive et des vidéos YouTube. Le contenu intégré reste actif et se met à jour automatiquement dès que le fichier source est modifié — une fonctionnalité qu’aucun outil de création de sites web tiers ne peut reproduire avec autant de fluidité.
- Géré par l'infrastructure Google : les sites sont servis depuis le CDN mondial de Google, ce qui signifie qu'ils se chargent rapidement et bénéficient de la fiabilité de disponibilité de Google sans aucune configuration de la part du propriétaire du site.
- Collaboration intégrée : plusieurs personnes peuvent modifier simultanément un site Google, grâce au même modèle de partage et d’autorisations que celui utilisé sur Google Drive. C’est donc idéal pour les intranets d’équipe, les projets de classe et les pages de département.
- Aucune maintenance requise : aucun plugin à mettre à jour, aucun correctif de sécurité à appliquer, aucune configuration serveur à gérer. Google s’occupe de tout en toute transparence.
Pour un enseignant créant une plateforme de ressources pédagogiques, une équipe RH publiant un portail de politiques internes ou une petite association ayant besoin d'une présence publique basique sans budget, Google Sites est souvent la solution la plus pratique. Certes, il y a des compromis à faire : la personnalisation du design est limitée, le e-commerce n'est pas pris en charge et les outils de référencement sont rudimentaires, mais pour son public cible, ces limitations importent rarement.
Fonctionnement de Google Sites : l’architecture de base
Comprendre le fonctionnement technique de Google Sites permet de définir des attentes précises quant à ses possibilités et ses limites.
L'interface de l'éditeur
Google Sites utilise un éditeur WYSIWYG (tel affichage, tel résultat) par glisser-déposer, accessible entièrement via un navigateur web à l' adresse sites.google.com . La zone d'édition est divisée en un panneau latéral droit comportant trois onglets : Insertion, Pages et Thèmes, et une zone centrale représentant la page en cours de création.
Le panneau Insertion contient les éléments de base mis à la disposition des créateurs de sites :
- Zone de texte — contenu de paragraphe et de titre de base
- Images — téléchargées depuis un appareil, extraites de Google Drive ou trouvées via la recherche d'images Google
- Intégration — URL brute ou code d'intégration iframe pour contenu externe
- Éléments Drive — Documents, feuilles de calcul, présentations, formulaires et dossiers intégrés en direct depuis Google Drive
- YouTube — Intégration de vidéos par URL ou recherche
- Agenda, Carte, Graphiques — intégration directe des produits Google
- Texte déroulant, table des matières, bouton, séparateur et carrousel d'images — éléments de mise en page structurelle
Le contenu de chaque page est organisé en sections. Ces sections s'empilent verticalement et peuvent être réorganisées par glisser-déposer. Au sein d'une section, un système de mise en page en grille permet de placer plusieurs blocs de contenu côte à côte. Bien que la grille soit relativement grossière comparée à des outils comme Webflow ou Wix, elle suffit amplement pour des pages claires et lisibles.
Pages et navigation
Un site Google est organisé en pages gérées via l'onglet Pages. Les pages peuvent être imbriquées pour créer une hiérarchie simple : une page parente et des pages enfants. Le site génère automatiquement un menu de navigation en fonction de cette structure, mais les créateurs peuvent choisir les pages affichées et leur ordre d'affichage. Il n'y a pas de méga-menu ni de pied de page intégré ; la navigation se limite à une simple barre horizontale en haut de chaque page.
Thèmes et conception visuelle
L'onglet Thèmes propose une sélection restreinte de thèmes visuels prédéfinis, chacun permettant de contrôler les polices, la palette de couleurs et le style d'en-tête. Au sein d'un thème choisi, les créateurs peuvent ajuster les couleurs principales et secondaires et sélectionner une police parmi un nombre limité d'options. L'accès au CSS brut, l'importation de polices personnalisées et la modification directe du HTML sont impossibles. Cette limitation est délibérée : Google Sites privilégie la simplicité et la cohérence à la liberté de conception.
Publication et hébergement
Une fois le site prêt, cliquez sur le bouton Publier pour le mettre en ligne. Google Sites propose deux options de publication :
- Sous-domaine Google : le site est publié à une URL au format sites.google.com/view/nom-de-votre-site . C’est instantané, gratuit et sans configuration.
- Domaine personnalisé : les propriétaires de sites peuvent associer un domaine leur appartenant à leur site Google en ajoutant un enregistrement CNAME auprès de leur registraire de domaine. Google fournit la valeur CNAME à utiliser. Le domaine lui-même doit être acheté et renouvelé séparément ; Google Sites ne vend ni ne gère de domaines.
Tous les sites Google publiés sont automatiquement servis via HTTPS. Il n'est pas possible de servir un site Google via HTTP simple, ce qui constitue un choix judicieux du point de vue de la sécurité.
Contrôle d'accès et visibilité
Google Sites prend en charge trois niveaux de visibilité pour les sites publiés :
| Paramètres de visibilité | Qui peut consulter | Cas d'utilisation typique |
|---|---|---|
| Public (toute personne sur le web) | Tous les internautes, aucune inscription requise | Sites web publics, pages d'organismes à but non lucratif, ressources pédagogiques |
| Quelqu'un qui a le lien | Toute personne disposant de l'URL, aucune inscription requise | Pages de projets partagées, sites d'événements à diffusion limitée |
| Des personnes ou des groupes spécifiques | Seuls les comptes Google ayant explicitement autorisé l'accès | Portails d'équipe internes, intranets scolaires, documentation privée |
Pour les organisations utilisant Google Workspace for Education ou Google Workspace for Business, une option supplémentaire permet de limiter la consultation aux seuls membres du domaine de l'organisation — une fonctionnalité essentielle pour les bases de connaissances internes et les portails RH qui ne devraient jamais être accessibles au public.
Comment fonctionnent les autorisations de modification
Google Sites utilise le même modèle d'autorisations que Google Drive. Le propriétaire du site peut partager l'accès en modification avec d'autres titulaires de comptes Google à trois niveaux : Lecteur, Éditeur et Propriétaire. Les Éditeurs peuvent modifier le contenu et publier les modifications. Les Propriétaires peuvent modifier les paramètres de partage et supprimer le site. Ce modèle simplifie la création collaborative de sites pour les équipes travaillant déjà dans Google Workspace, car le processus est identique au partage d'un document Google.
La relation entre les États en projet et les États publiés
Google Sites assure une séparation nette entre la version brouillon (non publiée) d'un site et sa version en ligne. Les modifications apportées dans l'éditeur n'apparaissent sur le site en ligne que lorsque le propriétaire clique explicitement sur « Publier ». Ainsi, une équipe peut travailler sur des modifications importantes (restructuration de pages, mise à jour de contenu, ajout de nouvelles sections) sans que ces modifications soient visibles pour les visiteurs. Cette fonctionnalité simple, mais essentielle, permet d'éviter la publication accidentelle d'un travail incomplet.
Il n'existe cependant pas d'historique des versions intégré pour les états publiés, contrairement à WordPress ou d'autres plateformes de gestion de contenu qui proposent une fonction de restauration. L'éditeur conserve bien un historique des annulations au sein d'une session, mais il est impossible de revenir à un état publié antérieur. Cette limitation est importante pour les sites où l'exactitude du contenu est primordiale.
Réactivité mobile
Tous les sites Google sont adaptatifs par défaut. La mise en page s'ajuste automatiquement aux écrans plus petits sans aucune configuration supplémentaire de la part du créateur du site. Ce dernier peut prévisualiser l'apparence du site sur ordinateur, tablette et mobile grâce à l'option d'aperçu dans l'éditeur. Le comportement adaptatif est entièrement géré par le moteur de rendu de Google ; les créateurs de sites ne peuvent ni écrire de requêtes média personnalisées ni modifier manuellement la mise en page adaptative, ce qui reflète la philosophie de la plateforme, axée sur la simplicité plutôt que sur le contrôle.
Comment créer un site Google : le processus complet étape par étape
Pour créer un site Google, rendez-vous sur sites.google.com, cliquez sur le bouton « + » pour créer un nouveau site, choisissez un modèle ou partez d'une page blanche, ajoutez des pages et du contenu à l'aide de l'éditeur glisser-déposer, configurez la navigation et les paramètres de partage, puis publiez. La création d'un site basique prend moins d'une heure.
Étape 1 : Accédez à Google Sites et choisissez votre point de départ
Rendez-vous sur sites.google.com et connectez-vous avec votre compte Google. Si vous utilisez Google Workspace via votre employeur ou votre établissement scolaire, connectez-vous plutôt avec ce compte : vous bénéficierez ainsi de contrôles de partage supplémentaires et d’un espace de stockage lié à votre organisation.
Vous verrez deux options pour démarrer :
- Site vierge : Liberté créative totale. Idéal si vous avez une vision claire du design ou des besoins spécifiques en matière de mise en page.
- Galerie de modèles : mises en page prédéfinies pour portfolios, sites de projets, intranets d’équipe, pages d’événements et sites de classe. Les modèles permettent un gain de temps considérable et sont faciles à personnaliser.
Cliquez sur le grand bouton « + » sous « Créer un nouveau site » pour ouvrir une page blanche, ou parcourez la galerie de modèles et cliquez sur un modèle pour l’ouvrir dans l’éditeur. Vous pourrez changer de modèle ultérieurement, mais cela remplacera votre mise en page actuelle ; choisissez donc avec soin dès le départ.
Étape 2 : Nommez votre site et définissez le titre de la page
En haut à gauche, cliquez sur « Saisir le nom du site » et saisissez le nom de votre site. Ce nom apparaîtra dans l'onglet du navigateur et dans les résultats de recherche Google si votre site est public ; assurez-vous donc qu'il soit descriptif et précis. Par ailleurs, cliquez sur le titre principal de la page pour définir le titre visible de votre page d'accueil ; ce titre est indépendant du nom du site.
Le choix du nom est crucial pour la visibilité. Si vous créez un site public, intégrez un mot-clé pertinent dans son nom. Pour les sites internes d'une équipe, utilisez un nom que l'équipe reconnaîtra immédiatement lors d'une recherche sur Google Drive.
Étape 3 : Créer la structure et la navigation de votre page
Dans le panneau de droite, cliquez sur l'onglet Pages (l'icône représentant des pages empilées). Google Sites crée automatiquement une page d'accueil. Ajoutez d'autres pages en cliquant sur le bouton + en bas du panneau Pages.
Planifiez votre navigation avant d'ajouter du contenu. Un site bien structuré suit généralement l'un de ces modèles :
- Structure plate : toutes les pages sont au même niveau. Convient parfaitement aux sites de cinq pages ou moins (portfolio, site événementiel, CV personnel).
- Structure hiérarchique : pages parentes avec sous-pages imbriquées. Idéale pour les intranets d’équipe, les plateformes de projets ou les sites de documentation comportant de nombreuses sections.
- Structure monopage : une longue page défilante avec des liens d’ancrage. Idéale pour les pages d’accueil simples ou les annonces d’événements.
Pour créer une sous-page, faites glisser une page sous une page parente dans le panneau Pages jusqu'à ce qu'elle s'insère dans le menu déroulant. Google Sites l'ajoute automatiquement au menu de navigation. Vous pouvez également cliquer avec le bouton droit sur n'importe quelle page du panneau pour la dupliquer, la masquer dans le menu de navigation ou la définir comme page d'accueil.
Étape 4 : Ajouter et organiser les blocs de contenu
Google Sites utilise une mise en page par sections. Chaque page est composée de sections empilées, et dans chaque section, vous placez des blocs de contenu. Cliquez n'importe où sur la zone de travail pour ouvrir le panneau Insertion à droite, qui contient :
- Zone de texte : titres, corps du texte et paragraphes formatés
- Images : Importez-les depuis votre ordinateur, recherchez-les sur Google Images ou importez-les depuis Google Drive ou Photos.
- Intégration : Collez une URL ou un code d’intégration pour afficher du contenu externe directement dans le texte.
- Drive : Insérez directement des documents Google Docs, Sheets, Slides, Forms ou Maps depuis votre Drive.
- YouTube : Recherchez et intégrez des vidéos sans quitter l’éditeur
- Calendrier : Intégrez un calendrier Google pour les pages d’événements ou les plannings d’équipe.
- Carte : Ajouter une carte Google avec un emplacement précis épinglé
- Table des matières : générée automatiquement à partir des titres de la page, utile pour les pages de documentation longues.
- Bouton : Liens d’appel à l’action stylisés comme des boutons
- Séparateur : séparateur visuel entre les sections
- Texte extensible : sections FAQ de type accordéon
- Carrousel d'images : Galerie tournante de plusieurs images
Pour ajouter une nouvelle section, placez le curseur entre deux sections existantes et cliquez sur le + qui apparaît. Vous pouvez ensuite choisir une mise en page : pleine largeur, deux colonnes, trois colonnes ou une image à la une avec du texte superposé. Faites glisser les sections vers le haut ou vers le bas pour les réorganiser.
Étape 5 : Personnaliser le thème visuel
Cliquez sur l'onglet Thèmes (l'icône en forme de palette de peinture) dans le panneau de droite. Google Sites propose des thèmes prédéfinis, chacun avec une combinaison de polices et une palette de couleurs spécifiques. Sélectionnez un thème pour l'afficher instantanément sur toutes les pages.
Au sein de chaque thème, vous pouvez ajuster :
- Couleur : Choisissez parmi les couleurs d’accent prédéfinies ou saisissez un code hexadécimal personnalisé pour correspondre à votre marque.
- Police : Choisissez parmi une liste de combinaisons de polices prédéfinies (Google Sites ne prend pas en charge le téléchargement de polices arbitraires).
- Type d'en-tête : Bannière (grande image d'en-tête), titre uniquement ou couverture (image plein écran avec texte superposé)
Pour ajouter une image d'en-tête personnalisée, cliquez sur la zone d'en-tête de n'importe quelle page et sélectionnez « Modifier l'image ». Utilisez une image haute résolution d'au moins 1 600 pixels de large pour éviter la pixellisation sur les grands écrans. Vous pouvez également définir un logo pour l'ensemble du site en cliquant sur la zone du nom du site et en important un fichier image.
Étape 6 : Configurer le partage et les autorisations avant la publication
Avant de publier votre site, déterminez qui peut le consulter et le modifier. Cliquez sur le bouton Partager (icône représentant une personne avec un +) dans la barre d'outils en haut à droite. Il existe deux niveaux d'autorisation distincts :
| Type d'autorisation | Ce qu'il contrôle | Options |
|---|---|---|
| Accès éditeur | Qui peut modifier le site dans l'éditeur ? | Des personnes spécifiques, toute personne ayant un lien (modifier), votre organisation |
| Accès des visiteurs (site publié) | Qui peut voir le site publié en direct ? | Toute personne connectée à Internet, toute personne connectée, des personnes spécifiques, votre organisation uniquement |
Pour les sites d'équipe internes, limitez l'accès aux membres de votre organisation. Pour les sites web publics, autorisez l'accès à « Tout le monde sur Internet ». Ces deux paramètres sont indépendants : votre liste d'éditeurs n'a aucune incidence sur les personnes pouvant consulter le site publié.
Étape 7 : Définir une adresse Web personnalisée
Par défaut, votre site publié reçoit une URL au format sites.google.com/view/nom-de-votre-site . Vous pouvez personnaliser le chemin d'accès (la partie après /view/) en cliquant sur le bouton Publier et en modifiant le champ Adresse web avant la première publication.
Si vous possédez un nom de domaine personnalisé (par exemple, votreentreprise.com), vous pouvez l'associer à votre site Google. Dans le menu Publier, cliquez sur « Domaine personnalisé » et suivez les étapes de vérification DNS. Vous devrez ajouter un enregistrement CNAME auprès de votre registraire de domaine pointant vers ghs.googlehosted.com . La propagation de cet enregistrement peut prendre entre quelques minutes et 48 heures, selon votre registraire.
Étape 8 : Publiez et testez votre site
Cliquez sur le bouton bleu « Publier » en haut à droite. Google Sites vous demandera de confirmer l'adresse web et les autorisations d'accès. Une fois la page publiée, ouvrez l'URL dans un nouvel onglet de votre navigateur (et non dans l'aperçu de l'éditeur) pour voir exactement ce que les visiteurs verront.
Effectuez des tests systématiques avant de partager le lien :
- Vérifiez chaque lien de navigation et assurez-vous qu'il mène bien à la page souhaitée.
- Consultez le site sur un appareil mobile ou utilisez le mode d'affichage adaptatif de votre navigateur pour vérifier la mise en page mobile.
- Cliquez sur chaque bouton et lien intégré pour vérifier qu'ils s'ouvrent correctement.
- Testez les formulaires Google intégrés en soumettant une réponse de test
- Vérifiez que les fichiers Drive intégrés sont partagés avec le public approprié (un document intégré à un site public doit tout de même être configuré pour permettre à tous les utilisateurs de partager le lien).
Après la publication, l'éditeur affiche un indicateur « Modifications publiées » à chaque modification. Les modifications apportées dans l'éditeur ne sont prises en compte qu'après avoir cliqué à nouveau sur « Publier », ce qui vous garantit un environnement de travail sécurisé.
Tactiques pratiques pour améliorer les résultats de Google Sites
Les tactiques suivantes produisent systématiquement de meilleurs résultats pour les utilisateurs de Google Sites dans différents cas d'utilisation.
Utilisez Google Drive comme plateforme de contenu.
Au lieu de télécharger des fichiers statiques sur votre site, intégrez directement vos documents Google Docs, Sheets et Slides depuis Drive. Lorsque vous modifiez le document source, la version intégrée sur votre site se met à jour automatiquement ; aucune republication n'est nécessaire. C'est particulièrement utile pour les intranets d'équipe où les politiques, les listes de prix ou les outils de suivi de projet évoluent fréquemment.
Intégrer Google Forms pour l'interaction
Google Sites ne propose ni formulaire de contact, ni système d'inscription, ni outil de sondage intégrés. Comblez cette lacune en créant un formulaire Google et en l'intégrant à une page dédiée. Les réponses sont directement enregistrées dans une feuille de calcul Google Sheets, vous offrant ainsi un système CRM ou de collecte de données simple et gratuit.
Utilisez les arrière-plans de section de manière stratégique
Chaque section peut avoir sa propre couleur ou image de fond. L'alternance entre un fond blanc et un fond gris clair ou aux couleurs de la marque crée un rythme visuel qui guide le lecteur sur la page sans nécessiter de CSS personnalisé. Cliquez sur une section, puis sur l'icône des paramètres de la section (le crayon ou l'engrenage) pour accéder aux options d'arrière-plan.
Liens d'ancrage pour les pages longues
Sur les sites web longs d'une seule page, ajoutez un bloc « Sommaire » en haut. Google Sites génère automatiquement des liens d'ancrage à partir de vos titres, permettant ainsi aux visiteurs d'accéder directement à des sections spécifiques. Vous pouvez également créer manuellement des liens d'ancrage en copiant l'URL d'ancrage du bloc « Sommaire » et en l'utilisant dans un bouton ou un lien texte ailleurs sur le site.
Optimisez vos images avant de les télécharger.
Google Sites ne compresse pas automatiquement les images. Si vous importez des images trop volumineuses, votre site se chargera lentement, surtout sur mobile. Redimensionnez vos images à la largeur maximale d'affichage (généralement 1 600 pixels pour les bannières pleine largeur et 800 pixels pour les images en colonne) et compressez-les avec un outil comme Squoosh ou TinyPNG avant de les importer. Cette simple opération a un impact considérable sur les performances de votre site.