SlideShare une entreprise Scribd logo

Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022

Adrien Russo
Adrien Russo
Adrien RussoConsultant SEO

Cette conférence évoque les raisons pour lesquelles il est important de s'intéresser au SEO JavaScript, rappelle les problèmes connus et propose des solutions spécifiques à certains cas d'usage.

Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022

1  sur  42
Télécharger pour lire hors ligne
Maîtriser le SEO d’un site basé sur JavaScript
Paris 2022 #SEOCAMPus 2
Adrien Russo
Consultant SEO Sénior
ON RECRUTE !
Paris 2022 #SEOCAMPus
#Chiffres et vision
Préambule
3
Paris 2022 #SEOCAMPus
Standardisation de JavaScript
4
● Quand vient le choix des frameworks
web, les développeurs préfèrent
largement les frameworks JS
● Parmi eux, React est préféré,
s’ensuivent Angular et Vue
● La communauté ne cesse de grandir,
la facilité de développement s’accroît :
JavaScript n’est pas prêt de disparaître
dans l’univers du web
Paris 2022 #SEOCAMPus
Google appelle à la performance
5
● Google soutient des projets
permettant d’améliorer l’expérience
utilisateur des internautes
● Les principaux projets soutenus sont
des outils et frameworks web
JavaScript
Paris 2022 #SEOCAMPus
Astro : un framework embryonnaire soutenu
par Google
6
● Aujourd’hui très peu utilisé (moins de
500 sites à travers le monde, selon
Builwith)
● Soutenu en 2022 par le Chrome’s Web
Framework Fund
● Particulièrement adapté pour les sites
e-Commerce, corporate et
informationnels
“The all-in-one web framework for building fast, content-focused websites”

Recommandé

Les Bienfaits de la Désindexaton (Seo camp day Lorraine)
Les Bienfaits de la Désindexaton (Seo camp day Lorraine)Les Bienfaits de la Désindexaton (Seo camp day Lorraine)
Les Bienfaits de la Désindexaton (Seo camp day Lorraine)Olivier Andrieu
 
#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis Rylko
#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis Rylko#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis Rylko
#SEOCamp - People Also Ask : Comment les exploiter au mieux ? par Alexis RylkoiProspect France
 
Contenter tout le monde, Google et les internautes, grâce à un maillage inter...
Contenter tout le monde, Google et les internautes, grâce à un maillage inter...Contenter tout le monde, Google et les internautes, grâce à un maillage inter...
Contenter tout le monde, Google et les internautes, grâce à un maillage inter...Dan Bernier
 
"En SEO, améliorer son maillage interne grâce au test & learn : étude de cas ...
"En SEO, améliorer son maillage interne grâce au test & learn : étude de cas ..."En SEO, améliorer son maillage interne grâce au test & learn : étude de cas ...
"En SEO, améliorer son maillage interne grâce au test & learn : étude de cas ...Dan Bernier
 
Brighton SEO April 2022 - Automate the technical SEO stuff
Brighton SEO April 2022 - Automate the technical SEO stuffBrighton SEO April 2022 - Automate the technical SEO stuff
Brighton SEO April 2022 - Automate the technical SEO stuffMichael Van Den Reym
 
Brighton SEO Sept 2023 - How & Why the history of SEO will help us plan for t...
Brighton SEO Sept 2023 - How & Why the history of SEO will help us plan for t...Brighton SEO Sept 2023 - How & Why the history of SEO will help us plan for t...
Brighton SEO Sept 2023 - How & Why the history of SEO will help us plan for t...Varn
 
[BrightonSEO 2019] Restructuring Websites to Improve Indexability
[BrightonSEO 2019] Restructuring Websites to Improve Indexability[BrightonSEO 2019] Restructuring Websites to Improve Indexability
[BrightonSEO 2019] Restructuring Websites to Improve IndexabilityAreej AbuAli
 
SEO & Javascript en 2021 : Challenger les acquis - Alexandre Pinat - SEO CAMP...
SEO & Javascript en 2021 : Challenger les acquis - Alexandre Pinat - SEO CAMP...SEO & Javascript en 2021 : Challenger les acquis - Alexandre Pinat - SEO CAMP...
SEO & Javascript en 2021 : Challenger les acquis - Alexandre Pinat - SEO CAMP...SEO CAMP
 

