- 1. Technologies Avances du Web - 2011Moteurs de recherche et
optimisation de classementGuillaume KulakowskiExpert technique en
solutions Open-source (Logica) http://twitter.com/llaumgui
http://www.llaumgui.com [email protected] Cours :
http://www.llaumgui.com/public/cours/ifpru_2011_2012/
2. Moteurs de recherche et optimisation de
classement1.Introduction2.Amliorer le rfrencement naturel de son
site3.Outils4.Optimisation de site & performances5.Moteurs de
recherche internes6.Annexes TAWEB 2011 - Framework web2 / 38 3. Le
SEO cest quoi ?Loptimisation pour les moteurs de recherche (en
anglais, Search engineoptimization : SEO) est un ensemble de
techniques visant favoriser lacomprhension de la thmatique et du
contenu dune ou de lensemble despages dun site Web par les moteurs
de recherche. Ces techniques visent donc apporter un maximum
dinformations concernant le contenu dune page webaux robots
dindexation des moteurs de recherche. Ces robots, en arrivant sur
lesite, laissent une empreinte sur le serveur dans le fichier log.
Leur passage estreprable par une signature propre chacun.Lobjectif
de ce procd est dorienter le positionnement dune page Web dansles
rsultats de recherche des moteurs sur des mots-cls correspondant
auxthmes principaux du site. On considre gnralement que le
positionnementdun site est bon lorsquil est positionn (class) dans
lune des dix premiresrponses dune recherche sur des mots-cls
correspondant prcisment sathmatique. Loptimisation pour les moteurs
de recherche est un des mtiers delinternet. ( Wikipedia) 4.
Limportance dun bon rfrencement tre visible sur sonnom. tre visible
sur sonbusiness. Masquer les avisngatifs et avoirbonne rputation.
5. La part des moteurs de recherche en
FranceGoogleBingYahoo!OrangeLO.stAOLAskFreeSource : ComScore,
Janvier 2011 6. La part des moteurs de recherche dans le monde
Google Baidu.com Yahoo! Bing Naver.com Source : ComScore, Janvier
2011 7. Le contenu avant tout Ce que Google indexe cest du contenu
! Une page avec moins de 100 200 motsdescriptifs dans son contenu
ditorial estreverse dans lindex secondaire. Si vous navez pas de
contenu en relation avecles mots pour lesquels vous voulez
trerfrenc vous ne pourrez y tre rfrenc. 8. SEO et anthropologie Pas
de rgles crites. Science base sur lobservation. Modifications du
comportement du sujet dues son observation. Certains points sont
marqus divergence dans les slides. Cest quil existe desdivergences
dopinions sur ces rgles. 9. Moteurs de recherche et optimisation de
classement1.Introduction2.Amliorer le rfrencement naturel de
sonsite3.Outils4.Optimisation de site & performances5.Moteurs
de recherche internes6.Annexes TAWEB 2011 - Framework web9 / 38 10.
Les mtasBien quen forte baisse, ne pas ngliger lesbalises mtas :
Title (divergences sur la structure), Description, Keywords,
Robots.TAWEB 2011 - Framework web 10 / 38 11. Le nom de domaine
Doit contenir des mots clefs et des mots qui existent. Confiance
lanciennet. Redirection des noms de domaine secondaires(duplicate
content).KOOKhttp://event-2011.monsite.frhttp://event.monsite.fr/2011http://dexter-saison2.monsite.frhttp://dexter.monsite.fr/saison2
TAWEB 2011 - Framework web11 / 38 12. Format de lURL Bannir les
caractres tels que * , + ou ? . Minuscules sans accents
(divergences). Sparer avec des - mais pas de _ . KO
OKhttp://www.monsite.fr/venement_2011
http://event.monsite.fr/evenement/2011http://www.monsite.fr/event_2011
http://www.monsite.fr/event-2011TAWEB 2011 - Framework web12 / 38
13. Les URLs Une URL doit toujours tre accessible (archive). Unicit
des URLs (produit dans diffrentescatgories) et du contenu
(duplicate content). Ne pas polluer les URLs avec les sessions.
TAWEB 2011 - Framework web13 / 38 14. La smantique webUtiliser les
balises HTML pour leur fonctionpremire et ne pas les dtourner pour
de laprsentation : Utiliser des structure de . Utiliser les .
Attribut alt dans les balises images. Listes
- ,
- , , etc... Tableaux pour des donnes tabulaires. TAWEB 2011 -
Framework web 14 / 38 15. HTML 5, une amlioration pour le
rfrencement 1/2 section : dfinit les sections dans un document.
Tels queles chapitres, en-ttes, pieds de page, ou toutes
autressections du document. article : partie indpendante du site,
comme uncommentaire. aside : associ la balise qui le prcde. header
: spcifie une introduction, ou un groupedlments de navigation pour
le document. footer : dfinit le pied de page dun article ou
undocument. Contient gnralement le nom de lauteur, ladate laquelle
le document a t crit et / ou sescoordonnes. 16. HTML 5, une
amlioration pour le rfrencement 2/2 nav : dfinit une section dans
la navigation. figure : dfinit des images, des diagrammes, des
photos,du code etc figcaption : lgende pour la balise . details :
prcise les dtails supplmentaires qui peuventtre masqus ou affichs
sur demande. 17. Les liens Le lien est un critre important pour
lerfrencement de la page cible ! Ne pas utiliser de titres communs
tels que cliquer ici , Lire la suite , etc...TAWEB 2011 - Framework
web 17 / 38 18. 404TAWEB 2011 - Framework web 18 / 38 19. Nuage de
tagsTAWEB 2011 - Framework web 19 / 38 20. Cross content &
cross linking TAWEB 2011 - Framework web 20 / 38 21. Divers
Importance des commentaires : synonymes,orthographe, SMS, fminin,
pluriel, etc... robots.txt. Sitemaps. Plan du site. Panda. Backs
links (home + interne)TAWEB 2011 - Framework web 21 / 38 22.
Moteurs de recherche et optimisation de
classement1.Introduction2.Amliorer le rfrencement naturel de son
site3.Outils4.Optimisation de site & performances5.Moteurs de
recherche internes6.Annexes TAWEB 2011 - Framework web22 / 38 23.
Google Webmasters Tools 1/3 Configuration du site : Sitemaps
robots.txt Liens de site Changement dadresse Paramtres divers 24.
Google Webmasters Tools 2/3 Votre site sur le web Requtes
derecherche Liens vers votre site Mots cls Liens internes
Statistiques sur lesabonns 25. Google Webmasters Tools 3/3
Statistiques +1 Diagnostic Logiciels malveillants Erreurs
dexploration Statistiques surlexploration Analyser commeGooglebot
Suggestion HTML Labos 26. Google Analytics 27. Moteurs de recherche
et optimisation de classement1.Introduction2.Amliorer le
rfrencement naturel de son site3.Outils4.Optimisation de site &
performances5.Moteurs de recherche internes6.Annexes TAWEB 2011 -
Framework web27 / 38 28. Limpact des performances sur le trafic
Perdre 500ms cest perdre 20% de trafic pourGoogle (ou pourquoi il
ny a que dix rsultatspar page dans les recherches). Augmenter la
latence de 100ms cest perdre1% de ventes pour Amazon. Rduire de 25%
le poids de la page cestgagner 25% dutilisateurs moyen terme
pourGoogle. Perdre 400ms cest avoir 5 9% dabandonsen plus pour
Yahoo! sur un site ditorial. 29. Optimiser votre code et votre site
: YUI rules1. Minimize HTTP Requests12.Avoid Redirects2. Use a
Content Delivery Network13.Remove Duplicate Scripts3. Avoid empty
src or href 14.Configure Etags4. Add an Expires or a Cache-Control
15.Make AJAX Cacheable Header 16.Use GET for AJAX Requests5. Gzip
Components 17.Reduce the Number of DOM Elements6. Put StyleSheets
at the Top 18.No 404s7. Put Scripts at the Bottom 19.Reduce Cookie
Size8. Avoid CSS Expressions 20.Use Cookie-Free Domains for9. Make
JavaScript and CSS External Components10.Reduce DNS Lookups21.Avoid
Filters11. Minify JavaScript and CSS22.Do Not Scale Images in HTML
23.Make favicon.ico Small and Cacheable 30. Moteurs de recherche et
optimisation de classement1.Introduction2.Amliorer le rfrencement
naturel de son site3.Outils4.Optimisation de site &
performances5.Moteurs de recherche internes6.Annexes TAWEB 2011 -
Framework web30 / 38 31. Recherche lintrieur de votre site Un bon
moteur de recherche permet deconserver vos visiteurs sur votre
site. Importance de sy retrouver dans un contenuvaste. Utilisation
de facets pour filtrer les rsultats derecherches. TAWEB 2011 -
Framework web31 / 38 32. Les solutions open sources de recherches
Solr : Solution en Java qui est utilise sur Wikipdia. Sphinx :
Solution en C, utilise sur DailyMotion et ungrand nombre de board
warez. Des principes identiques : indexer le contenu afin de
construire un index. Ne permet pas dafficher un contenu mais
retourneun indentifiant + un highlight. Scoring lvation TAWEB 2011
- Framework web 32 / 38 33. Moteurs de recherche et optimisation de
classement1.Introduction2.Amliorer le rfrencement naturel de son
site3.Outils4.Optimisation de site & performances5.Moteurs de
recherche internes6.Annexes TAWEB 2011 - Framework web33 / 38 34.
Livrables attendus 1 projet unique pour les 3 modules que
jedispense : Frameworks web Moteurs de recherche et optimisation
declassement Systmes de gestion de contenu 1 document prsentant
votre travail, la mise enuvre des composants utiliss afin
dillustrerles 3 cours. Date statuer.TAWEB 2011 - Framework web 34 /
38 35. Outils de dveloppements YSlow Google Page Speed Firebug :
Console, Inspecteur DOM, CSS / JS / Rseau / etc. HTML
ValidatorTAWEB 2011 - Framework web 35 / 38 36. Webographie Best
Practices for Speeding Up Your Web Site. CSS Sprite. Minification
(JS & CSS). WebRankinfo. TAWEB 2011 - Framework web 36 / 38 37.
Crdits Certaines dfinitions sont extraites deWikipdia.TAWEB 2011 -
Framework web 37 / 38 38. LicenceCe cours est mis disposition selon
les termes de la Licence Creative Commons Paternit -Partage
lIdentique 3.0 non transpos . TAWEB 2011 - Framework web38 /
38