cours-informatique.chGenève

Refonte WordPress vers Astro d'une école d'informatique pour seniors à Genève

Un site écrit pour celui qui n'ose pas toucher à son ordinateur : un bouton pour appeler, un estimateur de prix en quatre questions, une page par quartier.

Site web
SEO et GEO
cours-informatique.ch sur téléphone : premier écran

L'essentiel

Cours-informatique.ch, l'école de cours d'informatique fondée par David Khazaei à Genève, est passée de WordPress à Astro le 1er septembre 2026. Le nouveau site s'adresse d'abord aux seniors et aux débutants : un bouton pour appeler, un estimateur de prix, une page par quartier. Au relevé du 28 septembre 2026, il sortait 1er sur « cours informatique genève ».

Étude rédigée par David Khazaei, Fondateur de DKDP·Publiée le

Fiche projet

Secteur
Cours d'informatique pour particuliers
Lieu
Genève, Eaux-Vives
Début du projet
28 mars 2026
Mise en ligne
1er septembre 2026
Livré
Refonte, migration, référencement, version anglaise
Technologies
Astro 6, Infomaniak, GitHub Actions

Le contexte

Un public qui hésite à toucher à l'ordinateur, un site devenu lourd à faire évoluer

Public
Seniors, débutants, professionnels
Territoire
Canton de Genève, à domicile
Départ
Site WordPress et Elementor

Cours-informatique.ch donne des cours individuels à Genève depuis 2014, à domicile ou dans ses locaux des Eaux-Vives. Son public est d'abord celui qui hésite : des seniors, des débutants, des personnes qui n'osent plus demander de l'aide à leurs proches. Pour eux, un site doit dire en une phrase à qui il s'adresse, et offrir un seul geste évident pour appeler.

L'ancien site WordPress, construit avec Elementor, avait grandi page après page et pesait trop lourd pour ce public. Il était aussi fragile : le 23 août 2026, une mise à jour de WordPress l'a rendu indisponible. La refonte devait transmettre douze ans de référencement au nouveau site, sur une base plus simple à faire évoluer.

Notre approche

Un site statique, un seul bouton par écran, chaque ancienne adresse redirigée

Le site est reconstruit sur Astro 6 en génération statique, sans CMS ni framework CSS : des pages HTML légères, servies par Infomaniak en Suisse et publiées par GitHub Actions à chaque modification. Le parcours est écrit pour un débutant : un titre qui nomme le public, un bouton bleu qui affiche le numéro de téléphone, le bleu réservé à ce qui se clique, un menu plein écran sans accordéon sur mobile, un estimateur de prix en quatre questions et un catalogue filtrable par profil.

Côté référencement, chaque adresse de l'ancien site garde sa place : 88 redirections 301, un code 410 pour les pages d'archives et de test, une page par quartier de Genève reliée à ses trois voisins les plus proches, une version anglaise, des données structurées pour l'école, les cours et les questions fréquentes, et un fichier llms.txt pour les moteurs génératifs.

Ce qui a été livré

  • Astro 6 en génération statique, CSS sur mesure, contenu versionné dans le code
  • Hébergement Infomaniak en Suisse, publication par GitHub Actions en une minute et demie
  • Un bouton bleu par écran, le numéro de téléphone écrit en clair, WhatsApp en second
  • Menu plein écran sous 1024 pixels, sans accordéon ni sous-menu caché
  • Estimateur en quatre questions : cours conseillé, heures et budget
  • Catalogue filtrable par profil, recherche qui tolère les accents oubliés et les fautes de frappe
  • 88 redirections 301 depuis les adresses WordPress, pages d’archives et de test en 410
  • 14 pages de quartier, chacune reliée aux trois quartiers les plus proches
  • Version anglaise de 37 pages, JSON-LD LocalBusiness, Course, FAQPage et VideoObject, llms.txt
  • Demandes mesurées par le site lui-même : formulaire, appel, WhatsApp

Le site, de haut en bas

