Nos articles

Le principe

Vous envoyez vos photos et vos vidéos de téléphone, sans les trier ni les retoucher. Nous les assemblons en un film : chaque photo s’anime d’un léger mouvement de caméra, les images s’enchaînent en fondu, une musique accompagne l’ensemble.

Exemple : les 80 photos d’une fête de village deviennent un film de 90 secondes. Le visiteur voit toute la journée d’un clic, au lieu de faire défiler 80 vignettes.

Ce qu’il nous faut

• Vos photos et vos vidéos : celles d’un téléphone suffisent.
• Une musique, si vous en avez les droits. Sinon, nous en proposons une libre de droits.
• Quelques mots à afficher : titre, date, lieu, remerciements.

Ce que vous recevez

• Pour votre site : un film au format large, qui se lance d’un clic et s’adapte aux téléphones. Il peut être hébergé avec votre site, sans YouTube : pas de publicité, pas de pistage de vos visiteurs.
• Pour les réseaux sociaux : le même film en vertical (stories, Instagram) et en carré (publication), sans rien refaire.

Une correction reste simple

Le film n’est pas monté à la main : il est fabriqué à partir d’une « recette » (la liste des images, des textes et de la musique). Remplacer une photo ou corriger un titre revient à modifier une ligne de la recette. Le film est refait en quelques minutes.

Pour qui ?

• Associations : une fête, un spectacle, une saison sportive.
• Communes : une inauguration, le bilan de l’année.
• Artisans et commerces : un chantier du début à la fin, une nouvelle collection.
• Gîtes et hébergements : la région et les lieux en une minute.

Envie d’un film pour votre site ? Parlons-en : envoyez-nous quelques photos, nous vous montrons ce que cela peut donner.

Pour les curieux, la technique est expliquée dans notre article Monter une vidéo en écrivant une page web.

En une phrase

Un assistant conversationnel (ChatGPT, Claude, Copilot…) répond et propose ; c’est vous qui appliquez. Un agent reçoit des accès (fichiers, commandes) et réalise lui-même une partie du travail.

Une comparaison

L’assistant, c’est un conseiller au téléphone : il vous explique quoi faire, et vous le faites. L’agent, c’est un technicien à qui vous confiez les clés de l’atelier : il intervient, puis vous montre ce qu’il a changé.

Claude Code et Codex

Claude Code (Anthropic) et Codex (OpenAI) sont des agents pour le développement. Dans un projet, ils peuvent lire les fichiers, modifier le code, lancer des commandes et des tests. Ce qu’ils ont le droit de faire dépend des permissions que vous leur accordez.

Exemple : le formulaire de contact ne marche plus

• Avec un assistant : vous copiez le code et le message d’erreur dans la conversation. Il explique la cause et propose une correction. Vous la recopiez dans le bon fichier, puis vous testez.
• Avec un agent : vous décrivez le problème. Il retrouve les fichiers concernés, corrige, lance les tests et vous présente les modifications à valider.

La frontière bouge

Les assistants gagnent des outils (recherche web, lecture de documents) et un agent peut aussi simplement répondre. La bonne question à se poser : qu’est-ce que l’IA a le droit de faire à ma place ?

Lequel choisir ?

• Comprendre, rédiger, préparer : une conversation suffit.
• Modifier un projet existant : un agent évite les copier-coller.
• Dans les deux cas : décrivez précisément le résultat attendu et relisez le travail. Un test réussi ne prouve pas l’absence d’erreur.

Sources officielles : Claude Code et Codex CLI · Consultées le 26 septembre 2026.

Définition

Un framework (« cadre de travail ») est un ensemble de briques de code déjà écrites et testées, avec des règles pour les assembler. Le développeur n’écrit que ce qui est propre à votre projet.

Une image

Construire sans framework, c’est fabriquer ses meubles de cuisine planche par planche. Avec un framework, on part de caissons standard, solides et compatibles entre eux, et on choisit les façades. C’est plus rapide, mais il faut respecter les dimensions du fabricant.

Exemple : un formulaire d’inscription doit vérifier les champs (adresse e-mail valide, cases obligatoires), bloquer les robots, enregistrer les réponses et envoyer un e-mail de confirmation. Un framework fournit la plupart de ces briques : l’équipe se concentre sur les questions à poser et sur ce qui se passe après l’inscription.

Quelques noms