Contenu connexe

Tendances

SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptxSEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptxPeak Ace
 
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...Dan Bernier
 
Rachel Ellen - brightonSEO 2022 - ¡Livin’ la vida local! The Changing Landsca...
Rachel Ellen - brightonSEO 2022 - ¡Livin’ la vida local! The Changing Landsca...Rachel Ellen - brightonSEO 2022 - ¡Livin’ la vida local! The Changing Landsca...
Rachel Ellen - brightonSEO 2022 - ¡Livin’ la vida local! The Changing Landsca...CroudLocal
 
SEO Camp'us 2022 - Stratégie de contenu : ces erreurs qui sabordent votre ROI.
SEO Camp'us 2022 - Stratégie de contenu : ces erreurs qui sabordent votre ROI.SEO Camp'us 2022 - Stratégie de contenu : ces erreurs qui sabordent votre ROI.
SEO Camp'us 2022 - Stratégie de contenu : ces erreurs qui sabordent votre ROI.Ecribouille
 
Brighton SEO Talk HS FINAL.pptx
Brighton SEO Talk HS FINAL.pptxBrighton SEO Talk HS FINAL.pptx
Brighton SEO Talk HS FINAL.pptxHarry Sumner
 
Crawl Budget: Everything you Need to Know
Crawl Budget: Everything you Need to KnowCrawl Budget: Everything you Need to Know
Crawl Budget: Everything you Need to KnowSallyR7
 
EAT: Have We Been Looking At It Backwards
EAT: Have We Been Looking At It BackwardsEAT: Have We Been Looking At It Backwards
EAT: Have We Been Looking At It BackwardsEdwardZiubrzynski1
 
The Quickest Win in SEO – How to do Internal Linking the Right Way
The Quickest Win in SEO – How to do Internal Linking the Right WayThe Quickest Win in SEO – How to do Internal Linking the Right Way
The Quickest Win in SEO – How to do Internal Linking the Right WayMartin Hayman
 
Internal Linking - The Topic Clustering Way edited.pptx
Internal Linking - The Topic Clustering Way edited.pptxInternal Linking - The Topic Clustering Way edited.pptx
Internal Linking - The Topic Clustering Way edited.pptxDixon Jones
 
How to Create an Image ALT Optimization Strategy - Himani Kankaria at SEO Mas...
How to Create an Image ALT Optimization Strategy - Himani Kankaria at SEO Mas...How to Create an Image ALT Optimization Strategy - Himani Kankaria at SEO Mas...
How to Create an Image ALT Optimization Strategy - Himani Kankaria at SEO Mas...Himani Kankaria
 
BrightonSEO - Apr 2022 - No excuses for doing UX
BrightonSEO - Apr 2022 - No excuses for doing UXBrightonSEO - Apr 2022 - No excuses for doing UX
BrightonSEO - Apr 2022 - No excuses for doing UXOban International
 
Website Pre SEO Analysis Report- Online Marketing: Search Engine Optimization
Website Pre SEO Analysis Report- Online Marketing: Search Engine OptimizationWebsite Pre SEO Analysis Report- Online Marketing: Search Engine Optimization
Website Pre SEO Analysis Report- Online Marketing: Search Engine OptimizationVikesh Sanwalodia
 
SEO-Campixx 2022 | Suchoperatoren auf Steroiden
SEO-Campixx 2022 | Suchoperatoren auf SteroidenSEO-Campixx 2022 | Suchoperatoren auf Steroiden
SEO-Campixx 2022 | Suchoperatoren auf SteroidenPaul Schreiner
 
How to put together a search strategy for a new category
How to put together a search strategy for a new categoryHow to put together a search strategy for a new category
How to put together a search strategy for a new categoryAmir Jirbandey
 
Get Your Ticket Effective zero-volume keyword research and why it’s important
 Get Your Ticket Effective zero-volume keyword research and why it’s important Get Your Ticket Effective zero-volume keyword research and why it’s important
