Moderniser un site existant

Module 2: La première version · Temps de lecture : 10 minutes

Objectif pédagogique : À l'issue de cette leçon, vous saurez faire lire un site web existant, choisir les pages et l'identité visuelle à conserver, expliquer ce qui est repris ou non et ce qu'il advient de vos photos, et comparer la nouvelle version avec l'ancienne.

Notions clés : Moderniser un site existant, lecture du site, Lire mon site, panneau de lecture, cocher des pages, souhait de design, couleurs et polices actuelles, modèle d'IA, description de photo, robots.txt, page de parking

Pourquoi moderniser plutôt que repartir de zéro

Si vous avez déjà un site, il contient déjà du travail : vos propres textes, vos photos, vos coordonnées et souvent une politique de confidentialité. Avec Moderniser un site existant, l'outil lit ce site et s'en sert pour construire un nouveau design. Vos propres formulations sont reprises mot pour mot, sans être résumées. C'est justement ce qui rend un site personnel.

Cela fonctionne pour les sites classiques, les sites WordPress ou Joomla, les sites qui ne se construisent que dans le navigateur, ainsi que les sites créés avec le Drag-and-drop Builder. Votre site actuel reste en ligne jusqu'à ce que vous publiiez le nouveau sur le même domaine.

La lecture du site : comment ça marche

1. Dans la carte de démarrage, choisissez Moderniser un site existant.
2. Dans Adresse de votre site actuel, saisissez l'adresse, par exemple www.example.com.
3. Cliquez sur Lire mon site. Cela prend généralement une trentaine de secondes et c'est gratuit.

