Want to create interactive content? It’s easy in Genially!

Get started free

MBW-MCD5-S4-5/18

asdelune30

Created on January 13, 2026

Start designing with a free template

Discover more than 1500 professional designs like these:

Essential Learning Unit

Akihabara Learning Unit

Genial learning unit

History Learning Unit

Primary Unit Plan

Vibrant Learning Unit

Art learning unit

Explore all templates

Transcript

S 4-5/18

Digitalisation : De l'Esthétique à la Performance

Maîtriser son image, son SEO et son ROI

GO!

Points sur les rendus

  1. 1 site web fonctionnel
  2. 1 dossier de groupe (30/40 pages hors annexes) L'histoire de votre digitalisation (Stratégie, Implémentation, Performance, Acquisition)
  3. 1 dosier individuel (5 pages max.)Analyse de votre montée en compétences

Ne faites pas un roman, visez la clarté : schémas et captures d'écran

Pourquoi optimiser vos images ?

  • Vitesse (UX) : Plus de 3 sec de chargement = -50% de visiteurs.

Pourquoi optimiser vos images ?

  • Vitesse (UX) : Plus de 3 sec de chargement = -50% de visiteurs.
  • Référencement (SEO) : Google pénalise les sites lourds.

Pourquoi optimiser vos images ?

  • Vitesse (UX) : Plus de 3 sec de chargement = -50% de visiteurs.
  • Référencement (SEO) : Google pénalise les sites lourds.
  • Éco-conception : Moins d'énergie consommée.

Le Format WebP : Le nouveau standard

  • Poids : 25% à 35% plus léger que le JPEG/PNG.
  • Polyvalence : Gère la transparence et l'animation.
  • Performance : "Le format du web performant".

Workflow Photoshop & Naming

  • Exportation : Utiliser Alt+Shift+Ctrl+S (Qualité 60-75).
  • Redimensionnement : 1920 px (Héro), 1000 px (Contenu), 400 px (Icone).
  • Naming Sémantique : box-cadeau-bio.webp au lieu de IMG_5432.jpg.

Règles d'or & Balise ALT

  • Poids Max : Bannière (<250Ko), Produit (<100Ko), Logo (<30Ko).
  • Balise ALT : Description pour l'accessibilité et le SEO.
Introduction au ROI

On ne gère que ce que l'on mesure

Un pilote sans cadran ni radar ne sait pas s'il va s'écraser.

Vanity vs Actionable Metrics

  • Vanité (Briller) : Nombre de visites, Likes, Pages vues.

Vanity vs Actionable Metrics

  • Vanité (Briller) : Nombre de visites, Likes, Pages vues.
  • Action (Vendre) : Taux de conversion, Taux de rebond, CTR

Vanity vs Actionable Metrics

  • Vanité (Briller) : Nombre de visites, Likes, Pages vues.
  • Action (Vendre) : Taux de conversion, Taux de rebond, CTR

Le test du 'Et alors ?'

exercice de 2 minutes

Si je vous dis que votre site a été partagé 50 fois sur LinkedIn ce matin, c'est de la vanité ou de l'actionnable ?

Le Tunnel de Conversion (Toboggan)

Les étapes

  • Acquisition : Accueil (Attention à la lenteur).

Le Tunnel de Conversion (Toboggan)

Les étapes

  • Acquisition : Accueil (Attention à la lenteur).
  • Considération : Produit (Qualité des photos/textes).

Le Tunnel de Conversion (Toboggan)

Les étapes

  • Acquisition : Accueil (Attention à la lenteur).
  • Considération : Produit (Qualité des photos/textes).
  • Intention : Clic bouton/Formulaire (Attention à la complexité).

Le Tunnel de Conversion (Toboggan)

Les étapes

  • Acquisition : Accueil (Attention à la lenteur).
  • Considération : Produit (Qualité des photos/textes).
  • Intention : Clic bouton/Formulaire (Attention à la complexité).
  • Conversion : Page de Merci (Succès/ROI).

A vous de jouer

Atelier Pratique

L'exercice visuel : "Trouver la fuite"

Scénario A

1000 visiteurs arrivent sur l'accueil, mais seulement 5 vont sur la page produit.

L'exercice visuel : "Trouver la fuite"

Scénario A

1000 visiteurs arrivent sur l'accueil, mais seulement 5 vont sur la page produit.

Scénario B

1000 visiteurs vont sur la page produit, 500 cliquent sur "Contact", mais 0 formulaire n'est envoyé.

Google Analytics 4 (GA4)

  • Passage du statique au dynamique : On suit des Événements (clics, scrolls).

Google Analytics 4 (GA4)

  • Passage du statique au dynamique : On suit des Événements (clics, scrolls).
  • 3 rapports clés : Acquisition, Engagement, Monétisation.

Google Analytics 4 (GA4)

  • Passage du statique au dynamique : On suit des Événements (clics, scrolls).
  • 3 rapports clés : Acquisition, Engagement, Monétisation.
  • Le Temps Réel : Vérifier l'impact d'une campagne à l'instant T.

A vous de jouer

Atelier Pratique

ATELIER

Installation de GA4

  1. Installer l'extension Site Kit by Google.
  2. Connecter le compte Google (Tout autoriser).
  3. Configurer Analytics (France/Paris).
  4. Bonus : Search Console activée automatiquement.

Checklist du Sprint Final

Objectifs de fin de séance :

  • Images WebP < 300Ko.
  • Score Yoast VERT + Balises ALT.
  • Site Kit connecté + Test Temps Réel validé.
  • Plugin Complianz activé (RGPD).

Merci

pour votre attention

à bientôt pour de nouvelles connaissances