Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAMP'us Paris 2021

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Chargement dans…3
×

Consultez-les par la suite

1 sur 33 Publicité
Publicité

Plus De Contenu Connexe

Diaporamas pour vous (20)

Similaire à Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAMP'us Paris 2021 (20)

Publicité

Plus par SEO CAMP (19)

Plus récents (20)

Publicité

Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAMP'us Paris 2021

  1. 1. Core Web Vitals, quel impact et comment s'y attaquer ?
  2. 2. Paris 2021 #seocamp Cycle Tech SEO 2 Samson TAT contact@samsontat.fr @samsontat @samsontat @samouhh
  3. 3. Paris 2021 #seocamp Cycle Tech SEO Et vous? 3 AGENCES/CONSULTANTS CLIENTS FINAUX ENTREPRENEURS
  4. 4. Paris 2021 #seocamp Cycle Tech SEO C’est quoi ? 4
  5. 5. Paris 2021 #seocamp Cycle Tech SEO 5 Google Search Console / Page Expérience Web Core Vitals Core Vitals
  6. 6. Paris 2021 #seocamp Cycle Tech SEO 6 Google PageSpeed Insights Web Core Vitals
  7. 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. 8. Paris 2021 #seocamp Cycle Tech SEO 8 LCP CLS FID
  9. 9. Paris 2021 #seocamp Cycle Tech SEO Comment ? 9
  10. 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. 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. 12. Paris 2021 #seocamp Cycle Tech SEO 12 1. Identifier les types de page
  13. 13. Paris 2021 #seocamp Cycle Tech SEO 13 Google Search Console a déjà fait une partie du travail
  14. 14. Paris 2021 #seocamp Cycle Tech SEO 14 2. Analyser et identifier les problèmes
  15. 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. 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. 17. Paris 2021 #seocamp Cycle Tech SEO Qui ? 17
  18. 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. 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. 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. 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. 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. 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. 24. Paris 2021 #seocamp Cycle Tech SEO Quel impact ? 24
  25. 25. Paris 2021 #seocamp Cycle Tech SEO 25 Officiellement, un nouveau facteur SEO JUIN 2021 AOUT 2021 Déploiement de l'algorithme
  26. 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. 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. 28. Paris 2021 #seocamp Cycle Tech SEO 28 Autre le SEO, pensez utilisateur
  29. 29. Paris 2021 #seocamp Cycle Tech SEO 29 Autre le SEO, pensez utilisateur
  30. 30. Paris 2021 #seocamp Cycle Tech SEO 30 Combiner Web Core Vitals & données GA WWW JS https://github.com/GoogleChrome/web-vitals +
  31. 31. Paris 2021 #seocamp Cycle Tech SEO 31 C’est possible !
  32. 32. Question Mug Paris 2021 #seocamp Cycle Tech SEO Sur les screenshots, le breadcrumb / fil d’ariane cause-t-il du CLS ? 32
  33. 33. MERCI AUX SPONSORS Paris 2021 #seocamp Cycle Tech SEO

×