Conférence du cycle Tech SEO

1. Core Web Vitals,
quel impact et comment s'y attaquer ?

2. Paris 2021 #seocamp
Cycle Tech SEO 2
Samson TAT
contact@samsontat.fr
@samsontat
@samsontat
@samouhh

3. Paris 2021 #seocamp
Cycle Tech SEO
Et vous?
3
AGENCES/CONSULTANTS
CLIENTS FINAUX
ENTREPRENEURS

4. Paris 2021 #seocamp
Cycle Tech SEO
C’est quoi ?
4

5. Paris 2021 #seocamp
Cycle Tech SEO 5
Google Search Console / Page Expérience
Web Core Vitals
Core Vitals

6. Paris 2021 #seocamp
Cycle Tech SEO 6
Google PageSpeed Insights
Web Core Vitals

7. Paris 2021 #seocamp
Cycle Tech SEO 7
Web Core Vitals par Google
Temps de chargement des
contenus principaux (plus
grande image / bloc de texte)
versus le début du
chargement de la page.
Temps s'écoulant entre la
première interaction avec
une page et le moment où le
navigateur répond à cette
interaction.
Déplacement inattendu d'un
contenu se produisant
lorsqu'un élément invisible
devient visible lors du
chargement de page.

8. Paris 2021 #seocamp
Cycle Tech SEO 8
LCP
CLS
FID

9. Paris 2021 #seocamp
Cycle Tech SEO
Comment ?
9

10. Paris 2021 #seocamp
Cycle Tech SEO 10
Notre approche par type de page
1
Identifier les types de
page les plus problématiques
/ enjeux
2
Analyser et identifier des
solutions
3
Appliquer les correctifs

11. Paris 2021 #seocamp
Cycle Tech SEO 11
Se focus sur un type de page
pour réduire les analyses / coût
TEMPS
NB ERREURS GSC
PRODUCT
CATEGORY
HOME
ARTICLE
PRODUCT
CATEGORY
ARTICLE
Améliorer les pages Product
a corriger Home et améliorer les autres
PRODUCT
CATEGORY
ARTICLE
PRODUCT
Corriger les pages Category à corriger
automatiquement les pages Article

12. Paris 2021 #seocamp
Cycle Tech SEO 12
1. Identifier les types de page

13. Paris 2021 #seocamp
Cycle Tech SEO 13
Google Search Console
a déjà fait une partie du travail

14. Paris 2021 #seocamp
Cycle Tech SEO 14
2. Analyser et identifier les problèmes

15. Paris 2021 #seocamp
Cycle Tech SEO
3. Appliquer les correctifs (exemples)
LCP CLS FID
● Gérer le caching
● Mise en place CDN
● Compresser HTML /
Images / CSS / JS
● Simplifier pages >
HTML
● Simplifier / nettoyer /
Séparer CSS / JS
● ...
● Spécifier hauteur à minima
pour images / iframe / DOM
via JS
● Lazy loading uniquement
sous ligne de flottaison
● Eviter les fonts par
javascripts
● ...
● Simplifier / nettoyer /
séparer CSS / JS
● Nettoyer le tracking / tags
medias
● ...
15

16. Paris 2021 #seocamp
Cycle Tech SEO 16
Points particuliers avec les CMS
PLUGINS
THEMES
● Nettoyer les plugins inutiles
● Mesurer l’impact des plugins
● Utiliser au maximum les
composants / styles existants
● Développer votre propre
thème

17. Paris 2021 #seocamp
Cycle Tech SEO
Qui ?
17

18. Paris 2021 #seocamp
Cycle Tech SEO 18
LCP
CLS
FID
SERVEUR
DNS
HÉBERGEMENT BASE
DE DONNÉES
1
CLIENT
HTML / IMAGES / FONTS / CSS / JAVASCRIPT / TRACKING
2
Qui en est responsable ?

19. Paris 2021 #seocamp
Cycle Tech SEO 19
LCP
CLS
FID
CLIENT
HTML / IMAGES / FONTS / CSS / JAVASCRIPT / TRACKING
SERVEUR
DNS
HÉBERGEMENT BASE
DE DONNÉES
DEV.
OPS/BACK
Qui en est responsable ?
DEV.
FRONT
DESIGNER MEDIAS

20. Paris 2021 #seocamp
Cycle Tech SEO 20
Dev OPS & back end
CODE
Code review
et optimisation de la
performance
d'exécution du code
Gestion &
optimisation du
caching au niveau des
requêtes vers la base de
données
BASE DE
DONNÉES
CACHING
Mise en cache via
CDN &
compression
HTML / JS / CSS /
IMAGES
HEBERGE
MENT
Optimisation
configuration serveur

21. Paris 2021 #seocamp
Cycle Tech SEO 21
Dev Front
HTML
Simplification
code HTML (niveau de
profondeur DOM)
Resize images à la
volée et mise en cache
IMAGES
CSS / JS
Réduction
custom CSS/JS
par rapport à librairie
Bootstrap 5 (sans
jQuery)
LAZYLOAD
Optimisation
avec LazyLoading
uniquement sous
ligne flottaison
Compression image
pour réduire poids

22. Paris 2021 #seocamp
Cycle Tech SEO 22
Designer
Mobile first
affichage identique pour
éviter custom CSS /
HTML / IMAGES
Réduction du nombre
de police
COMPOSA
NTS
Usage
uniquement
des composants
proposés par
Bootstrap 5 pour
éviter custom
JS/CSS/HTML
RE-DESIGN
Simplification
desgin pour éviter
custom CSS par
rapport à Bootstrap 5
Usage icônes via font
RESPONSI
VE
FONTS

23. Paris 2021 #seocamp
Cycle Tech SEO 23
Medias
Fin de page +
asynchrone (données
moins fiables)
TRACKING
MEDIAS
Réduction
évènements de
tracking medias
TRACKING
GTM
Nettoyage des
tags medias
obsolètes

24. Paris 2021 #seocamp
Cycle Tech SEO
Quel impact ?
24

25. Paris 2021 #seocamp
Cycle Tech SEO 25
Officiellement, un nouveau facteur SEO
JUIN
2021
AOUT
2021
Déploiement de l'algorithme

26. Paris 2021 #seocamp
Cycle Tech SEO 26
Le déploiement en conflit avec d’autres
rendant l’impact difficile à mesurer
JUIN
2021
AOÛT
2021
Déploiement de l'algorithme
26 Juillet 2021
Google Link Spam Update
12 Juillet 2021
July 2021 Core Update
28 Juin 2021
Spam Update

27. Paris 2021 #seocamp
Cycle Tech SEO 27
L’impact selon l’étude SISTRIX
Source : https://www.sistrix.com/blog/core-web-vitals-is-a-measurable-ranking-factor/
+1%
-3.7%

28. Paris 2021 #seocamp
Cycle Tech SEO 28
Autre le SEO, pensez utilisateur

29. Paris 2021 #seocamp
Cycle Tech SEO 29
Autre le SEO, pensez utilisateur

30. Paris 2021 #seocamp
Cycle Tech SEO 30
Combiner Web Core Vitals & données GA
WWW JS
https://github.com/GoogleChrome/web-vitals
+

31. Paris 2021 #seocamp
Cycle Tech SEO 31
C’est possible !

32. Question Mug
Paris 2021 #seocamp
Cycle Tech SEO
Sur les screenshots, le
breadcrumb / fil
d’ariane cause-t-il du
CLS ?
32

33. MERCI AUX SPONSORS
Paris 2021 #seocamp
Cycle Tech SEO