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

1. Le SEO pour les développeurs
eléments essentiels et bonnes pratiques
25 Octobre 2016
Aymen Loukil
@LoukilAymen

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. Pourquoi on en parle ???

4. #Lyoniswild @LoukilAymenTout se passe sur Google
90% du marché en France

5. #Lyoniswild @LoukilAymen
3.5 Milliards de recherches
chaque jour sur Google

6. #Lyoniswild @LoukilAymenLe mobile c’est le futur
60% se font
sur mobile

7. #Lyoniswild @LoukilAymenTout commence par une recherche
81% cherchent des biens et
des services

8. #Lyoniswild @LoukilAymenLe web est gigantesque...

9. #Lyoniswild @LoukilAymenPremière page

10. #Lyoniswild @LoukilAymenLes premières positions...comptent
77% des cliques sur la première page

11. #Lyoniswild @LoukilAymenLa non-visibilité fait mal..

12. #Lyoniswild @LoukilAymenLa non-visibilité coûte cher..
12€ par click

13. #Lyoniswild @LoukilAymenFonctionnement d’un moteur de recherche
- Crawl des sites web
- Analyse
- Qualification
- Indexation
- Répondre aux requêtes

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. #Lyoniswild @LoukilAymenChacun son métier, son apport
Dev Marketing
Designer
SEO

16. #Lyoniswild @LoukilAymenModèle OSI réseaux

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. #Lyoniswild @LoukilAymenDette technique ..

19. #Lyoniswild @LoukilAymenLa dette fait mal..

20. #Lyoniswild @LoukilAymenEt si votre site web était une maison ? vous préférez celle là ?

21. #Lyoniswild @LoukilAymenOu celle là ?

22. #Lyoniswild @LoukilAymenAccessible aux internautes ? aux robots ?
Accessible ?

23. Comment en-y arrive ?

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. #Lyoniswild @LoukilAymenAider le bot à découvrir votre site - Sitemap
Plan d’un site Plan d’une maison

26. #Lyoniswild @LoukilAymenArchitecture de l’information
- Architecture simple
- Compréhensible
- Profondeur maîtrisée
- Pas de duplicate content

27. #Lyoniswild @LoukilAymenEvitez les pages orphelines

28. #Lyoniswild @LoukilAymenURLs SEO friendly
monSite.fr/recettes/desserts/cheese-cake-chocolat
monSite.fr/pub/symfony/recette?id=251426

29. #Lyoniswild @LoukilAymenRedirections et boucles...
301
301
301
200
Page A
Page B
Page C
Page D .. enfin !

30. #Lyoniswild @LoukilAymenRedirections et boucles...
301
301
301
404
Page A
Page B
Page C
Oups..

31. #Lyoniswild @LoukilAymenCode de retours HTTP
Utilisez les bons codes HTTP

32. #Lyoniswild @LoukilAymenCohérence avec les codes HTTP

33. #Lyoniswild @LoukilAymenPersonne n’aime attendre..

34. #Lyoniswild @LoukilAymenEffet du temps de chargement sur la conversion / trafic
Une seconde en moins, +2% CTR

35. #Lyoniswild @LoukilAymenMonitorez le load time
https://www.sitespeed.io/ http://grafana.org/

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. #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. #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. #Lyoniswild @LoukilAymenOptimisez..
- Réduire le nombre des requêtes http
- Minifier les ressources (css, js)
- Mise en cache navigateur (.htacess)
- Utiliser un CDN..

40. #Lyoniswild @LoukilAymenUtilisez le bon format d’images
https://goo.gl/MjcdYh

41. #Lyoniswild @LoukilAymenPas Top..

42. #Lyoniswild @LoukilAymenTop !

43. #Lyoniswild @LoukilAymenMobile first
2011 :
Mobile = 0%
Desktop = 100%
2016 :
Mobile = 79%
Desktop = 21%

44. #Lyoniswild @LoukilAymenAttention aux Frameworks JS
https://builtvisible.com/javascript-framework-seo/
Sans JS Avec JS

45. #Lyoniswild @LoukilAymenCrawlez pour détecter des anomalies

46. #Lyoniswild @LoukilAymenDétectez

47. #Lyoniswild @LoukilAymenTTFB
Le TTFB qui tue..

48. #Lyoniswild @LoukilAymenPour finir
1. Testez
2. Optimisez..
3. Crawlez
4. Corrigez
5. Répétez 2,3 et 4

49. #Lyoniswild @LoukilAymenA votre tour !

50. Merci
Questions?
@LoukilAymen
aymen.loukil@gmail.com
http://www.aymen-loukil.com

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