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

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

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

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

Le SEO pour les développeurs

eléments essentiels et bonnes pratiques

25 Octobre 2016

Aymen Loukil@LoukilAymen

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

#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

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

Pourquoi on en parle ???

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

#Lyoniswild @LoukilAymenTout se passe sur Google

90% du marché en France

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

#Lyoniswild @LoukilAymen

3.5 Milliards de recherches

chaque jour sur Google

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

#Lyoniswild @LoukilAymenLe mobile c’est le futur

60% se font sur mobile

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

#Lyoniswild @LoukilAymenTout commence par une recherche

81% cherchent des biens et des services

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

#Lyoniswild @LoukilAymenLe web est gigantesque...

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

#Lyoniswild @LoukilAymenPremière page

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

#Lyoniswild @LoukilAymenLes premières positions...comptent

77% des cliques sur la première page

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

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

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

#Lyoniswild @LoukilAymenLa non-visibilité coûte cher..

12€ par click

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

#Lyoniswild @LoukilAymenFonctionnement d’un moteur de recherche

- Crawl des sites web- Analyse- Qualification- Indexation- Répondre aux requêtes

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

#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.”

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

#Lyoniswild @LoukilAymenChacun son métier, son apport

Dev Marketing

Designer

SEO

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

#Lyoniswild @LoukilAymenModèle OSI réseaux

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

#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

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

#Lyoniswild @LoukilAymenDette technique ..

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

#Lyoniswild @LoukilAymenLa dette fait mal..

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

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

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

#Lyoniswild @LoukilAymenOu celle là ?

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

#Lyoniswild @LoukilAymenAccessible aux internautes ? aux robots ?

Accessible ?

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

Comment en-y arrive ?

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

#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" />

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

#Lyoniswild @LoukilAymenAider le bot à découvrir votre site - Sitemap

Plan d’un site Plan d’une maison

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

#Lyoniswild @LoukilAymenArchitecture de l’information

- Architecture simple- Compréhensible- Profondeur maîtrisée- Pas de duplicate content

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

#Lyoniswild @LoukilAymenEvitez les pages orphelines

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

#Lyoniswild @LoukilAymenURLs SEO friendly

monSite.fr/recettes/desserts/cheese-cake-chocolat

monSite.fr/pub/symfony/recette?id=251426

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

#Lyoniswild @LoukilAymenRedirections et boucles...

301

301

301

200

Page A

Page B

Page C

Page D .. enfin !

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

#Lyoniswild @LoukilAymenRedirections et boucles...

301

301

301

404

Page A

Page B

Page C

Oups..

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

#Lyoniswild @LoukilAymenCode de retours HTTP

Utilisez les bons codes HTTP

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

#Lyoniswild @LoukilAymenCohérence avec les codes HTTP

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

#Lyoniswild @LoukilAymenPersonne n’aime attendre..

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

#Lyoniswild @LoukilAymenEffet du temps de chargement sur la conversion / trafic

Une seconde en moins, +2% CTR

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

#Lyoniswild @LoukilAymenMonitorez le load time

https://www.sitespeed.io/ http://grafana.org/

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

#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/

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

#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)

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

#Lyoniswild @LoukilAymen

Compression Gzip(.htaccess)

<ifModule mod_gzip.c>mod_gzip_on Yesmod_gzip_dechunk Yesmod_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/

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

#Lyoniswild @LoukilAymenOptimisez..

- Réduire le nombre des requêtes http- Minifier les ressources (css, js)- Mise en cache navigateur (.htacess)- Utiliser un CDN..

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

#Lyoniswild @LoukilAymenUtilisez le bon format d’images

https://goo.gl/MjcdYh

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

#Lyoniswild @LoukilAymenPas Top..

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

#Lyoniswild @LoukilAymenTop !

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

#Lyoniswild @LoukilAymenMobile first

2011 :Mobile = 0%Desktop = 100%

2016 :Mobile = 79%Desktop = 21%

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

#Lyoniswild @LoukilAymenAttention aux Frameworks JS

https://builtvisible.com/javascript-framework-seo/

Sans JS Avec JS

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

#Lyoniswild @LoukilAymenCrawlez pour détecter des anomalies

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

#Lyoniswild @LoukilAymenDétectez

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

#Lyoniswild @LoukilAymenTTFB

Le TTFB qui tue..

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

#Lyoniswild @LoukilAymenPour finir

1. Testez2. Optimisez..3. Crawlez4. Corrigez5. Répétez 2,3 et 4

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

#Lyoniswild @LoukilAymenA votre tour !

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

MerciQuestions?

@[email protected]://www.aymen-loukil.com

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

#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