Passer au contenu principal
Mettre en ligneLangue (FR)Assistance clientèle
BusinessMobileMédias sociauxMarketingTechnologieArt & PhotosCarrièreDesignFormationPrésentations et discours publicsGouvernement et associations à but non lucratifSantéInternetDroitDirection et managementIndustrie automobileIngénierieLogicielsRecrutement & RHCommerce de détailVentesServicesSciencesPetites entreprises & entrepreunariatAlimentationEnvironnementÉconomie & financeDonnées & analysesRelations avec les actionnairesSportsSpirituelActualités & PolitiqueVoyagesDéveloppement personnelImmobilierDivertissement et humourSanté & MédecinePériphériques & matérielMode de vie
iProspect France, profile picture
Téléchargé pariProspect France
PPTX, PDF11,661 vues

Javascript et indexation, où en est-on ? - SEO Camp'us Paris 2016

La conférence aborde les évolutions de l'indexation par Google, en mettant l'accent sur l'impact du JavaScript sur le référencement. Madeline Pinthon souligne l'importance de suivre les conseils de Google concernant l'utilisation de JavaScript afin d'optimiser l'indexation et d'éviter des problèmes potentiels. Elle conclut par des recommandations pratiques, notamment sur l'usage d'outils pour tester le rendu de contenu chargé dynamiquement.

Marketing◦
Téléchargé 78 fois
Indexation et Javascript, où en est-on ? Seocamp’us Paris - 7 avril 2016 - Madeline Pinthon
Qui suis-je ? Madeline Pinthon Consultante SEO chez iProspect • Diplômée d’Audencia Nantes • 4 ans chez l’annonceur • 1 an chez iProspect J’en profite pour remercier : • Mes collèges & clients • Les events SEO (teknseo, seocamp, visibilite live camp, google black day) • www.scripts-seo.com • Les SEO sur twitter, skype,…
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
Avant, il fallait désactiver le javascript
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
Les conseils de John Don't cloak to Googlebot. Use "feature detection" & "progressive enhancement" techniques to make your content available to all users.“
Les conseils de John Use rel=canonical when serving content from multiple URLs is required. “
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. “
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. “
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.“
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 “
Les conseils de John Google supports the use of JavaScript to provide titles, description & robots meta tags, structured data, and other meta- data.“
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
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.
Exemple C’est bien le DOM qui est pris en compte, et non pas le code source. Code source DOM Google
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
Sans JS CFPJ : formation communication orale
Avec JS
Dans google…
Autres tests…de 2013 http://www.klikki.com/blog/google-able-index-content-fetched-using-ajax Injecter du contenu Le contenu était bien indexé
Injection d’un contenu bloqué Injecter du contenu, en provenance d’une URL bloquée par le robots.txt Le contenu était bien indexé
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é
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é
Les liens javascript Des liens insérés en JS sont-ils crawlés ? Les liens ont été crawlés.
Sans JS (Merci Walid, http://www.trafic-organique.com/javascript-seo.html )
Avec JS
Les redirections Comment sont considérées les redirections javascript ? Les redirections sont bien prises en compte… et assimilées à des 301
Illustration dans search console Malgré un code 200, Google voit la redirection.
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.
Encore des tests http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157
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
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.
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
Résultat Sur http://canyouseome.com/page-d/, la balise meta robots est présente dans le code source mais pas dans le DOM.
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.
En conclusion
Quelques enseignements • Le DOM prime. Ne vous fiez plus au code source. • Si des instructions contradictoires sont données sur l’indexation, la négation l’emporte, JS executé 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)
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
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 ?
L’outil « explorer comme Google » Google Search Console et l’outil Explorer commeGoogle (Affichage) Les tests sont nécessaires mais pas suffisants !
PhantomJS Le meilleur outil…. PhantomJS. Mais il faut aimer la technique !
SEOTools for excel Excel seo tools et PhantomJS : http://seotoolsforexcel.com/phantomjs-cloud/ Il faut juste connaître le xpath.
Un crawler qui exécute le JS ? Pas de produit sur le marché actuellement… (coucou Botify,onCrawl, etc.)
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!Vos questions? Madeline Pinthon Madeline.pinthon@iprospect.com @razbithume Le 7 avril 2016
Rejoignez-nous, on recrute !