Get Your Ticket Effective zero-volume keyword research and why it’s importantMarkWilliamsCook1
 
How to leverage indexation tracking to monitor issues and improve performance
How to leverage indexation tracking to monitor issues and improve performanceHow to leverage indexation tracking to monitor issues and improve performance
How to leverage indexation tracking to monitor issues and improve performanceSimon Lesser
 
BrightonSEO Oct 2022 Similar_ai.pdf
BrightonSEO Oct 2022 Similar_ai.pdfBrightonSEO Oct 2022 Similar_ai.pdf
BrightonSEO Oct 2022 Similar_ai.pdfDylan Fuler
 
Web Server SEO: Make your TTFB faster!
Web Server SEO: Make your TTFB faster!Web Server SEO: Make your TTFB faster!
Web Server SEO: Make your TTFB faster!Ash New
 
Improving Crawling and Indexing using Real-Time Log File Insights
Improving Crawling and Indexing using Real-Time Log File InsightsImproving Crawling and Indexing using Real-Time Log File Insights
Improving Crawling and Indexing using Real-Time Log File InsightsSteven van Vessum
 

Tendances (20)

SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptxSEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
SEO CAMP'us Paris 2022 - 6 Tips E-Commerce - Mathieu Chapon.pptx
 
Entity seo
Entity seoEntity seo
Entity seo
 
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...
 
Rachel Ellen - brightonSEO 2022 - ¡Livin’ la vida local! The Changing Landsca...
Rachel Ellen - brightonSEO 2022 - ¡Livin’ la vida local! The Changing Landsca...Rachel Ellen - brightonSEO 2022 - ¡Livin’ la vida local! The Changing Landsca...
Rachel Ellen - brightonSEO 2022 - ¡Livin’ la vida local! The Changing Landsca...
 
SEO Camp'us 2022 - Stratégie de contenu : ces erreurs qui sabordent votre ROI.
SEO Camp'us 2022 - Stratégie de contenu : ces erreurs qui sabordent votre ROI.SEO Camp'us 2022 - Stratégie de contenu : ces erreurs qui sabordent votre ROI.
SEO Camp'us 2022 - Stratégie de contenu : ces erreurs qui sabordent votre ROI.
 
Brighton SEO Talk HS FINAL.pptx
Brighton SEO Talk HS FINAL.pptxBrighton SEO Talk HS FINAL.pptx
Brighton SEO Talk HS FINAL.pptx
 
Crawl Budget: Everything you Need to Know
Crawl Budget: Everything you Need to KnowCrawl Budget: Everything you Need to Know
Crawl Budget: Everything you Need to Know
 
EAT: Have We Been Looking At It Backwards
EAT: Have We Been Looking At It BackwardsEAT: Have We Been Looking At It Backwards
EAT: Have We Been Looking At It Backwards
 
The Quickest Win in SEO – How to do Internal Linking the Right Way
The Quickest Win in SEO – How to do Internal Linking the Right WayThe Quickest Win in SEO – How to do Internal Linking the Right Way
The Quickest Win in SEO – How to do Internal Linking the Right Way
 
Internal Linking - The Topic Clustering Way edited.pptx
Internal Linking - The Topic Clustering Way edited.pptxInternal Linking - The Topic Clustering Way edited.pptx
Internal Linking - The Topic Clustering Way edited.pptx
 
How to Create an Image ALT Optimization Strategy - Himani Kankaria at SEO Mas...
How to Create an Image ALT Optimization Strategy - Himani Kankaria at SEO Mas...How to Create an Image ALT Optimization Strategy - Himani Kankaria at SEO Mas...
How to Create an Image ALT Optimization Strategy - Himani Kankaria at SEO Mas...
 
BrightonSEO - Apr 2022 - No excuses for doing UX
BrightonSEO - Apr 2022 - No excuses for doing UXBrightonSEO - Apr 2022 - No excuses for doing UX
BrightonSEO - Apr 2022 - No excuses for doing UX
 
