SlideShare une entreprise Scribd logo
1  sur  24
Télécharger pour lire hors ligne
Les bonnes pratiques SEO avec
les frameworks JavaScript
25 mars 2017
Contexte
2
La popularité des Frameworks JavaScript ne cesse de croître malgré des infrastructures complexes et incompatibles avec
les moteurs.
Ces fonctions prédéfinis présentent de nombreux avantages :
• Un seul langage pour créer un site.
• Amélioration de l’ergonomie et de l’expérience utilisateur.
3
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Qu’est ce qu’un framework
JavaScript ?
Fonctionnement des infrastructure Javascript
Un site classique qui suit le modèle de communication client-serveur.
Une application fondée sur JavaScript (Ajax et autres) suit le modèle du “client-side rendering” à savoir :
La première requête charge le layout de la page, le CSS et le JavaScript. Il est fréquent qu’une partie ou tout le
contenu ne soit pas chargé. Ensuite, le JavaScript envoie une seconde requête au serveur qui répond en JSON pour
enfin générer le HTML approprié.
Single page application
5
Les Framework JavaScript permettent de créer des applications web accessibles via une page web unique, on parle
alors de SPA (Single Page Application).
L’architecture version SPA supporte la rendition côté serveur c’est à dire que l’utilisateur obtiendra une page complète
dès que le SPA est chargé pour la première fois.
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Les challenges
6
Challenges SEO
7
Challenge n°1 :
• Pour explorer un site full JS le bot télécharge le code HTML et
analyse le contenu présent dans le code. Bien souvent le contenu
en JS et Ajax est ignoré dans la plupart des cas à l’exception de
Googlebot avec son headless browser.
Challenge n°2 :
• Quoi indexer ? Le contenu change régulièrement en fonction des
interactions.
• Comment analyser les liens et le contenu d’une page ?
• À quoi rattacher ces signaux ? Si la notion d’une page reliée à une
URL a disparu, comment continuer à utiliser l’algorithme actuel ?
Je parle couramment HTML
mais en Js et en Ajax je suis
moyen.
Challenge SEO
8
Challenge n°3 :
• La rendition d’un site en full AngularJS n’est possible que si le JS est activé, dans le cas contraire le site est tout
simplement invisible. Il est aussi difficile aux moteurs de recherche d’accéder aux contenus de ces sites pour les
indexer, car le code source n’affiche que des variables.
Challenge SEO
9
Challenge n°4 :
• Et notre visibilité SEO on en fait quoi ?
OUPSS
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Google et le javascript
10
Google et le JavaScript
11
Aujourd’hui, on sait que Google interprète le JS qui génère des title, meta description, robots meta tags.
Google comprend les fichiers CSS et JS pour identifier une page mobile friendly ou détecter des éléments cachés.
Google sait lire les événements Onclick,
Google peut donc suivre les contenus générés dynamiquement dans le JS pour les indexer.
Concernant l’AJAX, il s’agit d’une tout autre histoire.
Google et AJAX
12
Pour mieux crawler et indexer l’Ajax, Google proposait en 2009 la technique du hashbang (#!). Mais aujourd’hui, Google
prétend pouvoir lire les contenus générés en Ajax…
La méthode du pushstate proposé par l’IP history de HTML5 est une solution plus pérenne car les URL de navigation
dynamique restent identiques.
Pour le SEO le pushstate est parfait car les moteurs peuvent lire ces URL et les différencier les unes des autres.
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Positionner son site
1/ Fetch as Google
14
Dans un premier temps, si le test Fetch as
Google ne parvient pas à rendre la page comme
prévu. Il y a un problème.
2/ Auditer son site
15
La solution réside dans le headless browser : Un Headless Browser ou navigateur sans tête est un navigateur web sans
interface graphique utilisable uniquement en ligne de commande.
Disposant d’un API JavaScript capable de rendre une page HTML complète en exécutant le HTML, CSS et JS tout comme
un navigateur.
Phantom JS et Casper JS sont des headless browser, le dernier a la particularité d’être un scrapper.
Crawl JavaScript sous Screaming Frog et Botify
16
Vous pouvez aussi auditer avec Screaming Frog en mode
“crawl JavaScript”.
Screaming Frog est un crawler orienté SEO, il dispose
depuis peu d’un mode “headless browser” basé sur
PhantomJS. Il peut ainsi crawler un site full Angular.
3/ Rendre son site SEO friendly
17
Solution 1 : coder avec une stratégie d’amélioration progressive.
Le principe de l’amélioration progressive consiste à construire
son site en 3 couches :
Le contenu stocké dans le code HTML (contenu et fonctionnalités
accessibles pour tous).
La mise en forme est définie par les feuilles de style en cascade
externes (CSS).
Les fonctionnalités écrites dans un script externe comme
JavaScript.
3/ Rendre son site SEO friendly
18
Solution 2 : Créer des snapshots HTML soi-même. Cette méthode
est préconisée par Google pour l’Ajax.
En résumé, le code JS est exécuté via un headless browser côté
serveur, afin de générer le HTML produit par le code JS.
Ce code est “capturé” avant d’être envoyé, comme une page HTML
normale, au navigateur de l’internaute.
Souvent, l’arbitrage est d’envoyer les snapshots aux bots des
moteurs de recherche uniquement.
3/ Rendre son site SEO friendly
19
Solution 3 : Utiliser un serveur de prérendition tiers. Les outils de pré-rendu de document facilitent le crawl de notre
site. Un serveur de prérendition permet de pré rendre vos pages statiques, dès que l’outil détecte qu’un crawler
vient sur votre site, il lui affichera le rendu final HTML statique.
Les principaux outils de prérendition tiers sont : Prerender, SEO 4 Ajax (Cocorico !), Brombone.
Attention cette technique peut ressembler à du cloaking même si ce n’est pas le cas.
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Frameworks javascript :
The next generation
20
Framework JavaScript : The next generation
21
L’avenir est aux Frameworks JavaScript “isomorphes” capables d’une rendition hybride (coté serveur et/ou client).
Avec ReactJS ou HapiJS, on peut donc générer le HTML avant de l’envoyer au navigateur. Il devient possible de créer
des sites web avec des Framework JS, sans générer de problèmes avec le SEO.
Cependant, mal utilisés, ces Frameworks JS de dernière génération peuvent poser les mêmes problèmes que ceux
expérimentés avec la première génération.
Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics
Conclusion
22
23
Le développement en Framework JS est un casse-tête qui n’est pas insoluble, mais qui demande de solides
compétences techniques côté SEO et développeurs.
Et dans tous les cas, c’est à réserver à des situations où le trafic SEO n’est pas stratégique pour le site :
On peut rendre les sites faits avec ces technologies crawlables et indexables.
Mais si l’on veut atteindre des positions sur des requêtes concurrentielles, il vaut mieux compter sur un site
web en serveur side rendering à l’ancienne.
Merci !

Contenu connexe

Tendances

Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Peak Ace
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Peak Ace
 
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
 
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...Peak Ace
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Peak Ace
 
L'index de Google devient "Mobile First" : comment vous y préparer ? - Petit ...
L'index de Google devient "Mobile First" : comment vous y préparer ? - Petit ...L'index de Google devient "Mobile First" : comment vous y préparer ? - Petit ...
L'index de Google devient "Mobile First" : comment vous y préparer ? - Petit ...Peak Ace
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Peak Ace
 
Mobilisez-vous, Google va basculer sur un index « mobile first » - Petit déje...
Mobilisez-vous, Google va basculer sur un index « mobile first » - Petit déje...Mobilisez-vous, Google va basculer sur un index « mobile first » - Petit déje...
Mobilisez-vous, Google va basculer sur un index « mobile first » - Petit déje...Peak Ace
 
iProspect conférence seo One To One biarritz 4 juin 2015
iProspect conférence seo One To One biarritz 4 juin 2015iProspect conférence seo One To One biarritz 4 juin 2015
iProspect conférence seo One To One biarritz 4 juin 2015iProspect France
 
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017Peak Ace
 
Webconf SF - 12-05-2016 - La recette pour un SEO réussi à l'international
Webconf SF - 12-05-2016 - La recette pour un SEO réussi à l'internationalWebconf SF - 12-05-2016 - La recette pour un SEO réussi à l'international
Webconf SF - 12-05-2016 - La recette pour un SEO réussi à l'internationalPeak Ace
 
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...Peak Ace
 
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...Peak Ace
 
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...Peak Ace
 
Les bonnes pratiques pour piloter ses investissements SEA au quotidien - Peti...
Les bonnes pratiques pour piloter ses investissements SEA au quotidien - Peti...Les bonnes pratiques pour piloter ses investissements SEA au quotidien - Peti...
Les bonnes pratiques pour piloter ses investissements SEA au quotidien - Peti...Peak Ace
 
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...Peak Ace
 
Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...Peak Ace
 
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 ParisActualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 ParisPeak Ace
 
Quelle est la vraie contribution du search à la conversion - petit déjeuner d...
Quelle est la vraie contribution du search à la conversion - petit déjeuner d...Quelle est la vraie contribution du search à la conversion - petit déjeuner d...
Quelle est la vraie contribution du search à la conversion - petit déjeuner d...Peak Ace
 
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...Peak Ace
 

Tendances (20)

Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
 
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...
 
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
 
L'index de Google devient "Mobile First" : comment vous y préparer ? - Petit ...
L'index de Google devient "Mobile First" : comment vous y préparer ? - Petit ...L'index de Google devient "Mobile First" : comment vous y préparer ? - Petit ...
L'index de Google devient "Mobile First" : comment vous y préparer ? - Petit ...
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - Petit dé...
 
Mobilisez-vous, Google va basculer sur un index « mobile first » - Petit déje...
Mobilisez-vous, Google va basculer sur un index « mobile first » - Petit déje...Mobilisez-vous, Google va basculer sur un index « mobile first » - Petit déje...
Mobilisez-vous, Google va basculer sur un index « mobile first » - Petit déje...
 
iProspect conférence seo One To One biarritz 4 juin 2015
iProspect conférence seo One To One biarritz 4 juin 2015iProspect conférence seo One To One biarritz 4 juin 2015
iProspect conférence seo One To One biarritz 4 juin 2015
 
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
Comment se préparer à l'index mobile first - Conférence SMX Paris 2017
 
Webconf SF - 12-05-2016 - La recette pour un SEO réussi à l'international
Webconf SF - 12-05-2016 - La recette pour un SEO réussi à l'internationalWebconf SF - 12-05-2016 - La recette pour un SEO réussi à l'international
Webconf SF - 12-05-2016 - La recette pour un SEO réussi à l'international
 
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
Contenus masqués, un point sur les bonnes pratiques - petit déjeuner du 18 ja...
 
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
Comment privilégier l’expérience utilisateur (UX) au cœur de votre stratégie ...
 
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...
Search : la todo list 2017 pour ne rien oublier dans votre roadmap - Petit dé...
 
Les bonnes pratiques pour piloter ses investissements SEA au quotidien - Peti...
Les bonnes pratiques pour piloter ses investissements SEA au quotidien - Peti...Les bonnes pratiques pour piloter ses investissements SEA au quotidien - Peti...
Les bonnes pratiques pour piloter ses investissements SEA au quotidien - Peti...
 
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
Les chantiers indispensables à ajouter à votre roadmap 2018 - Philippe Yonnet...
 
Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
Petit-déjeuner SF Mobile First Index - Philippe Yonnet - 1er Février - Luxemb...
 
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 ParisActualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
Actualités SEO SEA - Tiphaine Coupeau - Petit déjeuner 26-02-2019 Paris
 
Quelle est la vraie contribution du search à la conversion - petit déjeuner d...
Quelle est la vraie contribution du search à la conversion - petit déjeuner d...Quelle est la vraie contribution du search à la conversion - petit déjeuner d...
Quelle est la vraie contribution du search à la conversion - petit déjeuner d...
 
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
La recette pour un SEO réussi à l’international - 19 avril - Salon E-marketin...
 

Similaire à Google et le Javascript - Petit déjeuner du 29 mars 2017

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
 
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022Adrien Russo
 
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
 
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
 
Seocamp Bayonne - JS et SEO
Seocamp  Bayonne - JS et SEOSeocamp  Bayonne - JS et SEO
Seocamp Bayonne - JS et SEOErlé Alberton
 
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
 
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
 
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
 
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016iProspect France
 
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
 
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
 
Flash vs-html5-adrien-leygues-pw-2011
Flash vs-html5-adrien-leygues-pw-2011Flash vs-html5-adrien-leygues-pw-2011
Flash vs-html5-adrien-leygues-pw-2011Adrien Leygues
 
Les nouveaux challenges techniques pour le SEO
Les nouveaux challenges techniques pour le SEOLes nouveaux challenges techniques pour le SEO
Les nouveaux challenges techniques pour le SEOGroupe Neper
 
Seocamp2016 : javascript et indexation, où en est-on ?
Seocamp2016 : javascript et indexation, où en est-on ?Seocamp2016 : javascript et indexation, où en est-on ?
Seocamp2016 : javascript et indexation, où en est-on ?Madeline Pinthon
 
ENIB 2013-2014 - CAI Web #1: Côté navigateur 3/3
ENIB 2013-2014 - CAI Web #1: Côté navigateur 3/3 ENIB 2013-2014 - CAI Web #1: Côté navigateur 3/3
ENIB 2013-2014 - CAI Web #1: Côté navigateur 3/3 Horacio Gonzalez
 
Référencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO CampRéférencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO CampSEO CAMP
 
L'impact sur le SEO de Googlebot Evergreen
L'impact sur le SEO de Googlebot EvergreenL'impact sur le SEO de Googlebot Evergreen
L'impact sur le SEO de Googlebot EvergreenPhilippe YONNET
 
Le SEO JavaScript démystifié
Le SEO JavaScript démystifiéLe SEO JavaScript démystifié
Le SEO JavaScript démystifiéAdrien Russo
 
Nouvelles architectures de sites web et SEO
Nouvelles architectures de sites web et SEONouvelles architectures de sites web et SEO
Nouvelles architectures de sites web et SEOPhilippe YONNET
 

Similaire à Google et le Javascript - Petit déjeuner du 29 mars 2017 (20)

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
 
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
Maitriser le SEO d'un site JavaScript - SEO Campus Paris 2022
 
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...
 
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
 
Seocamp Bayonne - JS et SEO
Seocamp  Bayonne - JS et SEOSeocamp  Bayonne - JS et SEO
Seocamp Bayonne - JS et SEO
 
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...
 
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...
 
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...
 
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016
Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016
 
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
 
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...
 
Flash vs-html5-adrien-leygues-pw-2011
Flash vs-html5-adrien-leygues-pw-2011Flash vs-html5-adrien-leygues-pw-2011
Flash vs-html5-adrien-leygues-pw-2011
 
Les nouveaux challenges techniques pour le SEO
Les nouveaux challenges techniques pour le SEOLes nouveaux challenges techniques pour le SEO
Les nouveaux challenges techniques pour le SEO
 
Seocamp2016 : javascript et indexation, où en est-on ?
Seocamp2016 : javascript et indexation, où en est-on ?Seocamp2016 : javascript et indexation, où en est-on ?
Seocamp2016 : javascript et indexation, où en est-on ?
 
ENIB 2013-2014 - CAI Web #1: Côté navigateur 3/3
ENIB 2013-2014 - CAI Web #1: Côté navigateur 3/3 ENIB 2013-2014 - CAI Web #1: Côté navigateur 3/3
ENIB 2013-2014 - CAI Web #1: Côté navigateur 3/3
 
Référencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO CampRéférencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO Camp
 
L'impact sur le SEO de Googlebot Evergreen
L'impact sur le SEO de Googlebot EvergreenL'impact sur le SEO de Googlebot Evergreen
L'impact sur le SEO de Googlebot Evergreen
 
Le SEO JavaScript démystifié
Le SEO JavaScript démystifiéLe SEO JavaScript démystifié
Le SEO JavaScript démystifié
 
jQuery vs AngularJS
jQuery vs AngularJS jQuery vs AngularJS
jQuery vs AngularJS
 
Nouvelles architectures de sites web et SEO
Nouvelles architectures de sites web et SEONouvelles architectures de sites web et SEO
Nouvelles architectures de sites web et SEO
 

Plus de Peak Ace

SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptxSEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptxPeak Ace
 
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
 
Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?Peak Ace
 
Petit dejeuner sf 180419 actualite seo sea
Petit dejeuner sf 180419   actualite seo seaPetit dejeuner sf 180419   actualite seo sea
Petit dejeuner sf 180419 actualite seo seaPeak Ace
 
Event sf 180419 changement de marque et de domaine
Event sf 180419 changement de marque et de domaineEvent sf 180419 changement de marque et de domaine
Event sf 180419 changement de marque et de domainePeak Ace
 
Event sf 180419 gerer les contenus pagines
Event sf 180419 gerer les contenus paginesEvent sf 180419 gerer les contenus pagines
Event sf 180419 gerer les contenus paginesPeak Ace
 
Event sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinkingEvent sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinkingPeak Ace
 
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...Peak Ace
 
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...Peak Ace
 
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...Peak Ace
 
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...Peak Ace
 
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...Peak Ace
 
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre parisPeak Ace
 
Comment exploiter et atteindre la position 0 ou featured snippets de Google ...
Comment exploiter et atteindre la position 0 ou featured snippets de Google  ...Comment exploiter et atteindre la position 0 ou featured snippets de Google  ...
Comment exploiter et atteindre la position 0 ou featured snippets de Google ...Peak Ace
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...Peak Ace
 
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes Peak Ace
 
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...Peak Ace
 
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes Peak Ace
 
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...Peak Ace
 
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie VidalinMobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie VidalinPeak Ace
 

Plus de Peak Ace (20)

SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptxSEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
SEO CAMP'us Paris 2022 - CADOR EN SEO - Mathieu Chapon (1).pptx
 
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
 
Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?
 
Petit dejeuner sf 180419 actualite seo sea
Petit dejeuner sf 180419   actualite seo seaPetit dejeuner sf 180419   actualite seo sea
Petit dejeuner sf 180419 actualite seo sea
 
Event sf 180419 changement de marque et de domaine
Event sf 180419 changement de marque et de domaineEvent sf 180419 changement de marque et de domaine
Event sf 180419 changement de marque et de domaine
 
Event sf 180419 gerer les contenus pagines
Event sf 180419 gerer les contenus paginesEvent sf 180419 gerer les contenus pagines
Event sf 180419 gerer les contenus pagines
 
Event sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinkingEvent sf 180419 les bonnes pratiques en netlinking
Event sf 180419 les bonnes pratiques en netlinking
 
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
Amazon : au cœur de votre stratégie SEO 2019 - Philippe Yonnet - Petit déjeun...
 
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
Contenu et SEO : quelles tendances pour 2019 ? - Julien Callaou - petit déjeu...
 
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
Comment structurer ses campagnes adwords pour tirer le meilleur parti de l’au...
 
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
Comment optimiser votre site pour être visible sur les requêtes saisonnières ...
 
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
Le futur du SEO : l’optimisation pour les moteurs de réponse (AEO) - petit dé...
 
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
« Le temps de chargement n’existe pas ! » - petit déjeuner 13 décembre paris
 
Comment exploiter et atteindre la position 0 ou featured snippets de Google ...
Comment exploiter et atteindre la position 0 ou featured snippets de Google  ...Comment exploiter et atteindre la position 0 ou featured snippets de Google  ...
Comment exploiter et atteindre la position 0 ou featured snippets de Google ...
 
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
Actualité des moteurs de recherche et du référencement (SEO & SEA) - petit dé...
 
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
La nouvelle Google Search Console - petit déjeuner 15-11-2018 Nantes
 
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...Comment tirer le meilleur parti possible du content marketing - petit déjeune...
Comment tirer le meilleur parti possible du content marketing - petit déjeune...
 
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
Migration les pièges a éviter - petit déjeuner 15-11-2018 Nantes
 
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
Actualite des moteurs de recherche et du referencement SEO/SEA - petit déjeun...
 
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie VidalinMobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
Mobile first index et speed update - Petit déjeuner Bordeaux - Julie Vidalin
 

Google et le Javascript - Petit déjeuner du 29 mars 2017

  • 1. Les bonnes pratiques SEO avec les frameworks JavaScript 25 mars 2017
  • 2. Contexte 2 La popularité des Frameworks JavaScript ne cesse de croître malgré des infrastructures complexes et incompatibles avec les moteurs. Ces fonctions prédéfinis présentent de nombreux avantages : • Un seul langage pour créer un site. • Amélioration de l’ergonomie et de l’expérience utilisateur.
  • 3. 3 Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Qu’est ce qu’un framework JavaScript ?
  • 4. Fonctionnement des infrastructure Javascript Un site classique qui suit le modèle de communication client-serveur. Une application fondée sur JavaScript (Ajax et autres) suit le modèle du “client-side rendering” à savoir : La première requête charge le layout de la page, le CSS et le JavaScript. Il est fréquent qu’une partie ou tout le contenu ne soit pas chargé. Ensuite, le JavaScript envoie une seconde requête au serveur qui répond en JSON pour enfin générer le HTML approprié.
  • 5. Single page application 5 Les Framework JavaScript permettent de créer des applications web accessibles via une page web unique, on parle alors de SPA (Single Page Application). L’architecture version SPA supporte la rendition côté serveur c’est à dire que l’utilisateur obtiendra une page complète dès que le SPA est chargé pour la première fois.
  • 6. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Les challenges 6
  • 7. Challenges SEO 7 Challenge n°1 : • Pour explorer un site full JS le bot télécharge le code HTML et analyse le contenu présent dans le code. Bien souvent le contenu en JS et Ajax est ignoré dans la plupart des cas à l’exception de Googlebot avec son headless browser. Challenge n°2 : • Quoi indexer ? Le contenu change régulièrement en fonction des interactions. • Comment analyser les liens et le contenu d’une page ? • À quoi rattacher ces signaux ? Si la notion d’une page reliée à une URL a disparu, comment continuer à utiliser l’algorithme actuel ? Je parle couramment HTML mais en Js et en Ajax je suis moyen.
  • 8. Challenge SEO 8 Challenge n°3 : • La rendition d’un site en full AngularJS n’est possible que si le JS est activé, dans le cas contraire le site est tout simplement invisible. Il est aussi difficile aux moteurs de recherche d’accéder aux contenus de ces sites pour les indexer, car le code source n’affiche que des variables.
  • 9. Challenge SEO 9 Challenge n°4 : • Et notre visibilité SEO on en fait quoi ? OUPSS
  • 10. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Google et le javascript 10
  • 11. Google et le JavaScript 11 Aujourd’hui, on sait que Google interprète le JS qui génère des title, meta description, robots meta tags. Google comprend les fichiers CSS et JS pour identifier une page mobile friendly ou détecter des éléments cachés. Google sait lire les événements Onclick, Google peut donc suivre les contenus générés dynamiquement dans le JS pour les indexer. Concernant l’AJAX, il s’agit d’une tout autre histoire.
  • 12. Google et AJAX 12 Pour mieux crawler et indexer l’Ajax, Google proposait en 2009 la technique du hashbang (#!). Mais aujourd’hui, Google prétend pouvoir lire les contenus générés en Ajax… La méthode du pushstate proposé par l’IP history de HTML5 est une solution plus pérenne car les URL de navigation dynamique restent identiques. Pour le SEO le pushstate est parfait car les moteurs peuvent lire ces URL et les différencier les unes des autres.
  • 13. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Positionner son site
  • 14. 1/ Fetch as Google 14 Dans un premier temps, si le test Fetch as Google ne parvient pas à rendre la page comme prévu. Il y a un problème.
  • 15. 2/ Auditer son site 15 La solution réside dans le headless browser : Un Headless Browser ou navigateur sans tête est un navigateur web sans interface graphique utilisable uniquement en ligne de commande. Disposant d’un API JavaScript capable de rendre une page HTML complète en exécutant le HTML, CSS et JS tout comme un navigateur. Phantom JS et Casper JS sont des headless browser, le dernier a la particularité d’être un scrapper.
  • 16. Crawl JavaScript sous Screaming Frog et Botify 16 Vous pouvez aussi auditer avec Screaming Frog en mode “crawl JavaScript”. Screaming Frog est un crawler orienté SEO, il dispose depuis peu d’un mode “headless browser” basé sur PhantomJS. Il peut ainsi crawler un site full Angular.
  • 17. 3/ Rendre son site SEO friendly 17 Solution 1 : coder avec une stratégie d’amélioration progressive. Le principe de l’amélioration progressive consiste à construire son site en 3 couches : Le contenu stocké dans le code HTML (contenu et fonctionnalités accessibles pour tous). La mise en forme est définie par les feuilles de style en cascade externes (CSS). Les fonctionnalités écrites dans un script externe comme JavaScript.
  • 18. 3/ Rendre son site SEO friendly 18 Solution 2 : Créer des snapshots HTML soi-même. Cette méthode est préconisée par Google pour l’Ajax. En résumé, le code JS est exécuté via un headless browser côté serveur, afin de générer le HTML produit par le code JS. Ce code est “capturé” avant d’être envoyé, comme une page HTML normale, au navigateur de l’internaute. Souvent, l’arbitrage est d’envoyer les snapshots aux bots des moteurs de recherche uniquement.
  • 19. 3/ Rendre son site SEO friendly 19 Solution 3 : Utiliser un serveur de prérendition tiers. Les outils de pré-rendu de document facilitent le crawl de notre site. Un serveur de prérendition permet de pré rendre vos pages statiques, dès que l’outil détecte qu’un crawler vient sur votre site, il lui affichera le rendu final HTML statique. Les principaux outils de prérendition tiers sont : Prerender, SEO 4 Ajax (Cocorico !), Brombone. Attention cette technique peut ressembler à du cloaking même si ce n’est pas le cas.
  • 20. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Frameworks javascript : The next generation 20
  • 21. Framework JavaScript : The next generation 21 L’avenir est aux Frameworks JavaScript “isomorphes” capables d’une rendition hybride (coté serveur et/ou client). Avec ReactJS ou HapiJS, on peut donc générer le HTML avant de l’envoyer au navigateur. Il devient possible de créer des sites web avec des Framework JS, sans générer de problèmes avec le SEO. Cependant, mal utilisés, ces Frameworks JS de dernière génération peuvent poser les mêmes problèmes que ceux expérimentés avec la première génération.
  • 22. Agence conseil en stratégie digitale | SEO • SEM • CRO • Inbound Marketing • Analytics Conclusion 22
  • 23. 23 Le développement en Framework JS est un casse-tête qui n’est pas insoluble, mais qui demande de solides compétences techniques côté SEO et développeurs. Et dans tous les cas, c’est à réserver à des situations où le trafic SEO n’est pas stratégique pour le site : On peut rendre les sites faits avec ces technologies crawlables et indexables. Mais si l’on veut atteindre des positions sur des requêtes concurrentielles, il vaut mieux compter sur un site web en serveur side rendering à l’ancienne.