0
Introduction au SEO                      Baptiste PLACÉ - Simon ANDRÉjeudi 2 février 12                                   1
Introductionjeudi 2 février 12                  2
Introduction                     Qui sommes-nous ?jeudi 2 février 12                       3
Introduction » Qui sommes-nous ?   4                                   Simon André         • Co-fondateur utopiaweb       ...
Introduction » Qui sommes-nous ?   5                                 Baptiste Placé         • Co-fondateur utopiaweb      ...
Introduction » Qui sommes-nous ?   6                                    utopiaweb en 2008                     • 3 étudiant...
Introduction » Qui sommes-nous ?   7                                    utopiaweb en 2008         http://www.utopiaweb.frj...
Introduction » Qui sommes-nous ?   8                                    utopiaweb en 2012                     • 4 associés...
Introduction » Qui sommes-nous ?   9                                    utopiaweb en 2012         http://www.utopiaweb.frj...
Introduction » Qui sommes-nous ?   10                                    utopiaweb en 2012                     • Nombreux ...
Introduction                     Objectifs de l’interventionjeudi 2 février 12                                 11
Introduction » Objectifs de l’intervention   12                        Pourquoi cette intervention ?                     •...
Introduction » Objectifs de l’intervention   13                         Challenge accepted !jeudi 2 février 12            ...
Introduction » Objectifs de l’intervention   14                         Ce qu’on va (tenter de) voir                     •...
Introduction » Objectifs de l’intervention   15                             Ce qu’on ne va pas voir                     • ...
Introduction » Objectifs de l’intervention   16                            Ce qu’on ne va pas voir                     • S...
Introduction                     Plan de l’interventionjeudi 2 février 12                            17
Introduction » Plan de l’intervention   18                               Plan de l’intervention                     • Défin...
Introduction                     Déroulement & conventionsjeudi 2 février 12                               19
Introduction » Déroulement & conventions   20                               Conventions utilisées                     • Fi...
Introduction » Déroulement & conventions   21                                   Après l’intervention...                   ...
Introduction » Déroulement & conventions   22                                         Questions ?                     • À ...
Introduction » Déroulement & conventions   23                                          3 heures ??                     • D...
Définition du SEOjeudi 2 février 12                      24
Définition du SEO                     Un peu d’histoirejeudi 2 février 12                         25
Définition » Un peu d’histoire   26                                      Dans les années 90                     • 1990 : Na...
Définition » Un peu d’histoire   27                                      Dans les années 2000                     • 2000 : ...
Définition » Un peu d’histoire   28                                  Naissance du SEO                     • Visibilité dans...
Définition » Un peu d’histoire   29                                          Internet en 2012                     • 500 000...
Définition » Un peu d’histoire       30                                            Google en 2012                     • Lea...
Définition » Un peu d’histoire   31                                 Définition du SEO                     • Comprendre les m...
Définition du SEO                     Search Enginejeudi 2 février 12                       32
Définition » Search Engine            33                               Objectif d’un moteur                     • Permettre...
Définition » Search Engine      34                                    Objectif d’un moteur         http://www.google.fr/sea...
Définition » Search Engine   35                                   Objectif d’un moteur         • Moteur de recherche web av...
Définition » Search Engine   36                                    Objectif d’un moteur         • Moteur de recherche web a...
Définition » Search Engine              37                        Fonctionnement d’un moteur         • Un utilisateur saisi...
Définition » Search Engine     38                     Fonctionnement d’un moteur         • Nombreuses étapes supplémentaire...
Définition » Search Engine     39                                 Alimentation de la base         • Exploration du web : Cr...
Définition » Search Engine                    40                     Algorithme de classement en 1996         • Contenu de ...
Définition » Search Engine                  41                     Algorithme de classement en 1998         • Liens vers la...
Définition » Search Engine         42                     Algorithme de classement en 1998         • Google PageRank       ...
Définition » Search Engine                    43                     Algorithme de classement en 1998         http://www.el...
Définition » Search Engine                                           44                     Algorithme de classement en 199...
Définition » Search Engine                                                 45                     Algorithme de classement ...
Définition » Search Engine             46                     Algorithme de classement en 2012         • Contenu         • ...
Définition » Search Engine                    47                     Algorithme de classement en 2012         • Linking    ...
Définition » Search Engine                   48                     Algorithme de classement en 2012         • Autorité    ...
Définition » Search Engine                     49                     Algorithme de classement en 2012         • Comporteme...
Définition » Search Engine                50                     Algorithme de classement en 2012         • Réseaux sociaux...
Définition du SEO                     Optimisationjeudi 2 février 12                       51
Définition » Optimisation                52                                    Différentes approches         • White Hat : ...
Définition » Optimisation                                       53                                  Différentes approches  ...
Définition » Optimisation                   54                            Différentes approches         • Certains secteurs...
Définition » Optimisation                      55                               Avoir du bon sens         • Beaucoup de cho...
Définition » Optimisation   56                                         Avoir du bon sens         You’re doing it wrong !jeu...
Définition » Optimisation                 57                            Différents leviers         • Essayer de devenir le ...
Définition du SEO                     ... en un slidejeudi 2 février 12                       58
Définition » ... en un slide           59                                   Définition du SEO                     • Search E...
Optimisation In-Pagejeudi 2 février 12                          60
Optimisation In-Page                     Metas données et URLjeudi 2 février 12                               61
In-Page » Metas données et URL   62                                          Requête HTTP         • Headers         • Code...
In-Page » Metas données et URL    63                                               Codes HTTP         • 200 page normale  ...
In-Page » Metas données et URL                                                64                                          ...
In-Page » Metas données et URL       65                                                    Meta title         <title>Unive...
In-Page » Metas données et URL                                          66                                                ...
In-Page » Metas données et URL          67                                                     Meta title         • Import...
In-Page » Metas données et URL    68                                                     Meta title         • Mettre les m...
In-Page » Metas données et URL       69                                          Meta description         <meta name="desc...
In-Page » Metas données et URL                 70                                         Meta description         • Utili...
In-Page » Metas données et URL           71                                         Meta description         • Importance ...
In-Page » Metas données et URL         72                                         Meta description         • Présence des ...
In-Page » Metas données et URL      73                                              Meta robots         <meta name="robots...
In-Page » Metas données et URL                       74                                                Meta robots        ...
In-Page » Metas données et URL                                                    75                                      ...
In-Page » Metas données et URL                                             76                                             ...
In-Page » Metas données et URL                77                                             URL rewriting         • Impor...
In-Page » Metas données et URL        78                                             URL rewriting         Google peut aus...
In-Page » Metas données et URL        79                                               URL rewriting         • Le mot clé ...
In-Page » Metas données et URL       80                                               URL rewriting         http://www.exe...
In-Page » Metas données et URL     81                                              URL rewriting         http://www.exempl...
In-Page » Metas données et URL                               82                                              URL rewriting...
In-Page » Metas données et URL                                        83                                              URL ...
In-Page » Metas données et URL                                        84                                              URL ...
Optimisation In-Page                     Contenu et balisesjeudi 2 février 12                             85
In-Page » Contenu et balises                                                     86                                       ...
In-Page » Contenu et balises                                                    87                                        ...
In-Page » Contenu et balises                                      88                                         Structure de ...
In-Page » Contenu et balises                                                      89                                      ...
In-Page » Contenu et balises                                         90                                          Contenu t...
In-Page » Contenu et balises   91                                           Contenu textuel         Exemple de textes boil...
In-Page » Contenu et balises                   92                                          Contenu textuel         • Le co...
In-Page » Contenu et balises                                    93                                          Contenu textue...
In-Page » Contenu et balises                                     94                                          Contenu textu...
In-Page » Contenu et balises                                      95                                          Contenu text...
In-Page » Contenu et balises                                        96                                            Contenu ...
In-Page » Contenu et balises                                                                    97                        ...
In-Page » Contenu et balises                    98                                         Contenu textuel         • Rédig...
In-Page » Contenu et balises                 99                                     Balises HTML         <h1>Titre de nive...
In-Page » Contenu et balises         100                                              Balises HTML         <title>Liste de...
In-Page » Contenu et balises                                                                  101                         ...
In-Page » Contenu et balises                   102                                      Balises HTML         <ul><li></li>...
In-Page » Contenu et balises                                    103                                               Balises ...
In-Page » Contenu et balises                                               104                                            ...
In-Page » Contenu et balises    105                        Microformats et rich snippets         • Permet aux moteurs de r...
In-Page » Contenu et balises                        106                       Microformats et rich snippets               ...
In-Page » Contenu et balises                           107                       Microformats et rich snippets            ...
In-Page » Contenu et balises                        108                        Microformats et rich snippets         http:...
In-Page » Contenu et balises                  109                        Microformats et rich snippets                    ...
In-Page » Contenu et balises                          110                        Microformats et rich snippets            ...
Optimisation In-Page                     ... en un slidejeudi 2 février 12                          111
In-Page » ... en un slide                                112                                     Optimiser ses pages      ...
Optimisation In-Page                     Techniques Grey / Black Hatjeudi 2 février 12                                  113
In-Page » Techniques Grey / Black Hat   114                      Quelques techniques...         • Hidden content         •...
Optimisation In-Sitejeudi 2 février 12                          115
Optimisation In-Site                     Indexationjeudi 2 février 12                          116
In-Site » Indexation               117                                                     Principe         • Indexation =...
In-Site » Indexation                                                     118                                              ...
In-Site » Indexation                    119                                                      Principe         • Optimi...
In-Site » Indexation               120                                                        Principe         http://www....
In-Site » Indexation                121                      Outils supplémentaires         • Plan de site         • Liste...
In-Site » Indexation      122                                 Outils supplémentaires         http://www.apple.com/fr/sitem...
In-Site » Indexation       123                                Outils supplémentaires         http://www.seomoz.org/sitemap...
In-Site » Indexation                                        124                                 Outils supplémentaires    ...
In-Site » Indexation          125                                  Outils supplémentaires         <?xml version="1.0" enco...
In-Site » Indexation                       126                                 Outils supplémentaires         • Robots.txt...
In-Site » Indexation      127                                 Outils supplémentaires         User-agent: *         Disallo...
Optimisation In-Site                     Arborescencejeudi 2 février 12                           128
In-Site » Arborescence                       129                                            Principe         • Approche ut...
In-Site » Arborescence                    130                                             Principe         • Approche SEO ...
In-Site » Arborescence                  131                             Approche modulaire         • Regrouper par type et...
In-Site » Arborescence                             132                         Approche modulaire         • Mise en place ...
In-Site » Arborescence                       133                              Approche modulaire         • Meilleure compr...
In-Site » Arborescence                                                     134                                       Appro...
Optimisation In-Site                     Linking internejeudi 2 février 12                            135
In-Site » Linking interne                 136                                             Principe         • Toute page do...
In-Site » Linking interne                  137                                      Liens site-wide         • Lien vers la...
In-Site » Linking interne                      138                                 Linking in-module         • Linking int...
In-Site » Linking interne              139                            Linking cross-module         • Linking cross-module ...
In-Site » Linking interne                    140                                Linking in-content         • Linking dans ...
Optimisation In-Site                     Crédibilitéjeudi 2 février 12                          141
In-Site » Crédibilité           142                                         Nom de domaine         • En avoir un est essen...
In-Site » Crédibilité      143                                         Nom de domaine         http://www.google.fr/search?...
In-Site » Crédibilité            144                                        Nom de domaine         • Bien choisir son nom ...
In-Site » Crédibilité                             145                                        Nom de domaine         http:/...
In-Site » Crédibilité                   146                                         Nom de domaine         • TLD : Top Lev...
In-Site » Crédibilité         147                                                 Confiance         • Montrer que le site e...
In-Site » Crédibilité                 148                                                  Contenu         • Profil de cont...
In-Site » Crédibilité                         149                                             Contenu         • Présence d...
In-Site » Crédibilité        150                                                  Contenu         http://www.aufeminin.com...
In-Site » Crédibilité                     151                                                      Sécurité         • Atte...
In-Site » Crédibilité                                                             152                                     ...
Optimisation In-Site                     Google Pandajeudi 2 février 12                           153
In-Site » Google Panda                             154                                              Google Panda         h...
In-Site » Google Panda                                             155                                                   M...
In-Site » Google Panda                                                               156                                  ...
In-Site » Google Panda          157                                                  Panda-safe         • Bon sens et logi...
In-Site » Google Panda             158                                                      Panda-safe         • Optimisat...
In-Site » Google Panda      159                                                Panda-safe         • Optimisation sociale  ...
Optimisation In-Site                     Performancesjeudi 2 février 12                           160
In-Site » Performances            161                                                        Principe         http://etude...
In-Site » Performances        162                                   Impact sur l’internaute         • La vitesse d’affichag...
In-Site » Performances          163                                        Impact sur le SEO         • La vitesse d’afficha...
In-Site » Performances         164                                              Optimisations         • Temps de génératio...
In-Site » Performances       165                                             Optimisations         http://developer.yahoo....
Optimisation In-Site                     Techniques Gray / Black Hatjeudi 2 février 12                                  166
In-Site » Techniques Gray / Black Hat   167                            Quelques techniques...                     • Scrapi...
Optimisation In-Site                     ... en un slidejeudi 2 février 12                           168
In-Site » ... en un slide              169                               Optimisation In-Site         • Assurer une bonne ...
Optimisation Off-Sitejeudi 2 février 12                           170
Optimisation Off-Site                     Linking externejeudi 2 février 12                            171
Off-Site » Linking externe        172                     Le linking externe est obligatoire         • Un site sans lien e...
Off-Site » Linking externe                    173                                        Principe white hat         • Avan...
Off-Site » Linking externe                 174                                Principe white hat         • Il existe encor...
Off-Site » Linking externe                     175                                        Do what you must         source ...
Off-Site » Linking externe                                     176                                                 Types d...
Off-Site » Linking externe                                     177                                                 Types d...
Off-Site » Linking externe       178                                                 Types de lien         <a href="http:/...
Off-Site » Linking externe                                       179                                                   Typ...
Off-Site » Linking externe           180                                           Types de lien         <meta http-equiv=...
Off-Site » Linking externe                                       181                                                 Types...
Off-Site » Linking externe                   182                                      Texte du lien         <a href="http:...
Off-Site » Linking externe                       183                          Le lien par rapport à la page         • Cont...
Off-Site » Linking externe                                                              184                          Le li...
Off-Site » Linking externe               185                         Le lien par rapport au site         • L’architecture ...
Optimisation Off-Site                     Contenu corejeudi 2 février 12                           186
Off-Site » Contenu core                     187                        Travailler son contenu core         • Contenu core ...
Off-Site » Contenu core                                   188                            Travailler son contenu core      ...
Optimisation Off-Site                      Bait Piratejeudi 2 février 12                           189
Off-Site » Bait Pirate       190                                    Principe du bait pirate         Jack Sparrow ferait un...
Off-Site » Bait Pirate              191                                    Principe du bait pirate         • Le bait pirat...
Off-Site » Bait Pirate                                             192                                                 Lin...
Off-Site » Bait Pirate     193                            Types de contenus         • Article : actualité ou intemporel   ...
Off-Site » Bait Pirate              194                            Types de contenus         • Thème pour CMS ou blog     ...
Off-Site » Bait Pirate                             195                                        Link baiting hook         • ...
Off-Site » Bait Pirate           196                                          Link baiting hook         http://gizmodo.com...
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Intervention SEO Ecotic
Upcoming SlideShare
Loading in...5
×

