Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SEO pour les développeurs - eléments essentiels et bonnes pratiques

1,181 views

Published on

Initiation au SEO et sensibilisation à son importance destinée aux les profils techniques. "Le SEO pour les développeurs, eléments essentiels et bonnes pratiques" meetup à la Wild Code School - Lyon 25 Octobre 2016
http://www.aymen-loukil.com

Published in: Marketing

SEO pour les développeurs - eléments essentiels et bonnes pratiques

  1. 1. Le SEO pour les développeurs eléments essentiels et bonnes pratiques 25 Octobre 2016 Aymen Loukil @LoukilAymen
  2. 2. #Lyoniswild @LoukilAymenT’es qui ? Ingénieur web, ex-développeur Des années dans le SEO Fan du web sémantique Technical Product Owner, SEO @Reputation VIP Suivez moi sur @LoukilAymen
  3. 3. Pourquoi on en parle ???
  4. 4. #Lyoniswild @LoukilAymenTout se passe sur Google 90% du marché en France
  5. 5. #Lyoniswild @LoukilAymen 3.5 Milliards de recherches chaque jour sur Google
  6. 6. #Lyoniswild @LoukilAymenLe mobile c’est le futur 60% se font sur mobile
  7. 7. #Lyoniswild @LoukilAymenTout commence par une recherche 81% cherchent des biens et des services
  8. 8. #Lyoniswild @LoukilAymenLe web est gigantesque...
  9. 9. #Lyoniswild @LoukilAymenPremière page
  10. 10. #Lyoniswild @LoukilAymenLes premières positions...comptent 77% des cliques sur la première page
  11. 11. #Lyoniswild @LoukilAymenLa non-visibilité fait mal..
  12. 12. #Lyoniswild @LoukilAymenLa non-visibilité coûte cher.. 12€ par click
  13. 13. #Lyoniswild @LoukilAymenFonctionnement d’un moteur de recherche - Crawl des sites web - Analyse - Qualification - Indexation - Répondre aux requêtes
  14. 14. #Lyoniswild @LoukilAymenSEO ? Késako ? SEO : Search Engine Optimization “L’art et les tactiques qui permettent d’améliorer le positionnement et la visibilité d’un contenu en ligne dans les résultats naturels d’un moteur de recherche.”
  15. 15. #Lyoniswild @LoukilAymenChacun son métier, son apport Dev Marketing Designer SEO
  16. 16. #Lyoniswild @LoukilAymenModèle OSI réseaux
  17. 17. #Lyoniswild @LoukilAymenModèle SEO ..pareil Content marketing Stratégie de contenu Stratégie de conversion Facteurs On-site / Off-site Facteurs techniques Votre apport est là : ● Site accessible ? ● Indexable ? ● Structure facile ? ● Performant ? ● Sécurisé ? Périmètre du SEO
  18. 18. #Lyoniswild @LoukilAymenDette technique ..
  19. 19. #Lyoniswild @LoukilAymenLa dette fait mal..
  20. 20. #Lyoniswild @LoukilAymenEt si votre site web était une maison ? vous préférez celle là ?
  21. 21. #Lyoniswild @LoukilAymenOu celle là ?
  22. 22. #Lyoniswild @LoukilAymenAccessible aux internautes ? aux robots ? Accessible ?
  23. 23. Comment en-y arrive ?
  24. 24. #Lyoniswild @LoukilAymenRobots.txt, meta robots, X-Robots-Tag Indiquer au bot ce qui est : - A voir et à indexer - A ne pas indexer <meta name="robots" content="noindex" />
  25. 25. #Lyoniswild @LoukilAymenAider le bot à découvrir votre site - Sitemap Plan d’un site Plan d’une maison
  26. 26. #Lyoniswild @LoukilAymenArchitecture de l’information - Architecture simple - Compréhensible - Profondeur maîtrisée - Pas de duplicate content
  27. 27. #Lyoniswild @LoukilAymenEvitez les pages orphelines
  28. 28. #Lyoniswild @LoukilAymenURLs SEO friendly monSite.fr/recettes/desserts/cheese-cake-chocolat monSite.fr/pub/symfony/recette?id=251426
  29. 29. #Lyoniswild @LoukilAymenRedirections et boucles... 301 301 301 200 Page A Page B Page C Page D .. enfin !
  30. 30. #Lyoniswild @LoukilAymenRedirections et boucles... 301 301 301 404 Page A Page B Page C Oups..
  31. 31. #Lyoniswild @LoukilAymenCode de retours HTTP Utilisez les bons codes HTTP
  32. 32. #Lyoniswild @LoukilAymenCohérence avec les codes HTTP
  33. 33. #Lyoniswild @LoukilAymenPersonne n’aime attendre..
  34. 34. #Lyoniswild @LoukilAymenEffet du temps de chargement sur la conversion / trafic Une seconde en moins, +2% CTR
  35. 35. #Lyoniswild @LoukilAymenMonitorez le load time https://www.sitespeed.io/ http://grafana.org/
  36. 36. #Lyoniswild @LoukilAymenOptimisez le temps de chargement Changer de serveur (s’il le faut si TTFB élevé) Diagnostiquer, prioriser et mettre en place : https://gtmetrix.com/
  37. 37. #Lyoniswild @LoukilAymenCompressez les images SVP ! http://compressjpeg.com/ (en ligne) https://saerasoft.com/caesium/ (desktop) http://php.net/manual/fr/book.imagick.php (lib PHP)
  38. 38. #Lyoniswild @LoukilAymen Compression Gzip(.htaccess) <ifModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content- Encoding:.*gzip.* </ifModule> https://varvy.com/tools/gzip/
  39. 39. #Lyoniswild @LoukilAymenOptimisez.. - Réduire le nombre des requêtes http - Minifier les ressources (css, js) - Mise en cache navigateur (.htacess) - Utiliser un CDN..
  40. 40. #Lyoniswild @LoukilAymenUtilisez le bon format d’images https://goo.gl/MjcdYh
  41. 41. #Lyoniswild @LoukilAymenPas Top..
  42. 42. #Lyoniswild @LoukilAymenTop !
  43. 43. #Lyoniswild @LoukilAymenMobile first 2011 : Mobile = 0% Desktop = 100% 2016 : Mobile = 79% Desktop = 21%
  44. 44. #Lyoniswild @LoukilAymenAttention aux Frameworks JS https://builtvisible.com/javascript-framework-seo/ Sans JS Avec JS
  45. 45. #Lyoniswild @LoukilAymenCrawlez pour détecter des anomalies
  46. 46. #Lyoniswild @LoukilAymenDétectez
  47. 47. #Lyoniswild @LoukilAymenTTFB Le TTFB qui tue..
  48. 48. #Lyoniswild @LoukilAymenPour finir 1. Testez 2. Optimisez.. 3. Crawlez 4. Corrigez 5. Répétez 2,3 et 4
  49. 49. #Lyoniswild @LoukilAymenA votre tour !
  50. 50. Merci Questions? @LoukilAymen aymen.loukil@gmail.com http://www.aymen-loukil.com
  51. 51. #Lyoniswild @LoukilAymenCrédits images* - google.com - mastersindigitalmarketing.org - lapresse.ca - dmagazine.com - wikimedia.org - shhetri.github.io - moz.com - workinghomeguide - mexzhouse.com - developers.google.com *Veuillez m’excuser pour un éventuel oubli *I apologize for eventual oblivion

×