Toute la page d'accueil, telle qu'elle s'affiche sur un ordinateur : survolez la fenêtre pour la faire défiler.

Parcourir le site en lignecours-informatique.ch (nouvel onglet)
cours-informatique.ch
cours-informatique.ch : la page d'accueil entière
cours-informatique.ch sur téléphone : premier écran

Les écrans qui portent le site

Cinq écrans, dans l'ordre où un débutant les rencontre. Chacun répond à une question précise : à qui s'adresse ce site, quel cours choisir, combien ça coûte, où cliquer, est-ce qu'on vient chez moi.

  1. cours-informatique.ch/
    cours-informatique.ch, page d'accueil : titre « Cours d'informatique à Genève pour débutant et senior », note Google 4,9 sur 5, bouton bleu « Prendre rendez-vous au 078 238 20 71 » et trois photos de cours
    cours-informatique.ch sur mobile : photo de cours en haut, titre, note Google et bouton d'appel sur toute la largeur
    01ArriverUI

    Un titre qui nomme le public, un bouton qui affiche le numéro

    Le premier écran parle à une seule personne : celle qui débute. Le titre nomme le public en orange, la phrase dit ce qui va se passer, le formateur s'installe à côté de vous, et le seul bouton bleu affiche le numéro de téléphone en toutes lettres. Sur mobile, la photo passe au-dessus du titre et le bouton d'appel tient toute la largeur.

    • Le bleu ne sert qu'à ce qui se clique, jamais à décorer
    • La note Google et le nombre d'avis avant le bouton
    • WhatsApp toujours à portée, en bouton flottant
    Voir sur la page d'accueil (nouvel onglet)
  2. cours-informatique.ch/cours/
    cours-informatique.ch, catalogue « Choisissez votre cours » : filtres par profil avec le nombre de cours, champ de recherche, recherches fréquentes Excel, ChatGPT, iPhone, Photos, Canva et premières cartes de cours
    cours-informatique.ch sur mobile : les filtres du catalogue, la recherche et le tri, puis la première carte de cours
    02ChoisirUX

    Un catalogue qu'on filtre par profil, pas par logiciel

    Un débutant ne cherche pas « Microsoft 365 », il cherche à ranger ses photos. Le catalogue se filtre d'abord par profil, débutant et senior, professionnel, IA et tech, créatif, puis par une recherche qui comprend les accents oubliés, les fautes de frappe et le vocabulaire courant. Les recherches les plus fréquentes sont proposées en un clic.

    • Quatre profils, le nombre de cours affiché sur chaque filtre
    • Recherche reprise le 2 septembre 2026, testée sur 41 requêtes réalistes
    • Excel, ChatGPT, iPhone, Photos : les recherches fréquentes en raccourcis
    Voir la page en ligne (nouvel onglet)
  3. cours-informatique.ch/
    cours-informatique.ch, résultat de l'estimateur : cours d'ordinateur Mac et PC conseillé, cybersécurité pour aller plus loin, estimation de 6 à 12 heures pour 840 à 1 680 CHF, boutons téléphone et WhatsApp
    cours-informatique.ch sur mobile : le même résultat de l'estimateur, cours conseillés, durée et budget
    03EstimerUX

    Le budget en quatre questions, avant même d'appeler

    La question qu'un débutant n'ose pas poser au téléphone, c'est le prix. L'estimateur la pose à sa place : situation, envie, niveau, durée souhaitée. Il répond par un cours conseillé, un second pour aller plus loin, une fourchette d'heures et un budget calculé sur les vrais tarifs, puis propose d'appeler ou d'écrire sur WhatsApp.

    1. 1Situation
    2. 2Envie
    3. 3Niveau
    4. 4Durée
    • Budget calculé sur la grille publique : 140, 150 ou 200 CHF de l'heure
    • Aucune adresse email demandée pour voir le résultat
    • Réservation par téléphone ou WhatsApp, depuis le résultat
    Voir sur la page d'accueil (nouvel onglet)
  4. cours-informatique.ch/
    cours-informatique.ch, menu « Nos cours individuels » ouvert : quatre colonnes, débutants et seniors, professionnels, IA et tech, créatif et réseaux, avec les logos des outils
    cours-informatique.ch sur mobile : menu plein écran avec les horaires, quatre raccourcis en tuiles, la liste des cours et les boutons d'appel et WhatsApp en bas
    04NaviguerUX

    Un menu plein écran, sans accordéon à déplier

    Sur ordinateur, le menu des cours s'ouvre en quatre colonnes par profil, chaque cours avec les logos des outils qu'on y apprend. Sous 1024 pixels, il devient un écran entier : les horaires en haut, les raccourcis en tuiles, tous les cours visibles en faisant défiler, et les boutons d'appel et WhatsApp fixés en bas. Aucun sous-menu caché à deviner.

    • Aucun accordéon : tout se voit en faisant défiler
    • Les horaires d'ouverture avant les liens
    • Appeler et WhatsApp restent en bas de l'écran
    Voir sur la page d'accueil (nouvel onglet)
  5. cours-informatique.ch/cours-informatique-eaux-vives/
    cours-informatique.ch, page Eaux-Vives : vue aérienne swisstopo avec le repère du bureau, temps de trajet, lignes de tram et de bus, repères du quartier, puis les quartiers voisins Champel, Pâquis et Plainpalais
    cours-informatique.ch sur mobile : la page des Eaux-Vives, photo de cours, titre « Cours d'informatique pour débutant aux Eaux-Vives » et bouton d'appel
    05Être trouvéSEO

    Une page par quartier, reliée à ses voisins

    Le formateur se déplace dans tout le canton, mais on cherche un cours près de chez soi. Chaque quartier a sa page : le temps de trajet depuis le bureau, les lignes de tram et de bus, les repères du quartier sur une vue aérienne de swisstopo et le prix du déplacement. En bas, les trois quartiers les plus proches, calculés à partir des coordonnées, relient les pages entre elles.

    • 14 quartiers en français, autant en anglais
    • Une vue aérienne swisstopo plutôt qu'une carte Google
    • Trois liens « quartiers voisins » par page, calculés par distance
    Voir la page en ligne (nouvel onglet)

