SlideShare une entreprise Scribd logo
1  sur  51
Indexation et Javascript,
où en est-on ?
Seocamp’us Paris - 7 avril 2016 - Madeline Pinthon
@iProspectFR #seocamp
Qui suis-je ?
Madeline Pinthon
Consultante SEO chez iProspect
www.canyouseome.com
• Diplômée d’Audencia Nantes
• 4 ans chez l’annonceur (Agriaffaires)
• 1 an chez iProspect
J’en profite pour remercier :
• Mes collègues & clients
• Les events SEO (teknseo, seocamp, visibilite
live camp, google black day)
• www.scripts-seo.com
• Les SEO sur twitter, skype,…
@iProspectFR #seocamp
Comment se déroulera la conférence
L’évolution de la communication de Google
Point
Un
Des paroles aux actes (les tests)
Point
deux
Les outils utiles
Point
Trois
Ce que dit Google
@iProspectFR #seocamp
Avant, il fallait désactiver le javascript
@iProspectFR #seocamp
La communication de Google évolue
Avril 2014
Question : how doesGoogle
handle content loaded via
Javascript ?
VIDEO DE MATT CUTTS
Mars 2014
Le JSON peut alimenter le
knowledge graph
WEBMASTER
Mai 2014
“we decided to try to
understand pages by
executing JavaScript.”
UNDERSTANDINGWEB
PAGES BETTER
2015
En bloquant les ressources,
votre classement risque de ne
pas être optimal
RAPPORT RESSOURCES
BLOQUES
Octobre 2015
We are generally able to render
and understand your web pages
like modern browsers.
DEPRECATING AJAX CRAWLING
SCHEME
Octobre 2015
GTMV2
Lancement deAngularJS 2.0
LANCEMENT DE NOUVEAUX OUTILS
Janvier 2015
La nouvelle version comprend le
JSON-LD
NOUVEL OUTIL DETEST DES
RICH SNIPPETS
Avril 2015
Google doit interpréter les CSS
pour voir si un site est mobile-
friendly
MOBILEGEDDON
Février 2016
Accélerer le mobile…avec du
JSON-LD
AMP
mars 2016
Message de John Mueller
résumant les recommandations
de Google sur le Javascript.
SYNTHESE DES CONSEILS
SUR L’INDEXATION DU JS
@iProspectFR #seocamp
Les conseils de John
Don't cloak to Googlebot. Use
"feature detection" &
"progressive enhancement"
techniques to make your
content available to all users.
Avoid redirecting to an
“unsupported browser” page.
“
@iProspectFR #seocamp
Les conseils de John
Use rel=canonical when serving
content from multiple URLs is
required.
“
@iProspectFR #seocamp
Les conseils de John
Avoid the AJAX-Crawling
scheme on new sites. Consider
migrating old sites that use this
scheme soon.
Remember to remove "meta
fragment" tags when migrating.
Don't use a "meta fragment" tag
if the "escaped fragment" URL
doesn't serve fully rendered
content.
“
@iProspectFR #seocamp
Les conseils de John
Avoid using "#" in URLs (outside
of "#!"). Googlebot rarely
indexes URLs with "#" in them.
Use "normal" URLs with
path/filename/query-
parameters instead, consider
using the History API for
navigation.
“
@iProspectFR #seocamp
Les conseils de John
Use Search Console's Fetch and
Render tool to test how
Googlebot sees your pages.
Note that this tool doesn't
support "#!" or "#" URLs.“
@iProspectFR #seocamp
Les conseils de John
Limit the number of embedded
resources, in particular the
number of JavaScript files and
server responses required to
render your page.
A high number of required URLs
can result in timeouts &
rendering without these
resources being available
“
@iProspectFR #seocamp
Les conseils de John
Google supports the use of
JavaScript to provide titles,
description & robots meta tags,
structured data, and other meta-
data.“
@iProspectFR #seocamp
Les conseils de John
Finally, keep in mind that other
search engines and web services
accessing your content might
not support JavaScript at all, or
might support a different
subset.
“
De la théorie à la pratique
@iProspectFR #seocamp
Réecrire les title
Lorsqu’on réécrit les balises title en javascript, est-ce pris en compte ?
Le DOM est pris en compte.
Le title du code source n’est plus visible.
@iProspectFR #seocamp
Exemple
C’est bien le DOM qui est pris en compte, et non pas le code source.
Code source DOM
Google
@iProspectFR #seocamp
Modifier et/ou insérer des paragraphes
Lorsqu’on ajoute dynamiquement du contenu avec du javascript, ces contenus sont-ils indexés ?
Les pages peuvent se positionner sur les contenus
injectés
@iProspectFR #seocamp
Sans JS
CFPJ : formation communication orale
@iProspectFR #seocamp
Avec JS
@iProspectFR #seocamp
Dans google…
@iProspectFR #seocamp
Autres tests…de 2013
http://www.klikki.com/blog/google-able-index-content-fetched-using-ajax
Injecter du contenu
Le contenu était bien indexé
@iProspectFR #seocamp
Injection d’un contenu bloqué
Injecter du contenu, en provenance d’une URL bloquée par le robots.txt
Le contenu était bien indexé
@iProspectFR #seocamp
Injection l’affichage demande un clic
Un contenu a été injecté mais il s’affiche après un clic
KO, le contenu n’avait pas été indexé
@iProspectFR #seocamp
D’autres tests en 2015
http://www.centrical.com/test/google-json-ld-and-javascript-crawling-and-indexing-test.html
Plusieurs tests réalisés : injection avant et apres le chargement du DOM, en asyncrhone ou apres
httpRequest.
Le contenu était bien indexé
@iProspectFR #seocamp
Les liens javascript
Des liens insérés en JS sont-ils crawlés ?
Les liens ont été crawlés.
@iProspectFR #seocamp
Sans JS
(Merci Walid, http://www.trafic-organique.com/javascript-seo.html )
@iProspectFR #seocamp
Avec JS
@iProspectFR #seocamp
Les redirections
Comment sont considérées les redirections javascript ?
Les redirections sont bien prises en compte…
et assimilées à des 301
@iProspectFR #seocamp
Illustration dans search console
Malgré un code 200, Google voit la redirection.
@iProspectFR #seocamp
Les redirections avec temps d’attente ?
Une redirection javascript qui se déclenche après un timer ?
Ca passe également ! Et elle peut également avoir le
même effet qu’une 301.
@iProspectFR #seocamp
Encore des tests
http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157
@iProspectFR #seocamp
Désindexer un contenu
Nous avons injecté dynamiquement une balise noindex.
Le contenu a-t-il été désindexé ?
OK, la page a disparu des SERP
@iProspectFR #seocamp
Mise en place simple d’un script qui injecte la meta robots
Sur
www.canyouseome.com/
page-c/, il n’y a aucune
balise meta robots dans
le code source.
Elle est par contre
présente dans le DOM.
@iProspectFR #seocamp
Retirer une balise noindex
Nous avons mis un script pour retirer la balise meta robots :
KO, la page n’a pas été réindexée
@iProspectFR #seocamp
Résultat
Sur http://canyouseome.com/page-d/, la balise meta robots est présente dans le code source mais pas dans
le DOM.
@iProspectFR #seocamp
Un site fait avec AngularJS s’indexe-t-il ?
Le JavaScript utilisé dans Angular ou d’autres framework JS est complexe.
Google a encore bien du mal l’interpréter.
L’escaped fragment reste une manière efficace de donner le contenu à Google et d’indexer les pages.
Plusieurs tests à suivre : http://ng.jscrawlability.com/ (angular), http://react.jscrawlability.com/ (react)
En conclusion
@iProspectFR #seocamp
Quelques enseignements
• Le DOM prime. Ne vous fiez plus au code source.
• Si des instructions contradictoires sont données sur l’indexation (noindex), la négation l’emporte, JS
exécuté ou code source (c’est un peu moins vrai pour le nofollow).
• Google ne fait pas d’interaction.
• Tant que le rendu est du html propre, il n’y a pas de problème d’indexation.
• Le javascript ne doit pas non plus être trop complexe. Il ne doit pas y avoir trop de fichiers à charger.
• Si vous ne voulez pas que le JS soit interprété : bloquez l’accès à Google (en passant par un domaine
externe bloqué par un robots.txt par exemple)
@iProspectFR #seocamp
Un site doit-il passer sur un framework JS (type Angular)?
Le site a-t-il une certaine autorité ?
Bing apporte-t-il une part conséquente de
trafic ?
Etes-vous prêt à traverser une zone de
turbulence ?
Les équipes techniques sont-elles sensibles au
SEO ?
Oui
Non
Oui
Non
Oui
Oui
Ok (mais bon
courage !)
Oui (ou pas du tout)
Votre site a-t-il beaucoup de pages ?
Non
Non
@iProspectFR #seocamp
Ne négligez pas l’accessibilité
• Utilisez les sitemaps
• Ajoutez des micro données
• Le DOM et le rendu final doit être du HTML classique
Quels outils SEO pour
exécuter le JS ?
@iProspectFR #seocamp
L’outil « explorer comme Google »
Google Search Console et l’outil Explorer commeGoogle (Affichage)
Les tests sont nécessaires mais pas suffisants !
@iProspectFR #seocamp
PhantomJS
Le meilleur outil…. PhantomJS.
Mais il faut aimer la technique !
@iProspectFR #seocamp
SEOTools for excel
Excel seo tools et PhantomJS : http://seotoolsforexcel.com/phantomjs-cloud/
Il faut juste connaître le xpath.
@iProspectFR #seocamp
Un crawler qui exécute le JS ?
Pas de produit sur le marché actuellement…
(coucou Botify,onCrawl, etc.)
@iProspectFR #seocamp
GoogleTag Manager
Peut devenir unCMS (réécrire des titres, injecter du contenu, etc.)
http://startup-metrics.fr/gtm-tips-3-javascript-seo-friendly-avec-google-tag-manager-le-cas-resultats-du-
bac/
Merci !
(et bon appétit)
Rejoignez-nous, on recrute !
madeline.pinthon@iprospect.com

Contenu connexe

Tendances

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
 
L'IA dans l'algorithme de Google - Matin neperien 7 juillet 2021
L'IA dans l'algorithme de Google - Matin neperien 7 juillet 2021L'IA dans l'algorithme de Google - Matin neperien 7 juillet 2021
L'IA dans l'algorithme de Google - Matin neperien 7 juillet 2021Philippe YONNET
 
Seo camp'us 2018 - cloaking is not a crime : Patrick Valibus
Seo camp'us 2018 - cloaking is not a crime : Patrick ValibusSeo camp'us 2018 - cloaking is not a crime : Patrick Valibus
Seo camp'us 2018 - cloaking is not a crime : Patrick ValibusPatrick Valibus
 
Stratégie SEO en 2015 -
Stratégie SEO en 2015 - Stratégie SEO en 2015 -
Stratégie SEO en 2015 - Philippe YONNET
 
No Code et SEO sont ils compatibles ? Philippe Yonnet Neper
No Code et SEO sont ils compatibles ? Philippe Yonnet NeperNo Code et SEO sont ils compatibles ? Philippe Yonnet Neper
No Code et SEO sont ils compatibles ? Philippe Yonnet NeperPhilippe YONNET
 
Comment developper une stratégie de contenu ?
Comment developper une stratégie de contenu ?Comment developper une stratégie de contenu ?
Comment developper une stratégie de contenu ?Agence web AxeNet
 
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échouéLe Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échouéPhilippe YONNET
 
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
 
Tuniseo 2017 année charnière pour le SEO ?
Tuniseo  2017 année charnière pour le SEO ?Tuniseo  2017 année charnière pour le SEO ?
Tuniseo 2017 année charnière pour le SEO ?Philippe YONNET
 
Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur Virginie Clève - largow ☕️
 
La casa de SEO : les questions à se poser pour le casse SEO parfait
La casa de SEO : les questions à se poser pour le casse SEO parfaitLa casa de SEO : les questions à se poser pour le casse SEO parfait
La casa de SEO : les questions à se poser pour le casse SEO parfaitAymeric Bouillat
 
Intégrer Yandex dans sa stratégie Search Marketing - SEO Camp'us 2016
Intégrer Yandex dans sa stratégie Search Marketing - SEO Camp'us 2016Intégrer Yandex dans sa stratégie Search Marketing - SEO Camp'us 2016
Intégrer Yandex dans sa stratégie Search Marketing - SEO Camp'us 2016iProspect France
 
Position 0 seocampus 2017 (Featured Snippets)
Position 0 seocampus 2017 (Featured Snippets)Position 0 seocampus 2017 (Featured Snippets)
Position 0 seocampus 2017 (Featured Snippets)DOUCET Raphael
 
Une stratégie SEO propre avec WordPress (sans polluer le web)
Une stratégie SEO propre avec WordPress (sans polluer le web)Une stratégie SEO propre avec WordPress (sans polluer le web)
Une stratégie SEO propre avec WordPress (sans polluer le web)Daniel Roch - SeoMix
 

Tendances (20)

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
 
Référencement et Web Sémantique SMX Paris 2013
Référencement et Web Sémantique SMX Paris 2013Référencement et Web Sémantique SMX Paris 2013
Référencement et Web Sémantique SMX Paris 2013
 
L'IA dans l'algorithme de Google - Matin neperien 7 juillet 2021
L'IA dans l'algorithme de Google - Matin neperien 7 juillet 2021L'IA dans l'algorithme de Google - Matin neperien 7 juillet 2021
L'IA dans l'algorithme de Google - Matin neperien 7 juillet 2021
 
Seo camp'us 2018 - cloaking is not a crime : Patrick Valibus
Seo camp'us 2018 - cloaking is not a crime : Patrick ValibusSeo camp'us 2018 - cloaking is not a crime : Patrick Valibus
Seo camp'us 2018 - cloaking is not a crime : Patrick Valibus
 
Stratégie SEO en 2015 -
Stratégie SEO en 2015 - Stratégie SEO en 2015 -
Stratégie SEO en 2015 -
 
No Code et SEO sont ils compatibles ? Philippe Yonnet Neper
No Code et SEO sont ils compatibles ? Philippe Yonnet NeperNo Code et SEO sont ils compatibles ? Philippe Yonnet Neper
No Code et SEO sont ils compatibles ? Philippe Yonnet Neper
 
Comment developper une stratégie de contenu ?
Comment developper une stratégie de contenu ?Comment developper une stratégie de contenu ?
Comment developper une stratégie de contenu ?
 
Ergonomie et Referencement : ami ou ennemi ?
Ergonomie et Referencement : ami ou ennemi ?Ergonomie et Referencement : ami ou ennemi ?
Ergonomie et Referencement : ami ou ennemi ?
 
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échouéLe Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
 
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
 
Référencement international et SEO en Suisse
Référencement international et SEO en SuisseRéférencement international et SEO en Suisse
Référencement international et SEO en Suisse
 
Tuniseo 2017 année charnière pour le SEO ?
Tuniseo  2017 année charnière pour le SEO ?Tuniseo  2017 année charnière pour le SEO ?
Tuniseo 2017 année charnière pour le SEO ?
 
Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur Evolution du SEO entre 1999/2012 et le métier de Référenceur
Evolution du SEO entre 1999/2012 et le métier de Référenceur
 
Désindexation
DésindexationDésindexation
Désindexation
 
SEO pour les sites de grande envergure
SEO pour les sites de grande envergureSEO pour les sites de grande envergure
SEO pour les sites de grande envergure
 
La casa de SEO : les questions à se poser pour le casse SEO parfait
La casa de SEO : les questions à se poser pour le casse SEO parfaitLa casa de SEO : les questions à se poser pour le casse SEO parfait
La casa de SEO : les questions à se poser pour le casse SEO parfait
 
Intégrer Yandex dans sa stratégie Search Marketing - SEO Camp'us 2016
Intégrer Yandex dans sa stratégie Search Marketing - SEO Camp'us 2016Intégrer Yandex dans sa stratégie Search Marketing - SEO Camp'us 2016
Intégrer Yandex dans sa stratégie Search Marketing - SEO Camp'us 2016
 
Position 0 seocampus 2017 (Featured Snippets)
Position 0 seocampus 2017 (Featured Snippets)Position 0 seocampus 2017 (Featured Snippets)
Position 0 seocampus 2017 (Featured Snippets)
 
Audit de site WordPress
Audit de site WordPressAudit de site WordPress
Audit de site WordPress
 
Une stratégie SEO propre avec WordPress (sans polluer le web)
Une stratégie SEO propre avec WordPress (sans polluer le web)Une stratégie SEO propre avec WordPress (sans polluer le web)
Une stratégie SEO propre avec WordPress (sans polluer le web)
 

En vedette

SMX 2016 seo avec excel et google spreadsheet
SMX 2016   seo avec excel et google spreadsheetSMX 2016   seo avec excel et google spreadsheet
SMX 2016 seo avec excel et google spreadsheetMadeline Pinthon
 
SEO : comment obtenir des liens puissants grâce à un contenu décalé
SEO : comment obtenir des liens puissants grâce à un contenu décaléSEO : comment obtenir des liens puissants grâce à un contenu décalé
SEO : comment obtenir des liens puissants grâce à un contenu décaléLaurent Peyrat
 
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX Intuiti
 
Scraper avec excel et google spreadsheet - google black day
Scraper avec excel et google spreadsheet - google black dayScraper avec excel et google spreadsheet - google black day
Scraper avec excel et google spreadsheet - google black dayMadeline Pinthon
 
Présentation Web Theorie à initiative gironde : Atelier Marketing digital
Présentation Web Theorie à initiative gironde : Atelier Marketing digitalPrésentation Web Theorie à initiative gironde : Atelier Marketing digital
Présentation Web Theorie à initiative gironde : Atelier Marketing digitalJulien Durandet
 
Installer Google Analytics avec Google Tag Manager
Installer Google Analytics avec Google Tag ManagerInstaller Google Analytics avec Google Tag Manager
Installer Google Analytics avec Google Tag ManagerBruno Guyot
 
SEO et ecommerce sur Magento: retour d’expérience
SEO et ecommerce sur Magento: retour d’expérienceSEO et ecommerce sur Magento: retour d’expérience
SEO et ecommerce sur Magento: retour d’expérienceAurélien Lavorel
 
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
 
Seo mobile une question de contexte mobile marketing - maxime gaudreau - ip...
Seo mobile une question de contexte   mobile marketing - maxime gaudreau - ip...Seo mobile une question de contexte   mobile marketing - maxime gaudreau - ip...
Seo mobile une question de contexte mobile marketing - maxime gaudreau - ip...SEMPO Québec
 
La mise en cache et ses secrets
La mise en cache et ses secretsLa mise en cache et ses secrets
La mise en cache et ses secretsAymeric Bouillat
 
Designing Creative Content: How visualising data helps us see
Designing Creative Content: How visualising data helps us seeDesigning Creative Content: How visualising data helps us see
Designing Creative Content: How visualising data helps us seeVicke Cheung
 
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Olivier Andrieu
 
Analyse de logs - Études de cas et best practices - SEO Campus 2017
Analyse de logs - Études de cas et best practices - SEO Campus 2017Analyse de logs - Études de cas et best practices - SEO Campus 2017
Analyse de logs - Études de cas et best practices - SEO Campus 2017iProspect France
 
HTTPS The Road To A More Secure Web / SEOCamp Paris
HTTPS The Road To A More Secure Web / SEOCamp ParisHTTPS The Road To A More Secure Web / SEOCamp Paris
HTTPS The Road To A More Secure Web / SEOCamp ParisAysun Akarsu
 
Google AMP 1 an après : quel bilan, quelles perspectives ?
Google AMP 1 an après : quel bilan, quelles perspectives ?Google AMP 1 an après : quel bilan, quelles perspectives ?
Google AMP 1 an après : quel bilan, quelles perspectives ?Virginie Clève - largow ☕️
 
Les défauts de WordPress pour le SEO
Les défauts de WordPress pour le SEOLes défauts de WordPress pour le SEO
Les défauts de WordPress pour le SEODaniel Roch - SeoMix
 
Measuring Content Marketing
Measuring Content MarketingMeasuring Content Marketing
Measuring Content MarketingDavid Iwanow
 
[Support de cours] WebMarketing et communication web - IPAC 2014
[Support de cours] WebMarketing et communication web - IPAC 2014[Support de cours] WebMarketing et communication web - IPAC 2014
[Support de cours] WebMarketing et communication web - IPAC 2014QWEB.ECO
 
Organiser un projet à l’international : un Pari Fou
Organiser un projet à l’international : un Pari FouOrganiser un projet à l’international : un Pari Fou
Organiser un projet à l’international : un Pari FouOpen-linking
 
Seo camp'us 2017 utiliser google analytics comme un voyou - aristide riou
Seo camp'us 2017   utiliser google analytics comme un voyou - aristide riouSeo camp'us 2017   utiliser google analytics comme un voyou - aristide riou
Seo camp'us 2017 utiliser google analytics comme un voyou - aristide riouPrénom Nom de famille
 

En vedette (20)

SMX 2016 seo avec excel et google spreadsheet
SMX 2016   seo avec excel et google spreadsheetSMX 2016   seo avec excel et google spreadsheet
SMX 2016 seo avec excel et google spreadsheet
 
SEO : comment obtenir des liens puissants grâce à un contenu décalé
SEO : comment obtenir des liens puissants grâce à un contenu décaléSEO : comment obtenir des liens puissants grâce à un contenu décalé
SEO : comment obtenir des liens puissants grâce à un contenu décalé
 
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX
Seo camp paris - A chaque enjeu, sa stratégie - Tips & REX
 
Scraper avec excel et google spreadsheet - google black day
Scraper avec excel et google spreadsheet - google black dayScraper avec excel et google spreadsheet - google black day
Scraper avec excel et google spreadsheet - google black day
 
Présentation Web Theorie à initiative gironde : Atelier Marketing digital
Présentation Web Theorie à initiative gironde : Atelier Marketing digitalPrésentation Web Theorie à initiative gironde : Atelier Marketing digital
Présentation Web Theorie à initiative gironde : Atelier Marketing digital
 
Installer Google Analytics avec Google Tag Manager
Installer Google Analytics avec Google Tag ManagerInstaller Google Analytics avec Google Tag Manager
Installer Google Analytics avec Google Tag Manager
 
SEO et ecommerce sur Magento: retour d’expérience
SEO et ecommerce sur Magento: retour d’expérienceSEO et ecommerce sur Magento: retour d’expérience
SEO et ecommerce sur Magento: retour d’expérience
 
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
 
Seo mobile une question de contexte mobile marketing - maxime gaudreau - ip...
Seo mobile une question de contexte   mobile marketing - maxime gaudreau - ip...Seo mobile une question de contexte   mobile marketing - maxime gaudreau - ip...
Seo mobile une question de contexte mobile marketing - maxime gaudreau - ip...
 
La mise en cache et ses secrets
La mise en cache et ses secretsLa mise en cache et ses secrets
La mise en cache et ses secrets
 
Designing Creative Content: How visualising data helps us see
Designing Creative Content: How visualising data helps us seeDesigning Creative Content: How visualising data helps us see
Designing Creative Content: How visualising data helps us see
 
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
 
Analyse de logs - Études de cas et best practices - SEO Campus 2017
Analyse de logs - Études de cas et best practices - SEO Campus 2017Analyse de logs - Études de cas et best practices - SEO Campus 2017
Analyse de logs - Études de cas et best practices - SEO Campus 2017
 
HTTPS The Road To A More Secure Web / SEOCamp Paris
HTTPS The Road To A More Secure Web / SEOCamp ParisHTTPS The Road To A More Secure Web / SEOCamp Paris
HTTPS The Road To A More Secure Web / SEOCamp Paris
 
Google AMP 1 an après : quel bilan, quelles perspectives ?
Google AMP 1 an après : quel bilan, quelles perspectives ?Google AMP 1 an après : quel bilan, quelles perspectives ?
Google AMP 1 an après : quel bilan, quelles perspectives ?
 
Les défauts de WordPress pour le SEO
Les défauts de WordPress pour le SEOLes défauts de WordPress pour le SEO
Les défauts de WordPress pour le SEO
 
Measuring Content Marketing
Measuring Content MarketingMeasuring Content Marketing
Measuring Content Marketing
 
[Support de cours] WebMarketing et communication web - IPAC 2014
[Support de cours] WebMarketing et communication web - IPAC 2014[Support de cours] WebMarketing et communication web - IPAC 2014
[Support de cours] WebMarketing et communication web - IPAC 2014
 
Organiser un projet à l’international : un Pari Fou
Organiser un projet à l’international : un Pari FouOrganiser un projet à l’international : un Pari Fou
Organiser un projet à l’international : un Pari Fou
 
Seo camp'us 2017 utiliser google analytics comme un voyou - aristide riou
Seo camp'us 2017   utiliser google analytics comme un voyou - aristide riouSeo camp'us 2017   utiliser google analytics comme un voyou - aristide riou
Seo camp'us 2017 utiliser google analytics comme un voyou - aristide riou
 

Similaire à Seocamp2016 : javascript et indexation, où en est-on ?

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
 
Being Googlebot - de nouvelles clés pour optimiser le SEO
Being Googlebot - de nouvelles clés pour optimiser le SEOBeing Googlebot - de nouvelles clés pour optimiser le SEO
Being Googlebot - de nouvelles clés pour optimiser le SEODigimood - Agence SEO / SEA
 
Seo 10 clés pour plaire à Google
Seo   10 clés pour plaire à GoogleSeo   10 clés pour plaire à Google
Seo 10 clés pour plaire à GoogleKeyweo
 
Screaming frog - l'outil ne fait pas l'artisan
Screaming frog - l'outil ne fait pas l'artisanScreaming frog - l'outil ne fait pas l'artisan
Screaming frog - l'outil ne fait pas l'artisanAymeric Bouillat
 
La longueur et structure parfaite d une page pour la placer 1ere position seo
La longueur et structure parfaite d une page pour la placer 1ere position  seoLa longueur et structure parfaite d une page pour la placer 1ere position  seo
La longueur et structure parfaite d une page pour la placer 1ere position seoJulien Dereumaux
 
ReferencementNaturel.pptx
ReferencementNaturel.pptxReferencementNaturel.pptx
ReferencementNaturel.pptxAymaneKhadiri1
 
Référencement et analyse de sites Internet
Référencement et analyse de sites InternetRéférencement et analyse de sites Internet
Référencement et analyse de sites InternetCEFAC
 
Atelier de sensibilisation au SEO
Atelier de sensibilisation au SEOAtelier de sensibilisation au SEO
Atelier de sensibilisation au SEOKseo Conseil
 
Cours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom LausanneCours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom LausannePierre Ammeloot
 
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
 
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
 
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...Comment un grand site média a augmenté son trafic organique de plus de 80% gr...
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...Julien Ferras
 
Comment l'un des plus grand site média français a augmenté son trafic organiq...
Comment l'un des plus grand site média français a augmenté son trafic organiq...Comment l'un des plus grand site média français a augmenté son trafic organiq...
Comment l'un des plus grand site média français a augmenté son trafic organiq...SEO Camp Association
 
Rapport sur le site web de l'espace de coworking 111-cothink
Rapport sur le site web de l'espace de coworking 111-cothinkRapport sur le site web de l'espace de coworking 111-cothink
Rapport sur le site web de l'espace de coworking 111-cothinkDagbouj Hatem
 
Référencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travailRéférencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travailSéverine Alix
 
Conférence Drupagora 2011: Drupal et les moteurs de recherche: Apache SolR
Conférence Drupagora 2011: Drupal et les moteurs de recherche: Apache SolRConférence Drupagora 2011: Drupal et les moteurs de recherche: Apache SolR
Conférence Drupagora 2011: Drupal et les moteurs de recherche: Apache SolRgwenael chichery
 
Techniques SEO qui marchent en 2019 - Emmanuel De Vauxmoret - SEOCamp'us Pari...
Techniques SEO qui marchent en 2019 - Emmanuel De Vauxmoret - SEOCamp'us Pari...Techniques SEO qui marchent en 2019 - Emmanuel De Vauxmoret - SEOCamp'us Pari...
Techniques SEO qui marchent en 2019 - Emmanuel De Vauxmoret - SEOCamp'us Pari...SEO CAMP
 
Utilisation avancée d'un crawler - SEO Camp'us 2015
Utilisation avancée d'un crawler - SEO Camp'us 2015Utilisation avancée d'un crawler - SEO Camp'us 2015
Utilisation avancée d'un crawler - SEO Camp'us 2015Philippe YONNET
 
Les points d'Audit pour un site SEO Friendly
Les points d'Audit pour un site SEO FriendlyLes points d'Audit pour un site SEO Friendly
Les points d'Audit pour un site SEO FriendlyBrioude Internet
 
Atelier numérique : Améliorer sa visibilité
Atelier numérique : Améliorer sa visibilitéAtelier numérique : Améliorer sa visibilité
Atelier numérique : Améliorer sa visibilitéSud Vendée Tourisme
 

Similaire à Seocamp2016 : javascript et indexation, où en est-on ? (20)

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...
 
Being Googlebot - de nouvelles clés pour optimiser le SEO
Being Googlebot - de nouvelles clés pour optimiser le SEOBeing Googlebot - de nouvelles clés pour optimiser le SEO
Being Googlebot - de nouvelles clés pour optimiser le SEO
 
Seo 10 clés pour plaire à Google
Seo   10 clés pour plaire à GoogleSeo   10 clés pour plaire à Google
Seo 10 clés pour plaire à Google
 
Screaming frog - l'outil ne fait pas l'artisan
Screaming frog - l'outil ne fait pas l'artisanScreaming frog - l'outil ne fait pas l'artisan
Screaming frog - l'outil ne fait pas l'artisan
 
La longueur et structure parfaite d une page pour la placer 1ere position seo
La longueur et structure parfaite d une page pour la placer 1ere position  seoLa longueur et structure parfaite d une page pour la placer 1ere position  seo
La longueur et structure parfaite d une page pour la placer 1ere position seo
 
ReferencementNaturel.pptx
ReferencementNaturel.pptxReferencementNaturel.pptx
ReferencementNaturel.pptx
 
Référencement et analyse de sites Internet
Référencement et analyse de sites InternetRéférencement et analyse de sites Internet
Référencement et analyse de sites Internet
 
Atelier de sensibilisation au SEO
Atelier de sensibilisation au SEOAtelier de sensibilisation au SEO
Atelier de sensibilisation au SEO
 
Cours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom LausanneCours SEO débutant Polycom Lausanne
Cours SEO débutant Polycom Lausanne
 
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
 
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
 
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...Comment un grand site média a augmenté son trafic organique de plus de 80% gr...
Comment un grand site média a augmenté son trafic organique de plus de 80% gr...
 
Comment l'un des plus grand site média français a augmenté son trafic organiq...
Comment l'un des plus grand site média français a augmenté son trafic organiq...Comment l'un des plus grand site média français a augmenté son trafic organiq...
Comment l'un des plus grand site média français a augmenté son trafic organiq...
 
Rapport sur le site web de l'espace de coworking 111-cothink
Rapport sur le site web de l'espace de coworking 111-cothinkRapport sur le site web de l'espace de coworking 111-cothink
Rapport sur le site web de l'espace de coworking 111-cothink
 
Référencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travailRéférencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travail
 
Conférence Drupagora 2011: Drupal et les moteurs de recherche: Apache SolR
Conférence Drupagora 2011: Drupal et les moteurs de recherche: Apache SolRConférence Drupagora 2011: Drupal et les moteurs de recherche: Apache SolR
Conférence Drupagora 2011: Drupal et les moteurs de recherche: Apache SolR
 
Techniques SEO qui marchent en 2019 - Emmanuel De Vauxmoret - SEOCamp'us Pari...
Techniques SEO qui marchent en 2019 - Emmanuel De Vauxmoret - SEOCamp'us Pari...Techniques SEO qui marchent en 2019 - Emmanuel De Vauxmoret - SEOCamp'us Pari...
Techniques SEO qui marchent en 2019 - Emmanuel De Vauxmoret - SEOCamp'us Pari...
 
Utilisation avancée d'un crawler - SEO Camp'us 2015
Utilisation avancée d'un crawler - SEO Camp'us 2015Utilisation avancée d'un crawler - SEO Camp'us 2015
Utilisation avancée d'un crawler - SEO Camp'us 2015
 
Les points d'Audit pour un site SEO Friendly
Les points d'Audit pour un site SEO FriendlyLes points d'Audit pour un site SEO Friendly
Les points d'Audit pour un site SEO Friendly
 
Atelier numérique : Améliorer sa visibilité
Atelier numérique : Améliorer sa visibilitéAtelier numérique : Améliorer sa visibilité
Atelier numérique : Améliorer sa visibilité
 

Plus de Madeline Pinthon

Looker Studio - trucs et astuces pour améliorer ses dashboards
Looker Studio - trucs et astuces pour améliorer ses dashboardsLooker Studio - trucs et astuces pour améliorer ses dashboards
Looker Studio - trucs et astuces pour améliorer ses dashboardsMadeline Pinthon
 
Webperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibesWebperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibesMadeline Pinthon
 
Guide pour réussir son intégration en Allier
Guide pour réussir son intégration en AllierGuide pour réussir son intégration en Allier
Guide pour réussir son intégration en AllierMadeline Pinthon
 
Scrapez facilement et gratuitement
Scrapez facilement et gratuitementScrapez facilement et gratuitement
Scrapez facilement et gratuitementMadeline Pinthon
 
Comment mesurer la vitesse des sites ? @ Web2day 2018 Nantes
Comment mesurer la vitesse des sites ? @ Web2day 2018 NantesComment mesurer la vitesse des sites ? @ Web2day 2018 Nantes
Comment mesurer la vitesse des sites ? @ Web2day 2018 NantesMadeline Pinthon
 
Seo local - seo-campus 2018
Seo local  - seo-campus 2018Seo local  - seo-campus 2018
Seo local - seo-campus 2018Madeline Pinthon
 
Optimiser son seo avec google tag manager
Optimiser son seo avec google tag managerOptimiser son seo avec google tag manager
Optimiser son seo avec google tag managerMadeline Pinthon
 
Analyse de logs par l'exemple - seocampus 2017
Analyse de logs par l'exemple - seocampus 2017Analyse de logs par l'exemple - seocampus 2017
Analyse de logs par l'exemple - seocampus 2017Madeline Pinthon
 

Plus de Madeline Pinthon (8)

Looker Studio - trucs et astuces pour améliorer ses dashboards
Looker Studio - trucs et astuces pour améliorer ses dashboardsLooker Studio - trucs et astuces pour améliorer ses dashboards
Looker Studio - trucs et astuces pour améliorer ses dashboards
 
Webperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibesWebperf : par où commencer ? - SEOGoodVibes
Webperf : par où commencer ? - SEOGoodVibes
 
Guide pour réussir son intégration en Allier
Guide pour réussir son intégration en AllierGuide pour réussir son intégration en Allier
Guide pour réussir son intégration en Allier
 
Scrapez facilement et gratuitement
Scrapez facilement et gratuitementScrapez facilement et gratuitement
Scrapez facilement et gratuitement
 
Comment mesurer la vitesse des sites ? @ Web2day 2018 Nantes
Comment mesurer la vitesse des sites ? @ Web2day 2018 NantesComment mesurer la vitesse des sites ? @ Web2day 2018 Nantes
Comment mesurer la vitesse des sites ? @ Web2day 2018 Nantes
 
Seo local - seo-campus 2018
Seo local  - seo-campus 2018Seo local  - seo-campus 2018
Seo local - seo-campus 2018
 
Optimiser son seo avec google tag manager
Optimiser son seo avec google tag managerOptimiser son seo avec google tag manager
Optimiser son seo avec google tag manager
 
Analyse de logs par l'exemple - seocampus 2017
Analyse de logs par l'exemple - seocampus 2017Analyse de logs par l'exemple - seocampus 2017
Analyse de logs par l'exemple - seocampus 2017
 

Seocamp2016 : javascript et indexation, où en est-on ?

  • 1. Indexation et Javascript, où en est-on ? Seocamp’us Paris - 7 avril 2016 - Madeline Pinthon
  • 2. @iProspectFR #seocamp Qui suis-je ? Madeline Pinthon Consultante SEO chez iProspect www.canyouseome.com • Diplômée d’Audencia Nantes • 4 ans chez l’annonceur (Agriaffaires) • 1 an chez iProspect J’en profite pour remercier : • Mes collègues & clients • Les events SEO (teknseo, seocamp, visibilite live camp, google black day) • www.scripts-seo.com • Les SEO sur twitter, skype,…
  • 3. @iProspectFR #seocamp Comment se déroulera la conférence L’évolution de la communication de Google Point Un Des paroles aux actes (les tests) Point deux Les outils utiles Point Trois
  • 4. Ce que dit Google
  • 5. @iProspectFR #seocamp Avant, il fallait désactiver le javascript
  • 6. @iProspectFR #seocamp La communication de Google évolue Avril 2014 Question : how doesGoogle handle content loaded via Javascript ? VIDEO DE MATT CUTTS Mars 2014 Le JSON peut alimenter le knowledge graph WEBMASTER Mai 2014 “we decided to try to understand pages by executing JavaScript.” UNDERSTANDINGWEB PAGES BETTER
  • 7. 2015 En bloquant les ressources, votre classement risque de ne pas être optimal RAPPORT RESSOURCES BLOQUES Octobre 2015 We are generally able to render and understand your web pages like modern browsers. DEPRECATING AJAX CRAWLING SCHEME Octobre 2015 GTMV2 Lancement deAngularJS 2.0 LANCEMENT DE NOUVEAUX OUTILS Janvier 2015 La nouvelle version comprend le JSON-LD NOUVEL OUTIL DETEST DES RICH SNIPPETS Avril 2015 Google doit interpréter les CSS pour voir si un site est mobile- friendly MOBILEGEDDON
  • 8. Février 2016 Accélerer le mobile…avec du JSON-LD AMP mars 2016 Message de John Mueller résumant les recommandations de Google sur le Javascript. SYNTHESE DES CONSEILS SUR L’INDEXATION DU JS
  • 9. @iProspectFR #seocamp Les conseils de John Don't cloak to Googlebot. Use "feature detection" & "progressive enhancement" techniques to make your content available to all users. Avoid redirecting to an “unsupported browser” page. “
  • 10. @iProspectFR #seocamp Les conseils de John Use rel=canonical when serving content from multiple URLs is required. “
  • 11. @iProspectFR #seocamp Les conseils de John Avoid the AJAX-Crawling scheme on new sites. Consider migrating old sites that use this scheme soon. Remember to remove "meta fragment" tags when migrating. Don't use a "meta fragment" tag if the "escaped fragment" URL doesn't serve fully rendered content. “
  • 12. @iProspectFR #seocamp Les conseils de John Avoid using "#" in URLs (outside of "#!"). Googlebot rarely indexes URLs with "#" in them. Use "normal" URLs with path/filename/query- parameters instead, consider using the History API for navigation. “
  • 13. @iProspectFR #seocamp Les conseils de John Use Search Console's Fetch and Render tool to test how Googlebot sees your pages. Note that this tool doesn't support "#!" or "#" URLs.“
  • 14. @iProspectFR #seocamp Les conseils de John Limit the number of embedded resources, in particular the number of JavaScript files and server responses required to render your page. A high number of required URLs can result in timeouts & rendering without these resources being available “
  • 15. @iProspectFR #seocamp Les conseils de John Google supports the use of JavaScript to provide titles, description & robots meta tags, structured data, and other meta- data.“
  • 16. @iProspectFR #seocamp Les conseils de John Finally, keep in mind that other search engines and web services accessing your content might not support JavaScript at all, or might support a different subset. “
  • 17. De la théorie à la pratique
  • 18. @iProspectFR #seocamp Réecrire les title Lorsqu’on réécrit les balises title en javascript, est-ce pris en compte ? Le DOM est pris en compte. Le title du code source n’est plus visible.
  • 19. @iProspectFR #seocamp Exemple C’est bien le DOM qui est pris en compte, et non pas le code source. Code source DOM Google
  • 20. @iProspectFR #seocamp Modifier et/ou insérer des paragraphes Lorsqu’on ajoute dynamiquement du contenu avec du javascript, ces contenus sont-ils indexés ? Les pages peuvent se positionner sur les contenus injectés
  • 21. @iProspectFR #seocamp Sans JS CFPJ : formation communication orale
  • 24. @iProspectFR #seocamp Autres tests…de 2013 http://www.klikki.com/blog/google-able-index-content-fetched-using-ajax Injecter du contenu Le contenu était bien indexé
  • 25. @iProspectFR #seocamp Injection d’un contenu bloqué Injecter du contenu, en provenance d’une URL bloquée par le robots.txt Le contenu était bien indexé
  • 26. @iProspectFR #seocamp Injection l’affichage demande un clic Un contenu a été injecté mais il s’affiche après un clic KO, le contenu n’avait pas été indexé
  • 27. @iProspectFR #seocamp D’autres tests en 2015 http://www.centrical.com/test/google-json-ld-and-javascript-crawling-and-indexing-test.html Plusieurs tests réalisés : injection avant et apres le chargement du DOM, en asyncrhone ou apres httpRequest. Le contenu était bien indexé
  • 28. @iProspectFR #seocamp Les liens javascript Des liens insérés en JS sont-ils crawlés ? Les liens ont été crawlés.
  • 29. @iProspectFR #seocamp Sans JS (Merci Walid, http://www.trafic-organique.com/javascript-seo.html )
  • 31. @iProspectFR #seocamp Les redirections Comment sont considérées les redirections javascript ? Les redirections sont bien prises en compte… et assimilées à des 301
  • 32. @iProspectFR #seocamp Illustration dans search console Malgré un code 200, Google voit la redirection.
  • 33. @iProspectFR #seocamp Les redirections avec temps d’attente ? Une redirection javascript qui se déclenche après un timer ? Ca passe également ! Et elle peut également avoir le même effet qu’une 301.
  • 34. @iProspectFR #seocamp Encore des tests http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157
  • 35. @iProspectFR #seocamp Désindexer un contenu Nous avons injecté dynamiquement une balise noindex. Le contenu a-t-il été désindexé ? OK, la page a disparu des SERP
  • 36. @iProspectFR #seocamp Mise en place simple d’un script qui injecte la meta robots Sur www.canyouseome.com/ page-c/, il n’y a aucune balise meta robots dans le code source. Elle est par contre présente dans le DOM.
  • 37. @iProspectFR #seocamp Retirer une balise noindex Nous avons mis un script pour retirer la balise meta robots : KO, la page n’a pas été réindexée
  • 38. @iProspectFR #seocamp Résultat Sur http://canyouseome.com/page-d/, la balise meta robots est présente dans le code source mais pas dans le DOM.
  • 39. @iProspectFR #seocamp Un site fait avec AngularJS s’indexe-t-il ? Le JavaScript utilisé dans Angular ou d’autres framework JS est complexe. Google a encore bien du mal l’interpréter. L’escaped fragment reste une manière efficace de donner le contenu à Google et d’indexer les pages. Plusieurs tests à suivre : http://ng.jscrawlability.com/ (angular), http://react.jscrawlability.com/ (react)
  • 41. @iProspectFR #seocamp Quelques enseignements • Le DOM prime. Ne vous fiez plus au code source. • Si des instructions contradictoires sont données sur l’indexation (noindex), la négation l’emporte, JS exécuté ou code source (c’est un peu moins vrai pour le nofollow). • Google ne fait pas d’interaction. • Tant que le rendu est du html propre, il n’y a pas de problème d’indexation. • Le javascript ne doit pas non plus être trop complexe. Il ne doit pas y avoir trop de fichiers à charger. • Si vous ne voulez pas que le JS soit interprété : bloquez l’accès à Google (en passant par un domaine externe bloqué par un robots.txt par exemple)
  • 42. @iProspectFR #seocamp Un site doit-il passer sur un framework JS (type Angular)? Le site a-t-il une certaine autorité ? Bing apporte-t-il une part conséquente de trafic ? Etes-vous prêt à traverser une zone de turbulence ? Les équipes techniques sont-elles sensibles au SEO ? Oui Non Oui Non Oui Oui Ok (mais bon courage !) Oui (ou pas du tout) Votre site a-t-il beaucoup de pages ? Non Non
  • 43. @iProspectFR #seocamp Ne négligez pas l’accessibilité • Utilisez les sitemaps • Ajoutez des micro données • Le DOM et le rendu final doit être du HTML classique
  • 44. Quels outils SEO pour exécuter le JS ?
  • 45. @iProspectFR #seocamp L’outil « explorer comme Google » Google Search Console et l’outil Explorer commeGoogle (Affichage) Les tests sont nécessaires mais pas suffisants !
  • 46. @iProspectFR #seocamp PhantomJS Le meilleur outil…. PhantomJS. Mais il faut aimer la technique !
  • 47. @iProspectFR #seocamp SEOTools for excel Excel seo tools et PhantomJS : http://seotoolsforexcel.com/phantomjs-cloud/ Il faut juste connaître le xpath.
  • 48. @iProspectFR #seocamp Un crawler qui exécute le JS ? Pas de produit sur le marché actuellement… (coucou Botify,onCrawl, etc.)
  • 49. @iProspectFR #seocamp GoogleTag Manager Peut devenir unCMS (réécrire des titres, injecter du contenu, etc.) http://startup-metrics.fr/gtm-tips-3-javascript-seo-friendly-avec-google-tag-manager-le-cas-resultats-du- bac/
  • 50. Merci ! (et bon appétit)
  • 51. Rejoignez-nous, on recrute ! madeline.pinthon@iprospect.com

Notes de l'éditeur

  1. https://support.google.com/webmasters/answer/81766
  2. https://webmasters.googleblog.com/2014/03/musical-artists-your-official-tour.html JSON et knowledge graph https://www.youtube.com/watch?v=_6mtiwQ3nvw https://googlewebmastercentral.blogspot.fr/2014/05/understanding-web-pages-better.html
  3. https://webmasters.googleblog.com/2015/01/new-structured-data-testing-tool.html https://googlewebmastercentral.blogspot.fr/2015/03/easier-website-development-with-web.html https://googlewebmastercentral.blogspot.fr/2015/10/deprecating-our-ajax-crawling-scheme.html
  4. https://www.ampproject.org/docs/guides/discovery.html https://plus.google.com/+JohnMueller/posts/LT4fU7kFB8W
  5. When using AMP, the AMP HTML page must be static as required by the spec, but the associated web page can be built using JS/PWA techniques. Remember to use a sitemap file with correct "lastmod" dates for signaling changes on your website.
  6. When using AMP, the AMP HTML page must be static as required by the spec, but the associated web page can be built using JS/PWA techniques. Remember to use a sitemap file with correct "lastmod" dates for signaling changes on your website.
  7. http://www.klikki.com/blog/google-able-index-content-fetched-using-ajax
  8. http://www.klikki.com/blog/google-able-index-content-fetched-using-ajax
  9. http://www.klikki.com/blog/google-able-index-content-fetched-using-ajax
  10. Fetch as Google : Encourageant mais n’est pas forcément conforme au comportement de Google. Il faut demander l’affchage. Si l’affichage est OK, il y a de grandes chances que le site soit OK….mais ce n’est pas sûr à 100% non plus. Le crawl fetch est légèrement différent. Le code source est bel et bien le code source, pas le dom => on ne voit pas ce qui est vraiment interprété. C’est nécessaire mais pas suffisant.
  11. https://builtvisible.com/javascript-framework-seo/ http://www.angularjsseo.com/ https://weluse.de/blog/angularjs-seo-finally-a-piece-of-cake.html http://www.ng-newsletter.com/posts/serious-angular-seo.html http://stackoverflow.com/questions/13499040/how-do-search-engines-deal-with-angularjs-applications https://googlewebmastercentral.blogspot.no/2014/05/understanding-web-pages-better.html http://rogeralsing.com/2013/08/11/angularjs-and-seo-part-1/ http://rogeralsing.com/2013/08/11/angularjs-and-seo-part-2/ http://ng-learn.org/2014/05/SEO-Google-crawl-JavaScript/ https://www.kcoleman.me/blog/2014/10/03/angularjs-rails-seo/ https://www.kcoleman.me/blog/2014/10/07/angularjs-rails-and-seo-part-2/ http://www.algoworks.com/blog/a-developers-guide-to-perform-seo-on-angularjs-web-apps https://mobinni.io/2015/06/03/a-comprehensive-view-on-seo-in-angularjs/ http://iranreyes.com/complete-guide-to-seo-with-angularjs/   Prerender Your AngularJS Apps To Boost SEO https://www.youtube.com/watch?v=iYEQMJc1yak AngularJS Israel - Solving Angular & SEO with Oleg Belausov https://www.youtube.com/watch?v=a7rWmNBhHCg SEO and JavaScript: New Challenges https://www.youtube.com/watch?v=0jtrAUM3i_I   https://www.seo4ajax.com/ https://www.deepcrawl.com/knowledge/best-practice/angular-js-and-seo/ https://www.seroundtable.com/google-seo-javascript-angular-hangout-20292.html http://www.bee4.fr/blog/seo/google-ajax-angularjs-phantomjs/ https://www.searchenginejournal.com/warning-youre-killing-seo-efforts-using-angular-js/142031/ http://www.doz.com/search-engine/angularjs-index-seo http://www.ocpsoft.org/java/seo-friendly-angularjs-with-html5-pushstate-rewrite-and-twelve-lines-of-code/ http://blog.octo.com/seo-spa-angular/ https://www.grobmeier.de/seo-and-angular-20012016.html https://plus.google.com/events/ci85lav8bdnjl356n5o0fkegb44 http://www.rimmkaufman.com/blog/google-crawling-javascript/13052015/