• Côté navigateur (ce que voit le visiteur) : React, Vue, Svelte.
• Côté serveur (données, comptes, règles) : Symfony et Laravel en PHP, Django en Python.
• Les deux à la fois : Next.js, Nuxt.

WordPress n’est pas un framework mais un CMS (logiciel de gestion de contenu) : un site prêt à remplir, que l’on complète avec des extensions.

Avantages et contreparties

• Avantages : gain de temps, code organisé, plus facile à reprendre par un autre développeur.
• Contreparties : des mises à jour à suivre, des règles à apprendre, des composants tiers à surveiller.
• Un framework ne rend un site ni sûr ni rapide à lui seul : tout dépend de la façon dont on l’utilise.

Faut-il un framework ?

Pour un site vitrine de quelques pages, HTML, CSS et JavaScript suffisent : moins de mises à jour et un site plus léger. Pour une application avec comptes, réservations ou paiements, un framework fait gagner du temps. Le bon choix dépend du projet, pas de la mode.

D’après son aide officielle, Google classe les entreprises locales selon trois critères : la pertinence (votre activité correspond-elle à la recherche ?), la distance et la notoriété (avis, liens, présence en ligne). Vous ne pouvez rien sur la distance ; le reste se travaille.

1. Créer sa fiche Google Business Profile

Elle est gratuite, et c’est elle qui vous fait apparaître sur Google Maps. Remplissez tout : catégorie exacte, horaires, zone desservie, vraies photos.

Exemple : une boulangerie qui choisit la catégorie « Boulangerie » plutôt que « Commerce » et indique ses horaires du dimanche a de bien meilleures chances d’apparaître pour « boulangerie ouverte dimanche ».

2. Employer les mots de vos clients

Votre site doit dire clairement quoi et où : « Plombier chauffagiste à Thann, interventions dans la vallée de la Thur ». Vos clients tapent « fuite chaudière », pas « maintenance d’équipements thermiques ».

3. Des coordonnées identiques partout

Nom, adresse, téléphone : exactement les mêmes sur votre site, votre fiche Google, les Pages Jaunes et Facebook. Un ancien numéro qui traîne sème le doute, chez Google comme chez vos clients.

4. Demander des avis et y répondre

Google indique que le nombre d’avis et la note comptent dans le classement local. Demandez un avis après chaque prestation réussie, par exemple avec un QR code sur la facture. Répondez à tous, y compris aux critiques, calmement et sur les faits.

5. Un site pratique sur téléphone

Une recherche locale se fait souvent dans la voiture ou dans la rue. Votre numéro doit s’appeler d’un toucher, et votre adresse doit se voir sans chercher.

Combien de temps ? Une fiche bien remplie peut apparaître en quelques semaines. Les avis et la notoriété se construisent sur plusieurs mois.

Source : Aide Google, « Améliorer votre classement local sur Google » · Consultée le 26 septembre 2026.

Google mesure la rapidité d’un site avec trois indicateurs, les Core Web Vitals, et les prend en compte dans son classement, même si la pertinence du contenu compte davantage. Surtout, un visiteur sur téléphone n’attend pas.

Mesurer en deux minutes

Ouvrez PageSpeed Insights, collez l’adresse de votre site et lancez l’analyse. Regardez surtout le résultat « Mobile ». Les seuils fixés par Google pour un bon résultat :

• Affichage du contenu principal (LCP) : moins de 2,5 secondes.
• Réaction à un clic (INP) : moins de 0,2 seconde.
• Stabilité de l’affichage (CLS) : moins de 0,1. Autrement dit, rien ne doit sauter pendant le chargement, comme un bouton qui se déplace au moment où l’on clique.

Les causes les plus fréquentes

• Photos trop lourdes. Une photo de téléphone pèse souvent 3 à 5 Mo.
• Extensions et scripts empilés. Chaque carrousel, fenêtre de discussion ou outil de suivi ajoute du code à charger.
• Pas de cache. Le navigateur retélécharge le logo et la mise en forme à chaque page.
• Hébergement surchargé. Le serveur met plus d’une seconde à répondre, avant même d’envoyer la page.
• Trop de polices de caractères. Chaque variante (gras, italique…) est un fichier de plus.

Exemple : une photo d’accueil de 4 Mo, redimensionnée à la largeur d’un écran et convertie au format WebP, tient souvent sous 200 Ko, sans différence visible. Sur une connexion mobile moyenne, cela représente plusieurs secondes gagnées.

Par où commencer