Website Pre SEO Analysis Report- Online Marketing: Search Engine Optimization
Website Pre SEO Analysis Report- Online Marketing: Search Engine OptimizationWebsite Pre SEO Analysis Report- Online Marketing: Search Engine Optimization
Website Pre SEO Analysis Report- Online Marketing: Search Engine Optimization
 
SEO-Campixx 2022 | Suchoperatoren auf Steroiden
SEO-Campixx 2022 | Suchoperatoren auf SteroidenSEO-Campixx 2022 | Suchoperatoren auf Steroiden
SEO-Campixx 2022 | Suchoperatoren auf Steroiden
 
How to put together a search strategy for a new category
How to put together a search strategy for a new categoryHow to put together a search strategy for a new category
How to put together a search strategy for a new category
 
Get Your Ticket Effective zero-volume keyword research and why it’s important
 Get Your Ticket Effective zero-volume keyword research and why it’s important Get Your Ticket Effective zero-volume keyword research and why it’s important
Get Your Ticket Effective zero-volume keyword research and why it’s important
 
How to leverage indexation tracking to monitor issues and improve performance
How to leverage indexation tracking to monitor issues and improve performanceHow to leverage indexation tracking to monitor issues and improve performance
How to leverage indexation tracking to monitor issues and improve performance
 
BrightonSEO Oct 2022 Similar_ai.pdf
BrightonSEO Oct 2022 Similar_ai.pdfBrightonSEO Oct 2022 Similar_ai.pdf
BrightonSEO Oct 2022 Similar_ai.pdf
 
Web Server SEO: Make your TTFB faster!
Web Server SEO: Make your TTFB faster!Web Server SEO: Make your TTFB faster!
Web Server SEO: Make your TTFB faster!
 
Improving Crawling and Indexing using Real-Time Log File Insights
Improving Crawling and Indexing using Real-Time Log File InsightsImproving Crawling and Indexing using Real-Time Log File Insights
Improving Crawling and Indexing using Real-Time Log File Insights
 

Similaire à Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022

Google et le Javascript - Petit déjeuner du 29 mars 2017
Google et le Javascript - Petit déjeuner du 29 mars 2017Google et le Javascript - Petit déjeuner du 29 mars 2017
Google et le Javascript - Petit déjeuner du 29 mars 2017Peak Ace
 
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...SEO CAMP
 
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...Peak Ace
 
Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurAlexandre Thuriot
 
"Performance Web : vers la Speed Update, un pas après l’autre", Boris Schapir...
"Performance Web : vers la Speed Update, un pas après l’autre", Boris Schapir..."Performance Web : vers la Speed Update, un pas après l’autre", Boris Schapir...
"Performance Web : vers la Speed Update, un pas après l’autre", Boris Schapir...Boris SCHAPIRA
 
Seocamp Bayonne - JS et SEO
Seocamp  Bayonne - JS et SEOSeocamp  Bayonne - JS et SEO
Seocamp Bayonne - JS et SEOErlé Alberton
 
Performance Web : vers la speed update, un pas après l'autre
Performance Web : vers la speed update, un pas après l'autrePerformance Web : vers la speed update, un pas après l'autre
Performance Web : vers la speed update, un pas après l'autreSEO Camp Association
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Peak Ace
 
L'impact des Core Web Vitals sur le SEO - We love speed 2021 - Palais de la b...
L'impact des Core Web Vitals sur le SEO - We love speed 2021 - Palais de la b...L'impact des Core Web Vitals sur le SEO - We love speed 2021 - Palais de la b...
L'impact des Core Web Vitals sur le SEO - We love speed 2021 - Palais de la b...Nicolas AUDEMAR
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Peak Ace
 
Web Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibesWeb Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibesiProspect France
 
Webperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibesWebperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibesMadeline Pinthon
 
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - Lille
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - LilleLes chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - Lille
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - LillePeak Ace
 
Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017
Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017
Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017Peak Ace
 
Philippe Yonnet - Les nouvelles règles pour être indexé par Google
Philippe Yonnet - Les nouvelles règles pour être indexé par GooglePhilippe Yonnet - Les nouvelles règles pour être indexé par Google
Philippe Yonnet - Les nouvelles règles pour être indexé par GoogleSEO CAMP
 
Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App RESONEO
 
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Fasterize
 