En mouvement

Enregistré sur le site en ligne, sans montage.

L'estimateur de prix, sur le site en ligne. Quatre réponses, puis le cours conseillé, la durée et le budget, en 10 secondes, sans montage.
Ce que montre la vidéo

Sur la page d'accueil, le visiteur ouvre l'estimation de prix gratuite et répond à quatre questions : senior ou débutant complet, maîtriser son ordinateur, je pars de zéro, 6 à 12 heures. Le résultat conseille le cours d'ordinateur Mac et PC, propose la cybersécurité pour aller plus loin, et estime 6 à 12 heures, soit 840 à 1 680 CHF. Deux boutons suivent : réserver par téléphone ou écrire sur WhatsApp.

Direction visuelle

La charte de la marque, resserrée pour la refonte et mesurée dans le code du site : un orange chaleureux qui porte les titres, des fonds pêche qui laissent respirer, un bleu réservé à l'action. Les titres sont composés en RuckSack Bold, une police ronde et épaisse, dans des pastilles orange.

MarqueLogo cours-informatique.ch sur fond orange : la mascotte, un ordinateur portable à lunettes qui salue, et le nom du site en blanc

« L’informatique en toute simplicité »

Palette
  • Orange#E56001pastilles de titre, accents, fonds de section
  • Pêche#FFF3E8fonds qui respirent
  • Pêche soutenu#FFE8D4cartes, encarts, bulles
  • Bleu action#1A70E0boutons et liens, rien d’autre
  • Vert sauge#6B9E7Dcoches et badges, en signal
  • Charbon#1E1E1Etitres et texte
  • Bleu mascotte#5BA8D9l'écran de la mascotte