• Réduire et convertir les images : c’est souvent le gain le plus important.
• Désactiver ce qui ne sert plus : extensions, widgets, anciens outils de suivi.
• Activer la compression et le cache chez l’hébergeur.
• Refaire la mesure pour vérifier le gain.

Nous réalisons ce diagnostic : mesure, liste des corrections classées par effet, puis mise en œuvre si vous le souhaitez. Contactez-nous.

Source : Google Search Central, « Core Web Vitals » · Consultée le 26 septembre 2026.

Chaque année, Chrome, Safari, Firefox et Edge intègrent de nouvelles fonctions. Pour vous, cela signifie des sites plus légers, avec moins de code à maintenir.

1. Des blocs qui s’adaptent à leur place (Container Queries)

Jusqu’ici, une mise en page s’adaptait seulement à la largeur de l’écran. Désormais, chaque bloc s’adapte à la place dont il dispose.

Exemple : une fiche produit s’affiche en ligne (photo à gauche, texte à droite) dans la page principale, et en colonne dans une barre latérale étroite, avec le même code.

2. Des changements de page animés (View Transitions)

La photo d’un produit peut glisser de la liste vers sa page détaillée, comme dans une application de téléphone, sans bibliothèque supplémentaire. Sur un navigateur qui ne gère pas encore cette fonction, la page change simplement, sans animation.

3. Des images plus légères (AVIF)

À qualité visuelle égale, une image AVIF pèse souvent deux fois moins qu’un JPEG. Le format est lu par tous les navigateurs récents. Des pages plus légères s’affichent plus vite, surtout sur téléphone.

4. Des menus et bulles d’aide intégrés (Popover)

Un menu ou une bulle d’aide se déclare maintenant en quelques mots de HTML. Le navigateur gère l’ouverture, la fermeture par la touche Échap ou par un clic à côté. Moins de code, et un fonctionnement correct au clavier.

5. Des styles mieux rangés (CSS Nesting)

Les règles de mise en forme d’un même bloc se regroupent, comme des sous-dossiers. Il fallait auparavant un outil supplémentaire (Sass) et une étape de préparation.

Ce que cela change pour vous

Moins de bibliothèques externes, c’est un site plus rapide, moins de mises à jour de sécurité à suivre et une maintenance moins coûteuse. C’est pourquoi nous utilisons les fonctions intégrées aux navigateurs dès qu’elles suffisent.

Une page web est écrite pour des humains. Google doit deviner que « 6h30-12h30 » sont des horaires et que « 12 € » est un prix. Les données structurées, écrites avec le vocabulaire Schema.org, le lui disent explicitement.

À quoi ça ressemble

Un petit bloc de code, invisible pour le visiteur, ajouté dans la page :

{
  "@type": "Bakery",
  "name": "Boulangerie Exemple",
  "telephone": "03 89 00 00 00",
  "openingHours": "Tu-Su 06:30-12:30"
}

En clair : « ceci est une boulangerie, voici son nom, son téléphone et ses horaires, du mardi au dimanche ».

Ce que vous pouvez y gagner

Google peut afficher un résultat enrichi : prix et disponibilité d’un produit, note en étoiles, date et lieu d’un événement. Un résultat plus complet attire davantage l’œil. Mais rien n’est garanti : Google décide seul d’afficher ou non ces enrichissements.

Exemple : une association qui décrit son loto avec le type « Event » (date, lieu, prix d’entrée) donne à Google tout ce qu’il faut pour afficher ces informations directement dans les résultats.

Les types les plus utiles

• LocalBusiness et ses variantes (Restaurant, Bakery…) : adresse, horaires, téléphone.
• Event : concert, fête, loto (date, lieu, prix).
• Product : prix, disponibilité, avis.
• Article : titre, date, auteur.

Ce qu’il faut savoir

• Ce n’est pas un critère de classement direct : cela aide Google à comprendre la page, pas à la placer plus haut.
• Les données doivent correspondre à ce qui est visible sur la page, sinon Google peut les ignorer.
• Certains enrichissements ont disparu : depuis 2023, Google ne montre plus les questions-réponses (FAQ) que pour des sites officiels ou de santé reconnus.

Vérifier votre site

Le test des résultats enrichis de Google indique, pour une adresse donnée, les données trouvées et les erreurs éventuelles. Nous ajoutons ces données sur chaque site que nous réalisons, y compris celui-ci.

Source : Google Search Central, « Données structurées » · Consultée le 26 septembre 2026.