Technical seo tips and tricks actionnables 2018
Technical seo tips and tricks actionnables 2018Technical seo tips and tricks actionnables 2018
Technical seo tips and tricks actionnables 2018Aymen Loukil
 
Google : Prise en charge de l'Ajax et de l'Angular JS
Google : Prise en charge de l'Ajax et de l'Angular JSGoogle : Prise en charge de l'Ajax et de l'Angular JS
Google : Prise en charge de l'Ajax et de l'Angular JSPeak Ace
 
Chirurgie SEO / Solution répulsive contre les pandas #SEOCamp
Chirurgie SEO / Solution répulsive contre les pandas #SEOCampChirurgie SEO / Solution répulsive contre les pandas #SEOCamp
Chirurgie SEO / Solution répulsive contre les pandas #SEOCampHtitipi
 

Similaire à Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022 (20)

Google et le Javascript - Petit déjeuner du 29 mars 2017
Google et le Javascript - Petit déjeuner du 29 mars 2017Google et le Javascript - Petit déjeuner du 29 mars 2017
Google et le Javascript - Petit déjeuner du 29 mars 2017
 
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...
Core Web Vitals, quel impact et comment s'y attaquer ? - Samson Tat - SEO CAM...
 
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...
 
Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateur
 
"Performance Web : vers la Speed Update, un pas après l’autre", Boris Schapir...
"Performance Web : vers la Speed Update, un pas après l’autre", Boris Schapir..."Performance Web : vers la Speed Update, un pas après l’autre", Boris Schapir...
"Performance Web : vers la Speed Update, un pas après l’autre", Boris Schapir...
 
Seocamp Bayonne - JS et SEO
Seocamp  Bayonne - JS et SEOSeocamp  Bayonne - JS et SEO
Seocamp Bayonne - JS et SEO
 
Performance Web : vers la speed update, un pas après l'autre
Performance Web : vers la speed update, un pas après l'autrePerformance Web : vers la speed update, un pas après l'autre
Performance Web : vers la speed update, un pas après l'autre
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
 
L'impact des Core Web Vitals sur le SEO - We love speed 2021 - Palais de la b...
L'impact des Core Web Vitals sur le SEO - We love speed 2021 - Palais de la b...L'impact des Core Web Vitals sur le SEO - We love speed 2021 - Palais de la b...
L'impact des Core Web Vitals sur le SEO - We love speed 2021 - Palais de la b...
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
 
Web Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibesWeb Perf : par où commencer ? #SEOGoodVibes
Web Perf : par où commencer ? #SEOGoodVibes
 
Webperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibesWebperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibes
 
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - Lille
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - LilleLes chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - Lille
Les chantiers indispensables à ajouter à votre Roadmap 2018 - 22 février - Lille
 
Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017
Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017
Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017
 
Philippe Yonnet - Les nouvelles règles pour être indexé par Google
Philippe Yonnet - Les nouvelles règles pour être indexé par GooglePhilippe Yonnet - Les nouvelles règles pour être indexé par Google
Philippe Yonnet - Les nouvelles règles pour être indexé par Google
 
Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App
 
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
 
Technical seo tips and tricks actionnables 2018
Technical seo tips and tricks actionnables 2018Technical seo tips and tricks actionnables 2018
Technical seo tips and tricks actionnables 2018
 
Google : Prise en charge de l'Ajax et de l'Angular JS
Google : Prise en charge de l'Ajax et de l'Angular JSGoogle : Prise en charge de l'Ajax et de l'Angular JS
Google : Prise en charge de l'Ajax et de l'Angular JS
 
Chirurgie SEO / Solution répulsive contre les pandas #SEOCamp
Chirurgie SEO / Solution répulsive contre les pandas #SEOCampChirurgie SEO / Solution répulsive contre les pandas #SEOCamp
Chirurgie SEO / Solution répulsive contre les pandas #SEOCamp
 

Plus de Adrien Russo