Sur fond clairLogo cours-informatique.ch sur fond clair : la mascotte et le nom du site, le « .ch » en orange
Typographie

Votre formateur s'installe à côté de vous et vous explique chaque étape.

Roboto · texte courant, boutons, formulaires

On commence toujours par un café et un sourire.

Caveat · notes manuscrites, bulles de la mascotte

Les règles que le site ne casse jamais (cours-informatique.ch)

  • Le bleu, c'est ce qui se clique

    Le bleu est réservé aux boutons et aux liens. Un senior qui voit du bleu sait qu'il peut appuyer, et ne cherche jamais l'action dans une décoration.

  • Des fonds qui respirent

    Entre le blanc et l'orange, des fonds pêche et des grilles de cahier adoucissent la lecture des longues pages.

  • Le vert sauge en signal seulement

    Coches, badges, petites icônes, jamais un fond de section : le signal reste lisible parce qu’il reste rare.

  • Des titres en pastille

    Chaque section s'ouvre sur un titre blanc posé dans une pastille orange : l'œil retrouve le début d'un bloc sans effort.

  • Une mascotte qui guide

    L'ordinateur à lunettes salue, pointe, réfléchit : il annonce une étape ou une question, il ne remplit jamais un vide.

  • Le numéro en toutes lettres

    Le téléphone reste le premier canal de ce public : le numéro est écrit sur le bouton, jamais caché derrière un « Contactez-nous ».

SEO et moteurs génératifs

Le référencement de cours-informatique.ch avait douze ans d'historique. La refonte devait le transmettre au nouveau site, puis l'élargir : une page par intention, une page par quartier, et des réponses écrites pour être reprises par les moteurs génératifs.

Le résultat tel qu'il est déclaré à Google
Cours-Informatique.chhttps://cours-informatique.ch

Cours d'informatique à Genève pour débutant et senior

Cours d'informatique individuels à Genève, chez vous ou aux Eaux-Vives. Dès 140 CHF/h, sans engagement. 4,9/5 sur 86 avis. 078 238 20 71.

Le titre nomme le public, la description donne le tarif, la note et le numéro : tout ce qu'un débutant veut savoir avant de cliquer. Les deux sont mesurés en pixels, comme Google les affiche.

Données structurées émises
  • LocalBusiness
  • Course
  • CourseInstance
  • FAQPage
  • VideoObject
  • BreadcrumbList
  • BlogPosting
  • WebSite

Générées depuis le contenu que le visiteur lit. Rien n'est déclaré dans le balisage qui ne soit visible sur la page.

Écrit pour être cité

  • Des tarifs écrits en clair

    140, 150 et 200 CHF de l'heure, écrits sur les pages, dans les questions fréquentes et dans le llms.txt. Au relevé du 28 septembre 2026, le Mode IA de Google citait le site dans cinq réponses sur six, tarifs exacts compris.

  • Une vraie réponse, même quand elle ne vend pas

    « Existe-t-il des cours d'informatique gratuits à Genève ? » reçoit une réponse sur l'accueil : les permanences numériques gratuites de la Ville d'abord, puis ce qu'un cours individuel apporte en plus.

  • Aucun chiffre sans source

    Les compteurs de clients et les badges « certifié » sans source ont été retirés le 21 septembre 2026, du site comme du llms.txt : un moteur qui croise ses sources cite ce qu'il peut vérifier.

Stack

Astro 6CSS sur mesureInfomaniakGitHub Actions

Résultats

Chaque chiffre dit d'où il vient et quand il a été relevé.

Google

1er

en résultats naturels sur « cours informatique genève » et « cours informatique à domicile »