L'outil se comporte comme un visiteur bien élevé. Il commence par l'adresse que vous indiquez, suit les liens de votre site et prend toujours en compte les liens de votre menu principal. Il respecte le fichier robots.txt (le fichier dans lequel un site indique ce que les programmes visiteurs n'ont pas le droit de lire) et lit au maximum 60 pages à la fois ; si votre site est plus grand, il reprend les plus importantes et vous le signale. Il ignore les pages de connexion, les paniers, les pages de paiement et les pages de recherche. Vous pouvez faire lire un site au maximum 10 fois par heure.

Si l'adresse n'affiche pas un vrai site mais une page de parking ou une page par défaut, ou si l'outil ne parvient à rien lire, il bascule vers un nouveau site : il prépare un début de description que vous complétez (leçon 2.1).

Le panneau de lecture : choisir ce que vous conservez

Après la lecture, la carte de démarrage affiche ce qui a été trouvé :

• un titre comme « Lu : 5 pages sur 7 conservées, 9 photos », parfois avec la plateforme qui a servi à créer le site ;
• la liste Pages, chacune avec une case à cocher et son adresse ;
• le nombre de mots, de photos et de formulaires ;
• Informations que nous avons reconnues : nom, e-mail, téléphone, adresse ;
• l'interrupteur Conserver les couleurs et polices actuelles comme point de départ ;
• le champ Que voulez-vous changer au design ?

Quelles pages sont cochées ? La page d'accueil, les pages de votre menu, les pages contenant vos propres photos et les pages d'au moins 25 mots. Décochez ce qui n'a pas besoin d'être repris : une ancienne page promotionnelle, une page « Actualités 2019 », une page de remerciement. Au moins une page doit rester cochée.

Attention : dès que la lecture a réussi, la fenêtre Où placer votre site ? s'ouvre aussitôt. Si vous voulez d'abord décocher des pages ou saisir un souhait de design, cliquez sur Annuler dans cette fenêtre, ajustez le panneau de lecture, puis cliquez sur Créer le site. Lors d'une modernisation, vous choisissez uniquement l'emplacement dans cette fenêtre ; le type d'images disparaît, car l'outil utilise vos propres photos.

Couleurs et polices actuelles : si l'interrupteur est activé, vos couleurs (jusqu'à quatre) et vos polices (jusqu'à trois) restent le point de départ. Désactivé : l'outil choisit lui-même un style adapté. Il reprend toujours votre logo et vos photos.

Que voulez-vous changer au design ? Indiquez ici l'impression que doit donner le nouveau site, par exemple « plus frais et plus moderne, plus calme avec plus de blanc, des caractères plus grands ». Vos textes sont repris ; ici, il s'agit de la forme. Le dire à l'avance est gratuit, modifier après coup coûte des modifications.

Ce qu'il advient de vos photos

L'outil reprend au maximum 12 photos de votre ancien site. Pour savoir ce qu'elles représentent, ces photos sont envoyées une seule fois à un modèle d'IA d'OpenAI (américain), le même qui rédige les textes de votre site. Celui-ci décrit brièvement leur contenu, afin que l'outil sache où placer chaque photo. Presque aucun site ne dispose de descriptions exploitables pour ses photos, et les noms de fichiers ne disent généralement rien ; c'est pourquoi cette étape est nécessaire.

Deux conséquences. Si des personnes figurent sur vos photos, ces images sont donc transmises à un prestataire d'IA ; pesez le pour et le contre, et mentionnez-le si nécessaire dans votre politique de confidentialité (module 7). Et si vous ne voulez pas d'une photo reprise sur votre nouveau site, cliquez dessus dans l'aperçu et remplacez-la via Remplacer la photo.

Ce qui est repris ou non

Pour un site modernisé, l'IA ne complète en principe rien : elle utilise ce que fournissent votre ancien site et vos pièces jointes, et n'invente aucun nom. Vérifiez tout de même tous les prix et horaires : une information qui ne figurait pas sur votre ancien site n'a pas sa place sur le nouveau.

Ce que cela coûte : la construction du site modernisé coûte 5 modifications, sauf s'il s'agit de votre toute première construction. La lecture elle-même est gratuite.

Comparer avec l'ancien site

Après la construction, vous ne recevez pas de liste des pages qui n'ont pas été reprises. Comparez donc vous-même :

1. Ouvrez votre ancien site dans un deuxième onglet.
2. Comparez les menus côte à côte : quelles pages manquent sur le nouveau site ? Était-ce votre intention ?
3. Vérifiez page par page que les passages de texte importants sont toujours là.
4. Contrôlez les coordonnées, les prix et les horaires.
5. Repérez les widgets ou vidéos que vous devez replacer.

Schildersbedrijf Example avait un site WordPress de sept pages. Le gérant décoche « Actualités 2019 » et la page de remerciement, conserve son identité visuelle bleue et demande « plus calme, plus de blanc, des caractères plus grands ». Après la construction, il constate que sa vidéo YouTube intégrée a disparu ; il la remettra plus tard sous forme de widget.

Si l'adresse d'une page change, cela peut avoir des conséquences sur la façon dont vous êtes trouvé. Personne ne peut garantir une position dans Google. Pour savoir comment moderniser sans perdre en visibilité, consultez la formation Être trouvé en ligne.

Résumé

• Moderniser un site existant lit votre site (gratuit, généralement une trentaine de secondes, au maximum 60 pages, robots.txt est respecté) et s'en sert pour construire un nouveau design.
• Dans le panneau de lecture, vous choisissez les pages, si vos couleurs et polices restent le point de départ et ce qui peut changer ; annulez la fenêtre d'emplacement si vous voulez d'abord faire des ajustements.
• Au maximum 12 photos sont reprises ; elles sont envoyées une seule fois à un modèle d'IA d'OpenAI pour une courte description.
• Les textes sont repris mot pour mot ; les formulaires, scripts et widgets ne le sont pas.
• Comparez vous-même le nouveau site avec l'ancien : vous ne recevez pas de liste de ce qui manque.

Quiz

Exercice

Exercice D2.3 : Importer et choisir ce que vous conservez. Faites lire un site existant : le vôtre ou, si vous n'en avez pas, celui d'une association ou d'un proche, avec son autorisation. Il n'est pas nécessaire de lancer la construction si vous utilisez déjà votre emplacement ; l'important est le panneau de lecture.

Checklist :

• [ ] Moderniser un site existant choisi et adresse saisie ;
• [ ] clic sur Lire mon site et panneau de lecture examiné ;
• [ ] pages évaluées et décochage de ce qui n'a pas besoin d'être repris ;
• [ ] Informations que nous avons reconnues vérifiées ;
• [ ] décision prise concernant Conserver les couleurs et polices actuelles comme point de départ ;
• [ ] un souhait de design rédigé ;
• [ ] noté les widgets, vidéos ou formulaires à replacer.

Questions :

1. Combien de pages l'outil a-t-il trouvées, et lesquelles avez-vous décochées ? Pourquoi ?
2. Quelles informations l'outil a-t-il reconnues, et étaient-elles exactes ?
3. Que devez-vous replacer ou compléter vous-même après la construction ?

Après « terminé », vous voyez un exemple de réponse : 7 pages trouvées, « Actualités 2019 » et la page de remerciement décochées car obsolètes ou superflues ; le nom, le téléphone et l'e-mail étaient exacts, l'adresse manquait ; à replacer : la vidéo YouTube sous forme de widget et configurer le formulaire de contact.

Pour aller plus loin

• Formation gratuite Être trouvé en ligne 8.3: Déménager ou refondre votre site sans perdre votre visibilité
• Formation gratuite Être trouvé en ligne 3.3: robots.txt : ce que vous bloquez et ce que vous ne bloquez pas
• Sitebuilder et AI Builder : lequel choisir et comment l'ouvrir ?
• Formation WordPress gratuite 9.3: RGPD : cookies, formulaires et politique de confidentialité