Le SEO JavaScript démystifié
Le SEO JavaScript démystifiéLe SEO JavaScript démystifié
Le SEO JavaScript démystifiéAdrien Russo
 
PBN et maillage interne prédictif - SEO Camp Metz 2019
PBN et maillage interne prédictif - SEO Camp Metz 2019PBN et maillage interne prédictif - SEO Camp Metz 2019
PBN et maillage interne prédictif - SEO Camp Metz 2019Adrien Russo
 
Le SEO pour les débutants, IA & outils
Le SEO pour les débutants, IA & outilsLe SEO pour les débutants, IA & outils
Le SEO pour les débutants, IA & outilsAdrien Russo
 
UStart : Workshop SEO / référencement naturel
UStart : Workshop SEO / référencement naturelUStart : Workshop SEO / référencement naturel
UStart : Workshop SEO / référencement naturelAdrien Russo
 
Structurer et mailler un site web SEO
Structurer et mailler un site web SEOStructurer et mailler un site web SEO
Structurer et mailler un site web SEOAdrien Russo
 
Conférence NDD Camp Paris par Adrien Russo
Conférence NDD Camp Paris par Adrien RussoConférence NDD Camp Paris par Adrien Russo
Conférence NDD Camp Paris par Adrien RussoAdrien Russo
 
La construction d'un PBN pour son référencement naturel - SEO By Night
La construction d'un PBN pour son référencement naturel - SEO By NightLa construction d'un PBN pour son référencement naturel - SEO By Night
La construction d'un PBN pour son référencement naturel - SEO By NightAdrien Russo
 
Le network SEO, réseau de sites ou encore PBN : créer son réseau pour ranker ...
Le network SEO, réseau de sites ou encore PBN : créer son réseau pour ranker ...Le network SEO, réseau de sites ou encore PBN : créer son réseau pour ranker ...
Le network SEO, réseau de sites ou encore PBN : créer son réseau pour ranker ...Adrien Russo
 

Plus de Adrien Russo (8)

Le SEO JavaScript démystifié
Le SEO JavaScript démystifiéLe SEO JavaScript démystifié
Le SEO JavaScript démystifié
 
PBN et maillage interne prédictif - SEO Camp Metz 2019
PBN et maillage interne prédictif - SEO Camp Metz 2019PBN et maillage interne prédictif - SEO Camp Metz 2019
PBN et maillage interne prédictif - SEO Camp Metz 2019
 
Le SEO pour les débutants, IA & outils
Le SEO pour les débutants, IA & outilsLe SEO pour les débutants, IA & outils
Le SEO pour les débutants, IA & outils
 
UStart : Workshop SEO / référencement naturel
UStart : Workshop SEO / référencement naturelUStart : Workshop SEO / référencement naturel
UStart : Workshop SEO / référencement naturel
 
Structurer et mailler un site web SEO
Structurer et mailler un site web SEOStructurer et mailler un site web SEO
Structurer et mailler un site web SEO
 
Conférence NDD Camp Paris par Adrien Russo
Conférence NDD Camp Paris par Adrien RussoConférence NDD Camp Paris par Adrien Russo
Conférence NDD Camp Paris par Adrien Russo
 
La construction d'un PBN pour son référencement naturel - SEO By Night
La construction d'un PBN pour son référencement naturel - SEO By NightLa construction d'un PBN pour son référencement naturel - SEO By Night
La construction d'un PBN pour son référencement naturel - SEO By Night
 