Relevé manuel de la page de résultats, depuis Genève, relevé du 28.09.2026 · relevé unique

  • 5 sur 6Mode IA de Google

    réponses qui citent le site, avec les tarifs exacts

    Relevé manuel de six questions dans le Mode IA de Google, relevé du 28.09.2026 · relevé unique

  • 99Performance mobile

    sur 100 dans Lighthouse, premier affichage complet en 2,1 s, aucun décalage de mise en page

    Lighthouse 12, mobile, médiane de trois mesures, relevé du 01.10.2026 · page d'accueil

  • 88Pages en ligne

    en français et en anglais, dont 16 pages de cours et 14 pages de quartier en français

    Plan du site en ligne, relevé du 01.10.2026

Ce que nous referions autrement

Ce que ce projet nous a appris, et que nous appliquons aux suivants.

  1. 01

    À la bascule, la mesure des demandes s'est arrêtée sans bruit : le gestionnaire de balises écoutait encore les boutons de l'ancien thème WordPress. Pendant trois semaines, aucun appel ni formulaire n'a été compté. Depuis le 21 septembre 2026, le site envoie lui-même ses événements, et nous testons la mesure le jour même de la bascule.

  2. 02

    La page sur l'intelligence artificielle a perdu des clics en changeant d'adresse, malgré une redirection 301 propre : l'ancienne URL tournait en position 8 à 9, la nouvelle en position 9 à 10. Sur une prochaine migration, nous garderons l'adresse des pages qui ramènent déjà des clics.

  3. 03

    Le script de mesure, 353 Ko, partait au chargement en même temps que l'image principale : sur mobile, le premier affichage complet prenait 4,8 secondes. Chargé après la page, il l'a ramené à 2,78 secondes le 11 septembre 2026. Nous mesurons maintenant chaque script tiers avant la mise en ligne.

Questions sur ce projet

Pourquoi passer de WordPress à Astro pour un site de cours ?

Parce que le site n'a pas besoin d'un back-office : il présente des cours, des tarifs et des quartiers qui changent peu. Astro génère des pages HTML statiques, légères, sans base de données à maintenir. Au relevé du 1er octobre 2026, Lighthouse donne 99 sur 100 sur mobile, avec un premier affichage complet en 2,1 secondes.

Comment garder son référencement pendant une refonte ?

En redirigeant chaque ancienne adresse vers la page qui répond à la même question : 88 redirections 301 pour cours-informatique.ch, et un code 410 pour les pages d'archives et de test. Le jour de la bascule, il faut aussi vérifier la mesure des demandes : c'est ce qui nous a manqué ici.

Un site peut-il vraiment être pensé pour les seniors ?

Oui, par des choix simples : un seul bouton d'action par écran, le numéro de téléphone écrit en toutes lettres, des textes courts, aucun menu caché derrière un accordéon, et un estimateur qui donne le prix sans demander d'adresse email.

Où le site est-il hébergé ?

Chez Infomaniak, en Suisse. Chaque modification est publiée par GitHub Actions en une minute et demie environ.

Les prestations de ce projet

À lire sur le même sujet

Continuer la lecture

Site Golden Cash sur ordinateur et téléphone : accueil « Vendez votre or au meilleur prix » et estimateur en ligne pour 50 g d'or 22 carats, vraies captures mises en scène sur un marbre bleu nuit avec des bijoux en or

Étude suivante · Site web

Golden Cash · Genève

Refonte d'un site de rachat d'or à Genève, avec les cours en temps réel

Refonte Astro d'un acheteur d'or genevois : l'estimateur de rachat et les cours se mettent à jour toutes les 10 secondes, depuis une API qui garde une source de secours. Mise en production 12 jours après le premier commit.

Lire l'étude
Sites web sur mesure✦Intelligence Artificielle✦Formation entreprise✦SEO local Geneve✦Refonte UX✦Apps metier✦
Sites web sur mesure✦Intelligence Artificielle✦Formation entreprise✦SEO local Geneve✦Refonte UX✦Apps metier✦

Parlons de votre projet

15 minutes, c'est gratuit, et on vous dit honnêtement si on peut vous aider, et comment.

Sans engagement · Reponse sous 24h · Eaux-Vives, Geneve ou en visio