Intervention SEO Ecotic

1,633

Published on

Intervention à l'université de Rennes 1 pour les Master 2 Ecotic, effectuée en février 2012.

Introduction au SEO sur une durée de 3 heures, un peu court pour tout couvrir. La prochaine intervention durera 5 heures avec la pause déjeuner, ce sera beaucoup plus digeste. Les slides seront *beaucoup* moins verbeux aussi !

Published in: Education
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,633
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
24
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Transcript of "Intervention SEO Ecotic"

  1. 1. Introduction au SEO Baptiste PLACÉ - Simon ANDRÉjeudi 2 février 12 1
  2. 2. Introductionjeudi 2 février 12 2
  3. 3. Introduction Qui sommes-nous ?jeudi 2 février 12 3
  4. 4. Introduction » Qui sommes-nous ? 4 Simon André • Co-fondateur utopiaweb • #web #apple #srfc #yoshi • sa@utopiaweb.fr • twitter.com/simonandrejeudi 2 février 12 4
  5. 5. Introduction » Qui sommes-nous ? 5 Baptiste Placé • Co-fondateur utopiaweb • #seo #gamer #chouffe #belote • bp@utopiaweb.fr • twitter.com/baptisteplacejeudi 2 février 12 5
  6. 6. Introduction » Qui sommes-nous ? 6 utopiaweb en 2008 • 3 étudiants du M2 Mitic à l’Ifsic • Création en janvier 2008 • 3 PC récents dans un salon • Prestations : 90% de développement http://www.utopiaweb.frjeudi 2 février 12 6
  7. 7. Introduction » Qui sommes-nous ? 7 utopiaweb en 2008 http://www.utopiaweb.frjeudi 2 février 12 7
  8. 8. Introduction » Qui sommes-nous ? 8 utopiaweb en 2012 • 4 associés / 2 salariés • Édition de sites internet • Bureaux équipés : café & wii • Prestations : 90% de conseil en SEO http://www.utopiaweb.frjeudi 2 février 12 8
  9. 9. Introduction » Qui sommes-nous ? 9 utopiaweb en 2012 http://www.utopiaweb.frjeudi 2 février 12 9
  10. 10. Introduction » Qui sommes-nous ? 10 utopiaweb en 2012 • Nombreux projets • Embauches prévues • Applications mobiles • SEO : Outils / Blog / ... emploi@utopiaweb.frjeudi 2 février 12 10
  11. 11. Introduction Objectifs de l’interventionjeudi 2 février 12 11
  12. 12. Introduction » Objectifs de l’intervention 12 Pourquoi cette intervention ? • Échanges avec Raphaël Suire • Transmettre et rendre la pareille • Domaine pas très peu vu à l’Université • Vulgariser pour un public néophytejeudi 2 février 12 12
  13. 13. Introduction » Objectifs de l’intervention 13 Challenge accepted !jeudi 2 février 12 13
  14. 14. Introduction » Objectifs de l’intervention 14 Ce qu’on va (tenter de) voir • Le SEO ... • ... quoi ? • ... pourquoi ? • ... comment ?jeudi 2 février 12 14
  15. 15. Introduction » Objectifs de l’intervention 15 Ce qu’on ne va pas voir • Traffic payant : PPC, affiliation, etc. • Analyse du traffic • Monétisation / CRO • ...jeudi 2 février 12 15
  16. 16. Introduction » Objectifs de l’intervention 16 Ce qu’on ne va pas voir • SMO : Social Media Optimisation • Branding / Communication • Publicité IRL • ...jeudi 2 février 12 16
  17. 17. Introduction Plan de l’interventionjeudi 2 février 12 17
  18. 18. Introduction » Plan de l’intervention 18 Plan de l’intervention • Définition du SEO • Optimisation In-Page • Optimisation In-Site • Optimisation Off-Site • Stratégie SEO • Conclusionjeudi 2 février 12 18
  19. 19. Introduction Déroulement & conventionsjeudi 2 février 12 19
  20. 20. Introduction » Déroulement & conventions 20 Conventions utilisées • Fil d’ariane en haut de page • Liens / ressources en bas de page • Peu de ressources en français • Slides "... en un slide" ici, par exemplejeudi 2 février 12 20
  21. 21. Introduction » Déroulement & conventions 21 Après l’intervention... • Slides disponibles en ligne • Bibliographie / ressources • Interrogation surprise • Remarques bienvenues ecotic2012@utopiaweb.frjeudi 2 février 12 21
  22. 22. Introduction » Déroulement & conventions 22 Questions ? • À tout moment ! • À la fin de l’intervention • Après l’interventionjeudi 2 février 12 22
  23. 23. Introduction » Déroulement & conventions 23 3 heures ?? • Deux pauses de 7mn • Besoin de fumer prendre l’airjeudi 2 février 12 23
  24. 24. Définition du SEOjeudi 2 février 12 24
  25. 25. Définition du SEO Un peu d’histoirejeudi 2 février 12 25
  26. 26. Définition » Un peu d’histoire 26 Dans les années 90 • 1990 : Naissance du web • 1994 : 10 000 sites • 1996 : 100 000 sites • Annuaires / Liste de liens • Moteurs de recherche simplistes • 1998 : 2 000 000 sites • 1998 : Naissance de Google http://fr.wikipedia.org/wiki/World_Wide_Webjeudi 2 février 12 26
  27. 27. Définition » Un peu d’histoire 27 Dans les années 2000 • 2000 : 10 000 000 de sites • 2000 : 250 000 000 d’internautes • 2000 : Lancement mondial de Google • 2000 : 500 requêtes/s sur Google • 2010 : 250 000 000 de sites • 2010 : 10 000 requêtes/s sur Google • 2010 : 2 000 000 000 d’internautes http://fr.wikipedia.org/wiki/Internautejeudi 2 février 12 27
  28. 28. Définition » Un peu d’histoire 28 Naissance du SEO • Visibilité dans les moteurs • Augmenter le trafic natureljeudi 2 février 12 28
  29. 29. Définition » Un peu d’histoire 29 Internet en 2012 • 500 000 000 de sites ? • 1500 articles de blog / mn • 20 000 posts Tumblr / mn • 100 000 messages Twitter / mn • 700 000 statuts Facebook / mn • 40 000 000 d’internautes en France http://www.go-gulf.com/blog/60-secondsjeudi 2 février 12 29
  30. 30. Définition » Un peu d’histoire 30 Google en 2012 • Leader mondial de la recherche • 100 000 000 000 pages indexées • 60% de part de marché aux USA • 90% de part de marché en France • Intégration dans Firefox / iOS / Android http://www.webrankinfo.com/dossiers/google/chiffres-clesjeudi 2 février 12 30
  31. 31. Définition » Un peu d’histoire 31 Définition du SEO • Comprendre les moteurs Google • Optimiser son site en fonctionjeudi 2 février 12 31
  32. 32. Définition du SEO Search Enginejeudi 2 février 12 32
  33. 33. Définition » Search Engine 33 Objectif d’un moteur • Permettre la recherche d’informations • Réponse : un ensemble trié de résultats • Moteur de recherche web • Réponse : un ensemble trié de pagesjeudi 2 février 12 33
  34. 34. Définition » Search Engine 34 Objectif d’un moteur http://www.google.fr/search?q=solution+yoshi+islandjeudi 2 février 12 34
  35. 35. Définition » Search Engine 35 Objectif d’un moteur • Moteur de recherche web avancé • Réponse : LA donnée souhaitée http://www.google.fr/search?q=meteo+rennesjeudi 2 février 12 35
  36. 36. Définition » Search Engine 36 Objectif d’un moteur • Moteur de recherche web avancé • Réponse : LA donnée souhaitée http://www.google.fr/search?q=aapljeudi 2 février 12 36
  37. 37. Définition » Search Engine 37 Fonctionnement d’un moteur • Un utilisateur saisit une expression composée d’un ou de plusieurs mots • Le moteur sélectionne dans une base de données l’ensemble des pages contenant ce ou ces mots • Le moteur effectue un tri en utilisant différents algorithmes de classement • Le moteur retourne à l’utilisateur les premiers résultats http://fr.wikipedia.org/wiki/Moteur_de_recherchejeudi 2 février 12 37
  38. 38. Définition » Search Engine 38 Fonctionnement d’un moteur • Nombreuses étapes supplémentaires • Correction orthographique de la requête • Analyse sémantique de la requête • Personnalisation des résultatsjeudi 2 février 12 38
  39. 39. Définition » Search Engine 39 Alimentation de la base • Exploration du web : Crawl • Parcours récursif des pages en suivant les liens • Effectué par un logiciel appelé Bot ou Spider • Analyse et enregistrement de chaque page • GoogleBot : des milliers d’ordinateurs 24h/24 http://fr.wikipedia.org/wiki/Robot_d%27indexationjeudi 2 février 12 39
  40. 40. Définition » Search Engine 40 Algorithme de classement en 1996 • Contenu de la page • Basé exclusivement sur le contenu textuel, pas encore d’analyse des images, vidéos, feuilles de style, ... • Texte analysé finement, par mot et par expression • Mots utilisés, fréquences d’apparition dans le textejeudi 2 février 12 40
  41. 41. Définition » Search Engine 41 Algorithme de classement en 1998 • Liens vers la page • Analyse et enregistrement des liens entre les pages du web : graphe de relations • Un lien = un vote • La popularité permet de pondérer le tri des pagesjeudi 2 février 12 41
  42. 42. Définition » Search Engine 42 Algorithme de classement en 1998 • Google PageRank • Formule mathématique issue des études de Brin et Page • Probabilité de tomber sur une page donnée durant un parcours aléatoire du web • Basé sur le nombre de liens entrant http://fr.wikipedia.org/wiki/PageRankjeudi 2 février 12 42
  43. 43. Définition » Search Engine 43 Algorithme de classement en 1998 http://www.elliance.com/media/36814/google-pagerank-explained.gifjeudi 2 février 12 43
  44. 44. Définition » Search Engine 44 Algorithme de classement en 1998 • PageJuice / PR Flow • Chaque page transmet du "jus" dans ses liens • Il faut optimiser ses liens entrants et sortants • Il ne suffit plus d’optimiser son site ou sa page, il faut agir sur les autres sites du web • Naissance du SEO moderne http://sconlinemarketing.com/google-pagerank-and-link-juice-explained-what-is-link-juice/jeudi 2 février 12 44
  45. 45. Définition » Search Engine 45 Algorithme de classement en 1998 http://professeurs.esiea.fr/wassner/?2007/06/03/74-l-algorithme-pagerank-comment-a-marche#docjeudi 2 février 12 45
  46. 46. Définition » Search Engine 46 Algorithme de classement en 2012 • Contenu • Analyse du sens du texte • Reconnaissance des champs lexicaux, des racines des mots, des synonymes, des conjugaisons, etc. • Analyse des pages HTML : balises, structures et types de contenu, unicité, densité, ... http://www.seomoz.org/article/search-engine-factorsjeudi 2 février 12 46
  47. 47. Définition » Search Engine 47 Algorithme de classement en 2012 • Linking • Analyse de la valeur d’un lien • Pondération sur la proximité thématique des pages, sur l’emplacement du lien dans la page, sa récurrence... • Dépréciation sur l’aspect "non naturel" d’un lien basé sur une grande quantité de signauxjeudi 2 février 12 47
  48. 48. Définition » Search Engine 48 Algorithme de classement en 2012 • Autorité • Analyse de la crédibilité • Détermination de la confiance donnée à un site, en fonction de très nombreux signaux • Existence de "bonus" accordés aux sites officiels, sites de grandes ONG, sites de marques...jeudi 2 février 12 48
  49. 49. Définition » Search Engine 49 Algorithme de classement en 2012 • Comportements • Analyse des internautes • Observation du taux de clic dans les résultats, du taux de retour, du temps passé, du nombre de visiteurs... • Données issues de Google Search, Google Analytics, Google Chrome, Google Toolbar, ...jeudi 2 février 12 49
  50. 50. Définition » Search Engine 50 Algorithme de classement en 2012 • Réseaux sociaux • Analyse de la popularité • Récupération des données de partage et de "like" de Facebook, Twitter, Google+ • Données encore peu utilisées mais la récente arrivée de Google+ accélère la tendancejeudi 2 février 12 50
  51. 51. Définition du SEO Optimisationjeudi 2 février 12 51
  52. 52. Définition » Optimisation 52 Différentes approches • White Hat : techniques conseillées par Google • Grey Hat : techniques déconseillées par Google • Black Hat : techniques interdites par Google.. voire la loi http://blog.axe-net.fr/seo-black-hat-ou-white-hat/jeudi 2 février 12 52
  53. 53. Définition » Optimisation 53 Différentes approches • Ces 3 approches permettent d’obtenir de très bons résultats si elles sont correctement utilisées • Il n’y a pas d’étanchéité absolue entre ces approches. Beaucoup de White Hat piochent dans les techniques Black et Grey sans le dire. • Il s’agit globalement d’un choix "moral" : ce qui est interdit par Google ne l’est pas forcément par la loi ! http://en.wikipedia.org/wiki/Search_engine_optimization#White_hat_versus_black_hatjeudi 2 février 12 53
  54. 54. Définition » Optimisation 54 Différentes approches • Certains secteurs sont dominés par l’utilisation de techniques Black Hat : casino, viagra, porno, etc.jeudi 2 février 12 54
  55. 55. Définition » Optimisation 55 Avoir du bon sens • Beaucoup de choses à apprendre, à lire, ... • ... mais toujours garder un esprit critique ! • Le bon sens est la meilleure arme à moyen / long terme • Les techniques les plus pérennes sont les plus logiques • Idéalement : anticiper les attentes des internautes, sans chercher à tromper les moteurs.jeudi 2 février 12 55
  56. 56. Définition » Optimisation 56 Avoir du bon sens You’re doing it wrong !jeudi 2 février 12 56
  57. 57. Définition » Optimisation 57 Différents leviers • Essayer de devenir le meilleur résultat possible • ... ou, au moins, de s’en rapprocher • Meilleure page : optimisation In-Page • Meilleur site : optimisation In-Site • Meilleure crédibilité : optimisation Off-Sitejeudi 2 février 12 57
  58. 58. Définition du SEO ... en un slidejeudi 2 février 12 58
  59. 59. Définition » ... en un slide 59 Définition du SEO • Search Engine Optimisation • Accès web = moteur de recherche • Google : LE moteur en Europe / USA • SEO vital pour être visible • Compréhension du fonctionnement • Optimisations In-Page, In-Site, Off-Sitejeudi 2 février 12 59
  60. 60. Optimisation In-Pagejeudi 2 février 12 60
  61. 61. Optimisation In-Page Metas données et URLjeudi 2 février 12 61
  62. 62. In-Page » Metas données et URL 62 Requête HTTP • Headers • Code HTTP • Contenu HTML • Contenus additionnels http://getfirebug.com/jeudi 2 février 12 62
  63. 63. In-Page » Metas données et URL 63 Codes HTTP • 200 page normale • 404 page introuvable • 301 page déplacée à une nouvelle url • 302 page déplacée temporairement à une nouvelle url • 503 page momentanément en maintenance http://www.seomoz.org/learn-seo/http-status-codesjeudi 2 février 12 63
  64. 64. In-Page » Metas données et URL 64 Codes HTTP http://en.wikipedia.org/wiki/List_of_HTTP_status_codes + http://httpstatusdogs.com/418-im-a-teapotjeudi 2 février 12 64
  65. 65. In-Page » Metas données et URL 65 Meta title <title>Université de Rennes 1 - Faculté des sciences économiques - Masters</title> • Titre de la page • Doit être pertinent vis à vis du contenu de la page http://www.eco.univ-rennes1.fr/themes/formations/Masters/jeudi 2 février 12 65
  66. 66. In-Page » Metas données et URL 66 Meta title • Utilisé par Google dans la liste des résultats • Les mots clés de la recherche sont en gras • Google peut utiliser un autre titre dans certains cas http://googlewebmastercentral.blogspot.com/2012/01/better-page-titles-in-search-results.htmljeudi 2 février 12 66
  67. 67. In-Page » Metas données et URL 67 Meta title • Importance pour le ranking : le titre utilisé par le webmaster doit être pertinent par rapport au contenu de la page • Importance pour l’utilisateur : le titre affiché dans la page de résultat influe énormément sur le taux de clic http://www.seroundtable.com/title-ctr-seo-13660.htmljeudi 2 février 12 67
  68. 68. In-Page » Metas données et URL 68 Meta title • Mettre les mots clés importants vers la gauche • Limiter la taille du titre à environ 60 caractères • Ajouter le nom de sa marque en fin de titre http://www.seomoz.org/learn-seo/title-tagjeudi 2 février 12 68
  69. 69. In-Page » Metas données et URL 69 Meta description <meta name="description" content="Université de Rennes 1 - Faculté des sciences économiques - Masters - " /> • Description longue du contenu de la page • Doit être pertinente vis à vis du contenu de la page http://www.eco.univ-rennes1.fr/themes/formations/Masters/jeudi 2 février 12 69
  70. 70. In-Page » Metas données et URL 70 Meta description • Utilisé par Google dans la liste des résultats • Les mots clés de la recherche sont en gras • Google peut utiliser une autre description http://www.seomoz.org/blog/why-wont-google-use-my-meta-descriptionjeudi 2 février 12 70
  71. 71. In-Page » Metas données et URL 71 Meta description • Importance pour le ranking : aucune officiellement, mais en réalité une importance réduite, indique un site de qualité • Importance pour l’utilisateur : la description affichée dans la page de résultat influe énormément sur le taux de clic http://www.marketingtechblog.com/meta-descriptions/jeudi 2 février 12 71
  72. 72. In-Page » Metas données et URL 72 Meta description • Présence des mots clés de la page • Limiter la longueur à environ 155 caractères • Ne pas mettre de double quote ( " ) • Pour des pages produits, ne pas hésiter à utiliser les caractéristiques des produits • Laisser la description à vide sur des pages trop longues aux contenus variés http://www.seomoz.org/learn-seo/meta-descriptionjeudi 2 février 12 72
  73. 73. In-Page » Metas données et URL 73 Meta robots <meta name="robots" content="index,follow" /> • Indique aux moteurs de recherche s’ils peuvent indexer la page ou suivre les liens qui s’y trouvent • Permet de ne pas indexer des pages inutiles sur un site http://www.free.fr/adsl/index.htmljeudi 2 février 12 73
  74. 74. In-Page » Metas données et URL 74 Meta robots • index, follow : tout est normal, comportement par défaut quand la meta n’est pas indiquée • noindex, follow : le robot parcours les liens indiqués sur la page, transmet le jus de la page • noindex, nofollow : le robot abandonne cette page, le jus de la page est perdu. Ne jamais utiliser sauf pour cacher une page aux moteurs http://www.seomoz.org/blog/serious-robotstxt-misuse-high-impact-solutionsjeudi 2 février 12 74
  75. 75. In-Page » Metas données et URL 75 URL rewriting • URL illisibles il y a quelques années • Lié au fonctionnement interne des sites • Il est possible d’utiliser des URL plus parlantes http://searchenginewatch.com/article/2049014/Rewriting-URLs-SEO-for-CMS-E-Commerce-and-Dynamic-Sitesjeudi 2 février 12 75
  76. 76. In-Page » Metas données et URL 76 URL rewriting • URL plus compréhensibles • Contient les mots-clés de la page • Montre une arborescence logique Beaucoup de sites majeurs utilisent encore des URL illisibles mais qui contiennent des mots clésjeudi 2 février 12 76
  77. 77. In-Page » Metas données et URL 77 URL rewriting • Importance pour le ranking : la présence de mots clés dans l’URL ajoute du poids à la page pour ces mots • Importance pour l’utilisateur : l’URL d’une page est affichée la liste des résultats et les mots clés recherchés sont en gras http://www.google.fr/search?q=achat+renault+clio+campus+neuvejeudi 2 février 12 77
  78. 78. In-Page » Metas données et URL 78 URL rewriting Google peut aussi afficher le fil d’ariane à la place de l’URL, les mots clés en gras disparaissent au profit d’une information plus lisible pour l’internaute. http://www.google.fr/search?q=clio+campus+occasionjeudi 2 février 12 78
  79. 79. In-Page » Metas données et URL 79 URL rewriting • Le mot clé doit être présent dans l’URL, plutôt vers la gauche • Ne pas faire d’URL trop longue, « less is better » • Ne garder que les lettres et les chiffres • Remplacer les espaces par des tirets • Supprimer les mots de moins de deux lettres http://www.seomoz.org/learn-seo/urljeudi 2 février 12 79
  80. 80. In-Page » Metas données et URL 80 URL rewriting http://www.exemple.fr/appareil-photo/reflex/nikon- p700 http://www.exemple.fr/football/ligue-1/9eme-journée • Ne pas mettre tous les mots clés de la page dans l’URL • Ne pas chercher à faire des URL les plus courtes possibles pour toutes les pages du site • Il est préférable d’avoir des URL présentant une arborescence logique http://www.seomoz.org/learn-seo/urljeudi 2 février 12 80
  81. 81. In-Page » Metas données et URL 81 URL rewriting http://www.exemple.fr/ <> http://exemple.fr/ http://www.example.com/blog/mon-article-de-blog <> http://www.example.com/blog/mon-article-de-blog? ref_affi=toto • Une page = une seule URL • Sinon une seule URL est considérée comme l’originale par Google • Peut avoir un impact négatif sur l’ensemble du site • Il existe heureusement des solutions http://www.seomoz.org/learn-seo/duplicate-contentjeudi 2 février 12 81
  82. 82. In-Page » Metas données et URL 82 URL rewriting HTTP/1.1 301 Moved Permanently Location: http://www.example.com/bonne-url • Rediriger l’utilisateur et Google sur la bonne URL • Méthode propre mais pas forcément optimale • Obligatoire pour rediriger example.com vers www.example.com http://www.seomoz.org/blog/301-redirect-or-relcanonical-which-one-should-you-usejeudi 2 février 12 82
  83. 83. In-Page » Metas données et URL 83 URL rewriting <link rel="canonical" href="http://www.example.com/ bonne-url" /> • Indique à Google la bonne URL • Ne redirige par l’utilisateur • Idéal pour ajouter des paramètres de tracking, mais aussi pour du e-commerce • Possibilité de mettre le tag sur toutes les pages http://mz.cm/uO7az + http://www.seomoz.org/blog/dispelling-a-persistent-rel-canonical-mythjeudi 2 février 12 83
  84. 84. In-Page » Metas données et URL 84 URL rewriting • Google Webmaster Tools permet de préciser à Google les paramètres à ignorer • Aucune intervention technique requise • Mais la solution la moins propre http://searchengineland.com/google-lets-you-tell-them-which-url-parameters-to-ignore-25925jeudi 2 février 12 84
  85. 85. Optimisation In-Page Contenu et balisesjeudi 2 février 12 85
  86. 86. In-Page » Contenu et balises 86 Structure de page • La logique d’une page web est différente du print • Un internaute moyen ne lit pas une page, il la scanne • Le contenu doit être présenté en conséquence http://www.useit.com/alertbox/9710a.html + http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010jeudi 2 février 12 86
  87. 87. In-Page » Contenu et balises 87 Structure de page • Une page de contenu standard : titre, introduction, sous titre, paragraphes / listes • Titre, intro, premier sous titre et premier paragraphe doivent être soignés • En particulier les 2 premiers mots de chacun de ces éléments http://www.useit.com/alertbox/reading_pattern.html + http://www.useit.com/alertbox/nanocontent.htmljeudi 2 février 12 87
  88. 88. In-Page » Contenu et balises 88 Structure de page • Indiquer au visiteur des pages qui peuvent l’intéresser • Proposer des pages au contenu similaire • Proposer des médias différents pour le même contenu (vidéo, images, audio, etc...) http://www.nytimes.com/2012/01/31/sports/tennis/31iht-tennis31.htmljeudi 2 février 12 88
  89. 89. In-Page » Contenu et balises 89 Structure de page • Afficher du contenu à l’utilisateur dans la partie visible de l’écran • Contenus liés en fin de contenu • Contenus connexes en haut de page http://www.rue89.com/2012/01/31/les-homosexuels-nont-toujours-pas-le-droit-de-donner-leur-sang-228926jeudi 2 février 12 89
  90. 90. In-Page » Contenu et balises 90 Contenu textuel • Textes « boilerplate » : textes répétés sur chaque page du site • Menu de navigation, liens de connexion, messages de copyright, etc. • Google est capable de les identifier • Aucun problème tant qu’ils restent utiles à l’internaute http://www.searchenginejournal.com/boilerplate-how-google-treats-repeated-content/12682/jeudi 2 février 12 90
  91. 91. In-Page » Contenu et balises 91 Contenu textuel Exemple de textes boilerplates sur lemonde.frjeudi 2 février 12 91
  92. 92. In-Page » Contenu et balises 92 Contenu textuel • Le contenu d’une page doit être unique à travers le site • Il doit être original sur le web • Les pages de contenu dupliqué ne sont pas affichées dans les résultats • Un site ayant du contenu dupliqué peut être pénalisé dans son ensemble • Très important pour les sites ecommerce http://www.seomoz.org/blog/duplicate-content-in-a-post-panda-worldjeudi 2 février 12 92
  93. 93. In-Page » Contenu et balises 93 Contenu textuel • Une page doit comporter suffisamment de texte • Environ 250 ou 300 mots • Pas de chiffre magique, certaines pages n’ont pas beaucoup de texte par nature http://answers.google.com/answers/threadview?id=608972jeudi 2 février 12 93
  94. 94. In-Page » Contenu et balises 94 Contenu textuel • Le contenu d’une page doit être qualitatif • La grammaire et l’orthografe doivent être soignés • Un site avec des fautes ou mal écrit n’inspire pas confiance, ce qui amène les visiteurs à quitter la page rapidement http://www.seroundtable.com/google-ranking-spelling-14167.html + http://mz.cm/spnAdgjeudi 2 février 12 94
  95. 95. In-Page » Contenu et balises 95 Contenu textuel • Champ lexical d’une page • Tous les mots liés à un terme • Nature : vert, forêt, clairière, herbe, bois, etc... • Indicateur de qualité supplémentaire http://www.searchenginejournal.com/what-is-latent-semantic-indexing-seo-defined/21642/jeudi 2 février 12 95
  96. 96. In-Page » Contenu et balises 96 Contenu textuel • Densité d’un mot clé : % des mots du texte correspondant au mot • Mais sans prendre en compte les textes boilerplate • Un vieux mythe du SEO : ce n’est pas un indicateur pertinent, il n’y a pas de valeur magique • Mais un mot clé doit être présent dans la page pour se ranker dessus • Utiliser 3-4 fois le mot dans la page suffit http://www.webrankinfo.com/dossiers/redaction/indice-densite-ideal + http://bit.ly/j7q9tUjeudi 2 février 12 96
  97. 97. In-Page » Contenu et balises 97 Contenu textuel http://www.dpannpc.fr/ - 1500 occurrences «dépannage informatique», mais ce n’est pas pour ça que le site est page 1jeudi 2 février 12 97
  98. 98. In-Page » Contenu et balises 98 Contenu textuel • Rédiger du contenu sur toutes les pages dans la mesure du possible • Important pour qualifier les pages de listing, comme une page de catégorie sur un site ecommerce • Pour les pages de produit, rédiger un texte unique en plus de la description fournie par la marque • Ne pas créer 2 pages optimisées pour le même mot clé ou pour 2 variations d’un même mot clé http://www.seomoz.org/blog/ecommerce-syndicated-content-how-to-winjeudi 2 février 12 98
  99. 99. In-Page » Contenu et balises 99 Balises HTML <h1>Titre de niveau 1</h1> • Titres h1 à h6 • Un seul h1 dans une page, qui ressemble au meta title • Enchainer les niveaux de profondeur logiquement • Un titre de niveau inférieur doit être lié sémantiquement avec les titres de niveau supérieurs • 3 niveaux de titres suffisent en généraljeudi 2 février 12 99
  100. 100. In-Page » Contenu et balises 100 Balises HTML <title>Liste des Masters - Faculté des sciences économiques - Rennes 1</title> <h1>Masters sciences économiques - Université de Rennes 1</h1> <h2>Master Économie et Gestion des Entreprises<h2> <h3>Spécialités du Master en deuxième année</h3> <h4>Économie et conseil en TIC et e-business</h4> http://www.eco.univ-rennes1.fr/themes/formations/Masters/jeudi 2 février 12 100
  101. 101. In-Page » Contenu et balises 101 Balises HTML <b>texte en gras</b> <strong> <em> <i> • b / strong / em / i • Met en avant un ou plusieurs termes dans la page • Petite optimisation SEO pour viser un mot clé • Se limiter à deux termes mis en avant par page • Inutile d’en mettre plein N’utiliser cette petite optimisation que dans le contenu unique de la page, surtout pas dans les textes boilerplatejeudi 2 février 12 101
  102. 102. In-Page » Contenu et balises 102 Balises HTML <ul><li></li></ul> <ol> <dl> • Listes : ul, ol, dl • Pas d’impact SEO particulier, mais apprécié par les internautes • Utiliser la bonne liste selon les besoins : ol si la liste respecte un ordre, dl pour une liste de définitions, ul pour tout le restejeudi 2 février 12 102
  103. 103. In-Page » Contenu et balises 103 Balises HTML <img src="http://www.example.com/images/baby- cat.jpg" alt="Trop mignon le bébé chat" /> • Les images influent un petit peu sur le ranking • Toujours indiquer un alt pertinent sur une image • Idéalement le nom du fichier doit être pertinent • Insérer l’image au milieu du contenu • Utiliser une image d’environ 500 pixels de large http://www.seomoz.org/blog/image-seo-basics-whiteboard-friday + http://bit.ly/xNksHrjeudi 2 février 12 103
  104. 104. In-Page » Contenu et balises 104 Balises HTML <a href="http://www.example.com">example.com</a> • Du jus perdu au détriment des autres pages du site • Mais important pour l’utilisateur • Pour Google, un site sans lien n’est pas normal • Faire des liens vers sites de qualité ou d’autorité • Ne pas faire de liens vers des pages 404 http://mz.cm/l97pP + http://www.seomoz.org/blog/external-linking-good-for-seo-whiteboard-fridayjeudi 2 février 12 104
  105. 105. In-Page » Contenu et balises 105 Microformats et rich snippets • Permet aux moteurs de recherche de comprendre les données d’une page • Ces données peuvent être directement affichées dans les pages résultats • Ex : votes, avis, adresse, vidéo, auteur, etc... • Plusieurs balisages créés ces 5 dernières années • Standard défini en 2011 par Google, Bing et Yahoo : schema.org http://schema.org/docs/gs.htmljeudi 2 février 12 105
  106. 106. In-Page » Contenu et balises 106 Microformats et rich snippets • Fil d’ariane • Film • Vidéo http://www.google.fr/search?q=dark+knight+rises+bande+annoncejeudi 2 février 12 106
  107. 107. In-Page » Contenu et balises 107 Microformats et rich snippets • Avis et notes • Recettes http://www.google.fr/search?q=recette+gateau+au+chocolatjeudi 2 février 12 107
  108. 108. In-Page » Contenu et balises 108 Microformats et rich snippets http://www.google.com/search?q=sloppy+joe+recipe + http://bit.ly/un61D3jeudi 2 février 12 108
  109. 109. In-Page » Contenu et balises 109 Microformats et rich snippets • Les résultats prennent plus de place et sont plus attirants • Plus d’informations sont données à l’internaute dans les résultats • Le taux de clic est beaucoup plus élevé pour les résultats avec rich snippet http://bit.ly/zGCP76 + http://www.seomoz.org/blog/schema-examplesjeudi 2 février 12 109
  110. 110. In-Page » Contenu et balises 110 Microformats et rich snippets • Le fil d’ariane en microformat est un must have • Notes et avis essentiels si le contenu du site le permet • Une vidéo augmente énormément le taux de clic • Utiliser le schema qui vous correspond • Toujours tester avec l’outil Google http://bit.ly/wkNYlZ + http://www.google.com/webmasters/tools/richsnippetsjeudi 2 février 12 110
  111. 111. Optimisation In-Page ... en un slidejeudi 2 février 12 111
  112. 112. In-Page » ... en un slide 112 Optimiser ses pages • Balises metas correctes • URL optimisée • Structure de page propre • Contenu unique, de qualité et en quantité suffisante • Balises HTML correctes • Microformats si c’est pertinent • Page utile à l’internaute http://www.seomoz.org/blog/perfecting-keyword-targeting-on-page-optimizationjeudi 2 février 12 112
  113. 113. Optimisation In-Page Techniques Grey / Black Hatjeudi 2 février 12 113
  114. 114. In-Page » Techniques Grey / Black Hat 114 Quelques techniques... • Hidden content • Cloaking • Rich snippet spam • Text scrapping • Text snippingjeudi 2 février 12 114
  115. 115. Optimisation In-Sitejeudi 2 février 12 115
  116. 116. Optimisation In-Site Indexationjeudi 2 février 12 116
  117. 117. In-Site » Indexation 117 Principe • Indexation = enregistrement dans la base de données d’un moteur des pages d’un site • Google parcourt toutes les pages du site qu’il rencontre sur le web • Une page sans lien ne peut être indexée ! • Possibilité de soumission manuelle https://www.google.com/webmasters/tools/submit-urljeudi 2 février 12 117
  118. 118. In-Site » Indexation 118 Principe • Crawl Budget = nombre de pages que Google se permet d’indexer chaque jour pour un site • Déterminé par de nombreux facteur, il peut être bridé à cause de mauvais signaux (contenu dupliqué, mauvaises URL, architecture mal conçue...) • Proportionnel à la popularité et au nombre de visiteurs http://www.seomoz.org/blog/an-illustrated-guide-to-matt-cutts-comments-on-crawling-indexationjeudi 2 février 12 118
  119. 119. In-Site » Indexation 119 Principe • Optimisation de l’indexation • Mise en place d’une architecture pyramidale • Sommet = page d’accueil du site • Pages plus importantes en haut http://www.seomoz.org/blog/testing-how-crawl-priority-worksjeudi 2 février 12 119
  120. 120. In-Site » Indexation 120 Principe http://www.seomoz.org/img/upload/site-arch-2.gifjeudi 2 février 12 120
  121. 121. In-Site » Indexation 121 Outils supplémentaires • Plan de site • Liste de toutes les pages du sites • Accessible à tout moment dans la navigation • Utile pour l’internaute et pour Googlejeudi 2 février 12 121
  122. 122. In-Site » Indexation 122 Outils supplémentaires http://www.apple.com/fr/sitemap/jeudi 2 février 12 122
  123. 123. In-Site » Indexation 123 Outils supplémentaires http://www.seomoz.org/sitemapjeudi 2 février 12 123
  124. 124. In-Site » Indexation 124 Outils supplémentaires • Sitemap XML • Liste de toutes les pages du site • Format conçu par et pour les moteurs de recherche • Possibilité de séparer en plusieurs fichiers... • ... inclus dans un sitemapindex http://www.seomoz.org/blog/multiple-xml-sitemaps-increased-indexation-and-trafficjeudi 2 février 12 124
  125. 125. In-Site » Indexation 125 Outils supplémentaires <?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/ sitemap/0.9"> <url> ! ! <loc>http://www.example.com/</loc> </url> <url> <loc>http://www.example.com/actualite/</loc> <changefreq>weekly</changefreq> <lastmod>2012-01-01</lastmod> </url> </urlset> http://www.sitemaps.org/fr/protocol.htmljeudi 2 février 12 125
  126. 126. In-Site » Indexation 126 Outils supplémentaires • Robots.txt • Donne des consignes aux crawlers • Autorise ou interdit l’indexation de pages, sections • Fournit l’emplacement des fichiers sitemap • Manipulation sensible : attention ! http://fr.wikipedia.org/wiki/Protocole_d%27exclusion_des_robotsjeudi 2 février 12 126
  127. 127. In-Site » Indexation 127 Outils supplémentaires User-agent: * Disallow: User-agent:googlebot Disallow:/prive/ http://www.robotstxt.org/robotstxt.htmljeudi 2 février 12 127
  128. 128. Optimisation In-Site Arborescencejeudi 2 février 12 128
  129. 129. In-Site » Arborescence 129 Principe • Approche utilisateur • Un internaute doit trouver facilement et rapidement ce qu’il cherche, sans avoir à faire une recherche • Les internautes arrivent sur le site via une page, toutes les pages sont donc des pages d’accueil • Nécessité de réfléchir au classement de l’information sur le site, et aux moyens de guider l’internautejeudi 2 février 12 129
  130. 130. In-Site » Arborescence 130 Principe • Approche SEO • GoogleBot est un internaute comme les autres (ou presque) • Chaque page doit avoir une existence unique, un emplacement unique, et un chemin privilégié • Chaque page doit être accessible en 3 ou 4 liens depuis la page d’accueil, voire depuis toutes les pagesjeudi 2 février 12 130
  131. 131. In-Site » Arborescence 131 Approche modulaire • Regrouper par type et/ou semantique les différentes pages d’un site web • Type : actualité / sondage / aide / produit • Sémantique : pour homme / femme / enfant (produit) • Le menu d’un site correspond souvent aux modulesjeudi 2 février 12 131
  132. 132. In-Site » Arborescence 132 Approche modulaire • Mise en place technique • Un dossier par module : /actualite/ , /forum/ , /blog/ ... • Toutes les pages étant regroupées dedans • Un sitemap par module : /actualite/sitemap.xml • Conserver les même conventions pour les médiasjeudi 2 février 12 132
  133. 133. In-Site » Arborescence 133 Approche modulaire • Meilleure compréhension par Google de l’architecture • Possibilité d’agir, selon les modules, sur l’indexation (crawl, fréquence) • Minimisation des risques en cas de développement, maintenance, redirections... • Personnalisation par module (404, style, plan, recherche) • Pratique pour l’analyse du trafic (segments GA)jeudi 2 février 12 133
  134. 134. In-Site » Arborescence 134 Approche modulaire • Application récursive dans chaque module • /sport/handball/ • Point essentiel dès que le site grandit en contenu • Dans le SEO, on parle de silo • Architectes SEO : spécialistes de la conception en silo http://trafficcpanel.com/820/silo-structure-seo-method-that-lifts-the-pressure-off-link-building/jeudi 2 février 12 134
  135. 135. Optimisation In-Site Linking internejeudi 2 février 12 135
  136. 136. In-Site » Linking interne 136 Principe • Toute page doit avoir des liens • Mais une page ne peut avoir de lien vers toutes les autres page du site • Nécessité de choisir les liens à afficher sur une page • Priorité : page importantes • Priorité : pages récentesjeudi 2 février 12 136
  137. 137. In-Site » Linking interne 137 Liens site-wide • Lien vers la page d’accueil • Menu avec liens vers chaque module • Fil d’ariane • Lien vers les fonctions majeures (inscription, panier, mon compte, recherche, support) • Liens "footer" : CGV, CGU, plan, mentions...jeudi 2 février 12 137
  138. 138. In-Site » Linking interne 138 Linking in-module • Linking interne d’un module • Accueil du module / Menu du module • Top : liens vers les pages les plus consultées, partagées, meilleures ventes, promotions... • Last : liens vers les pages récentes du module • Related : liens vers les pages en rapportjeudi 2 février 12 138
  139. 139. In-Site » Linking interne 139 Linking cross-module • Linking cross-module • Dans un module donnée, permettre aux visiteurs un accès instantané aux autres modules • Techniques identiques (top, last, related) • Meta-pages transverses : page "tag", archives, ...jeudi 2 février 12 139
  140. 140. In-Site » Linking interne 140 Linking in-content • Linking dans le contenu principal • Faire des liens vers les pages pertinentes • Ces liens ont une forte valeur ajoutée, car insérés dans le contenu, et non autourjeudi 2 février 12 140
  141. 141. Optimisation In-Site Crédibilitéjeudi 2 février 12 141
  142. 142. In-Site » Crédibilité 142 Nom de domaine • En avoir un est essentiel • Éviter les sous domaines : *.free.fr, *.fr.st ... • Le NDD est un critère de classement • Le NDD compte pour le linking externe http://fr.wikipedia.org/wiki/Nom_de_domainejeudi 2 février 12 142
  143. 143. In-Site » Crédibilité 143 Nom de domaine http://www.google.fr/search?q=modele+lettrejeudi 2 février 12 143
  144. 144. In-Site » Crédibilité 144 Nom de domaine • Bien choisir son nom de domaine • Composé uniquement de chiffres, lettres, et tirets • Éviter les accents pour le moment ! • Marque ou quelques mots • Attention aux noms de domaine "spammy" http://www.seo-camp.org/afnic-2-2040jeudi 2 février 12 144
  145. 145. In-Site » Crédibilité 145 Nom de domaine http://www.google.fr/search?q=rachat+de+credit+pour+interdit+bancairejeudi 2 février 12 145
  146. 146. In-Site » Crédibilité 146 Nom de domaine • TLD : Top Level Domain / Extension • Privilégier .com .fr en France ! . net et .org à la rigueur • Éviter les extensions exotiques : .biz, .eu, .ly • Éviter de prendre un NDD déjà pris dans un autre TLD • Se protéger contre le cyber-squatting http://ajaxwhois.com/jeudi 2 février 12 146
  147. 147. In-Site » Crédibilité 147 Confiance • Montrer que le site est légal / sérieux • Page "à propos" • Informations de contact • Information sur confidentialité / LCEN • Coordonnées physiques • Informations société (SIRET, siège social, ...) http://www.societe.com/jeudi 2 février 12 147
  148. 148. In-Site » Crédibilité 148 Contenu • Profil de contenu : ligne éditoriale • Thème homogène entre tous les contenus • Format des contenu homogène aussi ! • Intérêt des modules : différences entre une brève et un dossier. https://www.google.com/adplanner/jeudi 2 février 12 148
  149. 149. In-Site » Crédibilité 149 Contenu • Présence de liens sortant (éviter le puit) • Crédibilité des liens sortant : pas de casino, viagra, ... • Liens vers des sites de référence • Liens vers les profils humains ou d’entreprise sur des sites sociaux de confiance : LinkedIn,Viadeo, ... • Liens vers les sites du même groupe mediajeudi 2 février 12 149
  150. 150. In-Site » Crédibilité 150 Contenu http://www.aufeminin.com/jeudi 2 février 12 150
  151. 151. In-Site » Crédibilité 151 Sécurité • Attention au piratage • Google détecte très rapidement les sites piratés • Droit à deuxième chance si correction rapide • Pénalité sévère si fréquence trop élevée • Google détecte aussi la mise à disposition de fichiers dangereux : malware, spyware, trojan, ... http://www.google.com/safebrowsing/diagnostic?site=google.comjeudi 2 février 12 151
  152. 152. In-Site » Crédibilité 152 Sécurité http://www.google.com/safebrowsing/diagnostic?site=http://malware.testing.google.test/testing/malware/jeudi 2 février 12 152
  153. 153. Optimisation In-Site Google Pandajeudi 2 février 12 153
  154. 154. In-Site » Google Panda 154 Google Panda http://www.web-paradise.fr/wp-content/uploads/2011/08/google_panda.jpgjeudi 2 février 12 154
  155. 155. In-Site » Google Panda 155 Mise à jour • Objectif : amélioration des résultats • Visant principalement les fermes de contenu • Critères sur le volume et l’unicité du contenu • Critères sur la qualité du texte • Validation humaine : tests utilisateurs http://googlefrance.blogspot.com/2011/08/lla-mise-jour-panda-pour-une-meilleure_12.htmljeudi 2 février 12 155
  156. 156. In-Site » Google Panda 156 Mise à jour • Basé sur l’analyse des pages • Pénalise les sites qui ont peu ou pas de contenu avant la ligne de flottaison • Pénalise les sites qui affichent trop de publicité • Basé sur l’analyse comportementale • Pénalise les sites qui ne donnent pas confiance : est-ce que vous donneriez vos informations bancaires ? http://www.seomoz.org/blog/how-googles-panda-update-changed-seo-best-practices-forever-whiteboard-fridayjeudi 2 février 12 156
  157. 157. In-Site » Google Panda 157 Panda-safe • Bon sens et logique • Design propre, professionnel • Contenu de qualité, niveau d’expertise • Publicité réduite, ne gênant pas la navigation • Aucune page vide ou de faible intérêt • Fusion des pages trop similaires http://www.seomoz.org/blog/beat-google-pandajeudi 2 février 12 157
  158. 158. In-Site » Google Panda 158 Panda-safe • Optimisations In-Page • Titres et descriptions travaillées et honnêtes • Structure logique, optimisation de la lecture web • Proposition de contenu lié, sans abus sur la quantité • Objectif : diminuer le taux de rebond ! http://fr.wikipedia.org/wiki/Kung_Fu_Pandajeudi 2 février 12 158
  159. 159. In-Site » Google Panda 159 Panda-safe • Optimisation sociale • Pas l’objectif de cette présentation • Importance des boutons Like, Tweet, +1 • Nécessité d’invitation au partage • Signal très fort pour contrer Panda http://wwf.panda.org/jeudi 2 février 12 159
  160. 160. Optimisation In-Site Performancesjeudi 2 février 12 160
  161. 161. In-Site » Performances 161 Principe http://etudes.univ-rennes1.fr/master-ecotic/jeudi 2 février 12 161
  162. 162. In-Site » Performances 162 Impact sur l’internaute • La vitesse d’affichage influe fortement sur le comportement des internautes • 3s d’attente : 40% d’abandon • 1s de délai : 7% de conversion en moins • Sensation de "lenteur" : site moins professionnel http://blog.kissmetrics.com/loading-time/jeudi 2 février 12 162
  163. 163. In-Site » Performances 163 Impact sur le SEO • La vitesse d’affichage influe sur le positionnement • Faible influence (1% des requêtes) mais ça évolue ! • Google a toujours agi pour la vitesse des sites • Intérêt majeur pour GoogleBot http://www.mattcutts.com/blog/site-speed/jeudi 2 février 12 163
  164. 164. In-Site » Performances 164 Optimisations • Temps de génération de la page : cache • Nombre de fichier à télécharger : packing • Utilité des fichiers à télécharger : lazy load • Poids des fichiers à télécharger : compression • Emplacement des fichiers : CDN http://developer.yahoo.com/performance/jeudi 2 février 12 164
  165. 165. In-Site » Performances 165 Optimisations http://developer.yahoo.com/yslow/jeudi 2 février 12 165
  166. 166. Optimisation In-Site Techniques Gray / Black Hatjeudi 2 février 12 166
  167. 167. In-Site » Techniques Gray / Black Hat 167 Quelques techniques... • Scraping de contenu • Auto-generated pages • Nom de domaines spammy • Doorway pages • Spinning + BDDjeudi 2 février 12 167
  168. 168. Optimisation In-Site ... en un slidejeudi 2 février 12 168
  169. 169. In-Site » ... en un slide 169 Optimisation In-Site • Assurer une bonne indexation du site • Mettre en place une arborescence adaptée : silo • Adapter le linking interne pour favoriser les pages principales ainsi que les plus récentes • Proposer un contenu de bonne qualité et homogène • Inspirer la confiance aux internautes et aux moteurs • Garantir des performances correctesjeudi 2 février 12 169
  170. 170. Optimisation Off-Sitejeudi 2 février 12 170
  171. 171. Optimisation Off-Site Linking externejeudi 2 février 12 171
  172. 172. Off-Site » Linking externe 172 Le linking externe est obligatoire • Un site sans lien est invisible pour Google • Un minimum de lien est obligatoire pour être ranké • Les liens externes comptent beaucoup dans le ranking d’une page http://www.seomoz.org/learn-seo/external-linkjeudi 2 février 12 172
  173. 173. Off-Site » Linking externe 173 Principe white hat • Avant : un lien pour indiquer qu’un site est cool, utile • Aujourd’hui : facebook ou twitter pour le faire • Besoin de payer d’une façon ou d’une autre autre pour avoir des liens http://www.seomoz.org/blog/seo-tactics-to-avoid-in-2011#jtc131043jeudi 2 février 12 173
  174. 174. Off-Site » Linking externe 174 Principe white hat • Il existe encore des liens naturels, principalement depuis des forums • Quelques secteurs ont encore ce principe de partage, mais ils sont souvent désintéressés • Certaines pages ne peuvent pas avoir de liens naturels • Certains secteurs ne peuvent pas avoir de liens naturels : endettement, obsèques, sexe • Amène à utiliser des techniques Grey ou Blackjeudi 2 février 12 174
  175. 175. Off-Site » Linking externe 175 Do what you must source : The Blog for Stronger Men http://stronger-men.blogspot.comjeudi 2 février 12 175
  176. 176. Off-Site » Linking externe 176 Types de lien <a href="http://example.com/">example</a> • 5 types de liens • Aucune différence pour l’utilisateur • Tous différents pour Google • Tous n’ont pas la même valeur • Le lien basique est celui qui compte le plus http://www.searchenginepeople.com/blog/identify-nofollow-juiceless-links-guide.htmljeudi 2 février 12 176
  177. 177. Off-Site » Linking externe 177 Types de lien <a href="http://example.com/" rel="nofollow">..</a> • Indique aux moteurs de recherche de ne pas suivre le lien • Le transfère pas de jus à la page linkée • Google suit quand même ces liens • Les liens naturels sont en général des nofollow http://www.searchenginepeople.com/blog/identify-nofollow-juiceless-links-guide.htmljeudi 2 février 12 177
  178. 178. Off-Site » Linking externe 178 Types de lien <a href="http://bit.ly">bitly</a> HTTP/1.1 301 Moved Permanently Location: https://bitly.com/ • Redirection permanente • Transmet le jus, une petite partie est perdue • Ne pas faire plusieurs 301 à la suite http://youtu.be/r1lVPrYoBkA + http://bit.ly/A4GyiEjeudi 2 février 12 178
  179. 179. Off-Site » Linking externe 179 Types de lien <a href="http://fon.gs/zrys6u/">302 redirect</a> HTTP/1.1 302 Found Location: http://searchengineland.com/analysis- which-url-shortening-service-should-you-use-17204 • Un code 302 est censé rediriger temporairement vers une page ayant le contenu équivalent • Ne transmet aucun jus • Parfois Google considère que la page 302 est l’originale http://fon.gs/zrys6u/ est un URL shortener qui utilise des 302 - à ne jamais utiliser !jeudi 2 février 12 179
  180. 180. Off-Site » Linking externe 180 Types de lien <meta http-equiv="refresh" content="5;url=http:// example.com/"> <body onload="document.location.href=http:// example.com/"> • Lien ou redirection invisible pour les moteurs • Utilise le meta refresh ou du javascript, exécuté par l’internaute • Ne transmet pas de jus http://www.myredirectcode.com/jeudi 2 février 12 180
  181. 181. Off-Site » Linking externe 181 Types de lien Generation-NT n’utilise que des redirections avec le meta refresh - pas très honnête !jeudi 2 février 12 181
  182. 182. Off-Site » Linking externe 182 Texte du lien <a href="http://www.allocine.fr">cinéma</a> • Le texte du lien est important pour le ranking • Utiliser des mots clés dans ce texte augmente le positionnement de la page pour ces mots • Un lien peut être fait sur une image, l’attribut alt est utilisé comme texte du lienjeudi 2 février 12 182
  183. 183. Off-Site » Linking externe 183 Le lien par rapport à la page • Contexte aussi important que le texte du lien • Le contenu de la page est important, idéalement il doit avoir un rapport avec le contenu de la page linkée • Un lien dans le footer a moins de poids qu’un lien dans un article • L’ensemble des optimisations In-Page ont une influence sur le poids du lien http://www.virante.com/blog/2012/01/26/the-myth-of-the-relevant-link/jeudi 2 février 12 183
  184. 184. Off-Site » Linking externe 184 Le lien par rapport à la page • Un lien au début d’un article portera un peu plus de poids • Une page avec de nombreux liens externes est moins intéressante, le jus est divisé entre les liens • Ne pas faire de liens réciproques entre deux pages • Si un lien est présent 2 fois dans la page, seul le premier lien rencontré dans le HTML compte http://searchengineland.com/key-takeaways-from-googles-matt-cutts-talk-at-pubcon-55457 + http://mz.cm/d10xVjeudi 2 février 12 184
  185. 185. Off-Site » Linking externe 185 Le lien par rapport au site • L’architecture du site détermine le jus que recevra la page où se trouve le lien • Un lien depuis un site spécialisé aura plus de poids • Le type de site est important : blog, site corporate, annuaire, etc... • Tous les points vus dans In-Site peuvent être vérifiés • Mais il faut le faire rapidement :)jeudi 2 février 12 185
  186. 186. Optimisation Off-Site Contenu corejeudi 2 février 12 186
  187. 187. Off-Site » Contenu core 187 Travailler son contenu core • Contenu core : contenu correspondant au coeur de métier du site • Travailler celui-ci avant d’attaquer le Off-Site • Catalogue de produits complet • Articles de blog travaillés et bien classés • Avoir un site de qualité et complet à la base permet d’avoir des liens naturels ou des partages sociaux • Travail Off-Site beaucoup plus simple par la suitejeudi 2 février 12 187
  188. 188. Off-Site » Contenu core 188 Travailler son contenu core • Pour un site qui n’est pas déjà un blog, ouvrir un blog doit faire partie du contenu core • Simple à mettre en place, permet de parler de son métier • Rédiger des articles de qualité permet de construire des relations avec les acteurs de son industrie • Peut être difficile à mettre en place (culture d’entreprise, politique) • Travail sur le long terme, il ne faut pas abandonner http://www.seomoz.org/blog/21-tactics-to-increase-blog-traffic-2012 - bonus #22jeudi 2 février 12 188
  189. 189. Optimisation Off-Site Bait Piratejeudi 2 février 12 189
  190. 190. Off-Site » Bait Pirate 190 Principe du bait pirate Jack Sparrow ferait un bon bait piratejeudi 2 février 12 190
  191. 191. Off-Site » Bait Pirate 191 Principe du bait pirate • Le bait pirate travaille pour obtenir des liens sans le demander explicitement • Travailler le contenu core pour en faire une référence dans le secteur • Permet de se faire connaitre via des réseaux sociaux et de créer des contacts, etc. • Amène à être cité par d’autres blog, être invité à des conférences, être perçu comme une référence • Lié à une technique : le link baiting http://goinswriter.com/authority-blog/jeudi 2 février 12 191
  192. 192. Off-Site » Bait Pirate 192 Link baiting • Créer une page de contenu susceptible d’attirer des liens et des partages sociaux • Des exemples nombreux dans le web anglo-saxon • En France, plus difficile d’obtenir des liens • Efficace si on s’en donne les moyens http://searchenginewatch.com/article/2114078/Link-Bait-Sucks...Except-When-Its-Awesomejeudi 2 février 12 192
  193. 193. Off-Site » Bait Pirate 193 Types de contenus • Article : actualité ou intemporel • Document : PDF, eBook, slides • Image : infographie, BD, photo • Vidéo ou podcast audiojeudi 2 février 12 193
  194. 194. Off-Site » Bait Pirate 194 Types de contenus • Thème pour CMS ou blog • Icônes, illustrations, polices, calendriers • Outils, calculettes, simulateurs • Widget • Mini sitejeudi 2 février 12 194
  195. 195. Off-Site » Bait Pirate 195 Link baiting hook • News hook • Être une source d’actualités • Faire intervenir des experts • Peut être un simple relais d’actualités si on y ajoute un intérêt : compilation, filtrage ou critique • Un infos exclusive reste un hook énorme Exemples : http://www.macgeneration.com/ + http://www.webrankinfo.com/jeudi 2 février 12 195
  196. 196. Off-Site » Bait Pirate 196 Link baiting hook http://gizmodo.com/5520164/this-is-apples-next-iphonejeudi 2 février 12 196
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×