Le network SEO, réseau de sites ou encore PBN : créer son réseau pour ranker ...
Le network SEO, réseau de sites ou encore PBN : créer son réseau pour ranker ...Le network SEO, réseau de sites ou encore PBN : créer son réseau pour ranker ...
Le network SEO, réseau de sites ou encore PBN : créer son réseau pour ranker ...
 

Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022

  • 1. Maîtriser le SEO d’un site basé sur JavaScript
  • 2. Paris 2022 #SEOCAMPus 2 Adrien Russo Consultant SEO Sénior ON RECRUTE !
  • 3. Paris 2022 #SEOCAMPus #Chiffres et vision Préambule 3
  • 4. Paris 2022 #SEOCAMPus Standardisation de JavaScript 4 ● Quand vient le choix des frameworks web, les développeurs préfèrent largement les frameworks JS ● Parmi eux, React est préféré, s’ensuivent Angular et Vue ● La communauté ne cesse de grandir, la facilité de développement s’accroît : JavaScript n’est pas prêt de disparaître dans l’univers du web
  • 5. Paris 2022 #SEOCAMPus Google appelle à la performance 5 ● Google soutient des projets permettant d’améliorer l’expérience utilisateur des internautes ● Les principaux projets soutenus sont des outils et frameworks web JavaScript
  • 6. Paris 2022 #SEOCAMPus Astro : un framework embryonnaire soutenu par Google 6 ● Aujourd’hui très peu utilisé (moins de 500 sites à travers le monde, selon Builwith) ● Soutenu en 2022 par le Chrome’s Web Framework Fund ● Particulièrement adapté pour les sites e-Commerce, corporate et informationnels “The all-in-one web framework for building fast, content-focused websites”
  • 7. Paris 2022 #SEOCAMPus D’excellents “sites JavaScript” 7
  • 9. Paris 2022 #SEOCAMPus En résumé… 9
  • 10. Paris 2022 #SEOCAMPus Les vrais problèmes 10
  • 11. Paris 2022 #SEOCAMPus Indexation 11 ● Délai d’indexation du contenu JS ● Potentielle non indexation : l’indexation n’est pas garantie, de nombreux problèmes peuvent intervenir durant la phase de rendu ● Rendre les pages d’un site basé essentiellement sur JS prend plus de temps
  • 12. Paris 2022 #SEOCAMPus Indexation 12 Le directeur R&D chez Onely, Tomek Rudzki, a suivi une cinquantaine de sites populaires pour un total de 9 803 pages web.
  • 13. Paris 2022 #SEOCAMPus Google dit rendre correctement JavaScript 13 ● Le moteur Chromium est performant par rapport aux concurrents ● Le WRS (Web Rendering Service) s’améliore chaque année ● Mais reste encore imparfait : contenus JS non indexés, délais, time-out, ne simule pas correctement un réel navigateur
  • 14. Paris 2022 #SEOCAMPus Mais il recommande quand même de le rendre pour lui 14 “Gardez à l'esprit que l'affichage côté serveur ou le pré-affichage est recommandé, car il permet aux utilisateurs et aux robots d'exploration d'accéder à votre site plus rapidement. De plus, tous les robots n'utilisent pas forcément JavaScript.” * * https://developers.google.com/search/docs/advanced/javascript/javascript-seo-basics
  • 15. Paris 2022 #SEOCAMPus Performances 15 Deux problèmes majeurs liés à l’usage des frameworks JavaScript : ● Bundles volumineux ● Code inutilisé Solutions : ● Code spliting ● Tree shaking (suppression du code mort)
  • 16. Paris 2022 #SEOCAMPus Contenus cachés pour les robots 16 ● Injection de code HTML via un “clic”, “survol” (hover) ou scroll ● Vérifier les menus accordéons, facettes, liens, boutons, etc
  • 17. Paris 2022 #SEOCAMPus #Rappels : crawl et indexation du contenu HTML 17
  • 18. Paris 2022 #SEOCAMPus Principes premiers du SEO 18 1 Pour générer du trafic et des conversions organiques 3 Donc, indexée 5 Crawlabilité 2 Une page doit être positionnée 4 Crawlée
  • 19. Paris 2022 #SEOCAMPus Comment Google “index” une page HTML ? 19 File d’attente & Crawl Google découvre une URL, il peut (ou non) la crawler. C'est-à-dire, la parcourir, extraire ses liens et ses autres contenus HTML, JS, CSS, images, vidéos. Délivrer les résultats Google fait enfin correspondre la requête de l’internaute avec les résultats les plus pertinents de l’index, selon plusieurs centaines de facteurs de ranking. Traitement & Indexation Phase de traitement : Google analyse les contenus, la duplication et d’autres facteurs. Pour ensuite indexer ou non la page.
  • 20. Paris 2022 #SEOCAMPus Comment Google “index” du contenu JS ? 20 Première vague d’indexation Seconde vague d’indexation
  • 21. Paris 2022 #SEOCAMPus La notion de seconde vague 21 Au centre des débats https://youtu.be/o73WuZ_7AHA
  • 22. Paris 2022 #SEOCAMPus De la notion du budget de crawl… 22 C’est un peu comme ouvrir une enveloppe, et s’arrêter là
  • 23. Paris 2022 #SEOCAMPus à celle de “render budget” 23 C’est plutôt comme ouvrir l’enveloppe et lire la lettre +
  • 24. Paris 2022 #SEOCAMPus #Méthodes de rendu Faciliter la vie des moteurs 24
  • 25. Paris 2022 #SEOCAMPus Système de rendu et facteur de ranking 25 Non, utiliser un système de rendu n’est pas un facteur de ranking direct. Corrélation n’est pas causalité.
  • 26. Paris 2022 #SEOCAMPus 3 méthodes fondamentales 26 ● CSR (Client Side Rendering) ● SSR (Server Side Rendering) ● SSG (Static Site Generation)
  • 27. Paris 2022 #SEOCAMPus 27 Le navigateur rend le JavaScript
  • 28. Paris 2022 #SEOCAMPus 28 Le serveur a rendu en avance, lors d’un build, le JavaScript
  • 29. Paris 2022 #SEOCAMPus 29 Le serveur rend le JavaScript lors du hit du client ou d’un robot d’exploration
  • 30. Paris 2022 #SEOCAMPus Avantages et inconvénients 30 CSR Client SSG pré-chargement SSR chargement à la demande - Lenteur - Crawlabilité - Interactivité - Pas de charge serveur - Rapidité - Crawlabilité - Interactivité (par défaut) - Temps de build (sites volumineux) - Interactivité - Rapidité - Crawlabilité - Charge serveur - Réactif, mais peut l’être moins que le SSG
  • 31. Paris 2022 #SEOCAMPus Petites à moyennes volumétries 31 CSR Client SSG pré-chargement - Interactivité - Rapidité - Crawlabilité + “ “ Hydration (“partial hydration” - Astro.build)
  • 32. Paris 2022 #SEOCAMPus Moyennes (+) à grosses volumétries (> 1M pages) 32 ISR build time + run time (Next JS) Avantage du SSG sans le désavantage du long build time. Le page est générée quand elle a un hit et possibilité de configurer une sorte de « fréquence ». Full SSR chargement à la demande Possibilité de rendre uniquement les éléments nécessaires pour le SEO, alléger le SSR ou
  • 33. Paris 2022 #SEOCAMPus #Quelques outils pratico-pratiques Auditer 33
  • 34. Paris 2022 #SEOCAMPus Code HTML avant rendu JS 34 Avant rendu JS, un titre H2 présent sur la page d’accueil de manomano.fr n’est (volontairement) pas rendu côté serveur (SSR). Afficher le code source (Chrome), manomano.fr
  • 35. Paris 2022 #SEOCAMPus Code HTML après rendu JS 35 Il est donc rendu côté client. Inspecter l’élément (Console Chrome), manomano.fr
  • 36. Paris 2022 #SEOCAMPus Crawler un site JS : Screaming Frog 36 ● Screaming Frog utilise le moteur Chromium (comme Google) ● Crawler un site avec le rendu permet de comparer les données avant et après rendu JS
  • 37. Paris 2022 #SEOCAMPus Crawler un site JS : Screaming Frog 37 ● Screaming Frog permet de détecter des contenus présents uniquement dans le HTML avant ou après rendu ● Leur documentation détaille chacun de ses filtres
  • 38. Paris 2022 #SEOCAMPus Crawler un site JS : Screaming Frog 38 Il est ensuite simple d’identifier finement le code HTML qui diffère avant et aprè le rendu
  • 41. Question Mug Paris 2022 #SEOCAMPus Que signifie SSG ? 41
  • 42. MERCI AUX SPONSORS Paris 2022 #SEOCAMPus 42