Support e academy site web

  • 344 views
Uploaded on

support de la formation E-Academy G et A Links, session e-commerce

support de la formation E-Academy G et A Links, session e-commerce

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
344
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. E-Academy - GetA Links Nantes - Juillet 2011Logo  Client
  • 2. PRESENTATION Texte 2
  • 3. Programme de la journée Créer un site internet Qu’est-ce qu’un site internet? Principe de fonctionnement Workflow de création d’un site Les métiers de l’internet Les langages de programmation Créer son site : facteurs clés de succès et d’échecs. Référencement Principes de fonctionnement Le référencement naturel Le référencement payant 3
  • 4. Combien  facebook  compte  il  de  membres?400  millions 500  millions800  millions 550  millions
  • 5. Combien  facebook  compte  il  de  membres?400  millions 500  millions800  millions 550  millions
  • 6. Quel  est  le  nombre  d’internautes  en  France  ?29  millions 35  millions40  millions 38  millions
  • 7. Quel  est  le  nombre  d’internautes  en  France  ?29  millions 35  millions40  millions 38  millions
  • 8. Quel  est  le  langage  de  programma@on  principal  du  web? python C++ html Pascal
  • 9. Quel  est  le  langage  de  programma@on  principal  du  web? python C++ html Pascal
  • 10. Qu’est-­‐ce  que  le  référencement  naturelUn  référencement  ecolo la  manière  de  référencer  un  siteUn  référencement  de  produit Une  nouvelle  cuvé  naturel
  • 11. Qu’est-­‐ce  que  le  référencement  naturelUn  référencement  ecolo la  manière  de  référencer  un  siteUn  référencement  de  produit Une  nouvelle  cuvé  naturel
  • 12. Quelle  PDM  google  représente-­‐t-­‐il  dans  la  recherche?50% 60%70% 80%
  • 13. Quelle  PDM  google  représente-­‐t-­‐il  dans  la  recherche?50% 60%70% 80%
  • 14. Objectifs pédagogiques Comprendre  les  étapes  de  créa1on  de  créa1on  d’un  site Comprendre  les  facteurs  clés  de  succès  et  d’échec  d’un  site Comprendre  les  mécanismes  du  référencement  naturel  &  payant  et   l’importance  de  ce:e  spécialité Comprendre  les  spécificités  des  mé1ers  de  l’internet  (agence  et   annonceurs) 16
  • 15. Quelques rappels le B.A.BA du WebLogo  Client
  • 16. Qesako HTTP ?
  • 17. La notion de nom de domaine www.  nom_du_site.comUn  nom  de  domaine  permet,  grâce  au  protocole  DNS,  de  rentre  un  site  internet  accessible  aux  internautes  par  un  nom  perme:ant  de  transme:re  les  même  valeurs  qu’une  marque.Un  nom  de  domaine  peut  avoir  plusieurs  extensions  : -­‐  .net -­‐  .fr -­‐  .asso.fr -­‐  .gouv   -­‐  etc... Un  nom  de  domaine  coûte  environ  14€  par  an  incluant  de  mul1ple  services   (email,  etc...)  -­‐  www.gandi.net  -­‐  www.ovh.com    -­‐  www.hostmyname.com  etc... 19
  • 18. Retrouver le propriétaire dʼun DNS 20
  • 19. Comment mettre en site en ligne? 21
  • 20. Le Web et ses métiers
  • 21. Un département Internet (de nouveaux métiers) Producon E.Markeng   -­‐  Webdesign -­‐  Marke<ng  direct  (emailing,…)     -­‐  Qualité -­‐  développer -­‐  Référencement  Naturel  et  Payant   -­‐  Analyse  (quan./quali) -­‐  intégrateur -­‐  Trafic         -­‐  Offres  commerciales -­‐  programmeur… -­‐  fiche  produit  web -­‐  Affilia<on Internet  a  créé  de  nouveaux  mé<ers  et  transformé  d’autres. Aucun  média,  à  ce  jour,  n’a  à  ce  point  modifié  le  style  de  consomma<on,  les  entreprises  ont  du   s’adapter  à  ce  changement  rapide  afin  de  rester  dans  la  compé<<on  ! 23
  • 22. Un département Internet (de nouveaux métiers)Produc@on-­‐  Pôle  Web  designer  :  conçoit  les  projets  graphiquement  parlant  dans  le  respect  de  la  marque    et  des  critères  internes  à  la  Redoute-­‐  Pôle  intégra<on  /  développement  :  programme,  créé  les  nouvelles  pages,  fiches  produits,  etc..  afin  de  les  me=re  en  ligne  sur  le  site.-­‐  Pôle  concep<on  /  rédac<on  :    conceptualise  les  opéra>ons  commerciales,  jeux  concours  etc.  pour  le  site  internet  et  formalise  le  tout.  -­‐  Pôle  Ges<on  de  projet  :  coordonne  l’ensemble  des  ressources  humaines  web  afin  de  mener  à  bien  un  projet  tel  un  chef  d’orchestre.  Le  chef  de  projet  est  le  point  d’entrée  et  de  sor>e  des  projets.-­‐  Pôle  scripteur  /  rédacteur  :  l’arme  de  ce  pôle  :  leur  plume  !  Ils  vont  rédiger  les  fiches  produits  selon  les  critères  liés  au  web  et  y  associer  les  photos  etc. 24
  • 23. Un département Internet (de nouveaux métiers)Administra@on  –  Ges@on  –  Emarke@ng-­‐  Pôle  analyse  :  Que  ce  soit  pour  analyser  les  résultats  des  opéra>ons  marke>ng,  faire  des  recommanda>ons  et  impulser  des  modifica>ons  fonc>onnelles,  l’analyste  est  la  «  sonne=e  d’alarme  »  des  indicateurs  de  performance.  Sa  fonc>on  peut  être  généraliste  ou  très  précise  comme  l’analyse  des  requêtes  dans  les  moteurs  de  recherche  par  exemple.-­‐  Pôle    Emailing  :  L’équipe  emailing  conçoit,  développe  et  entre>ent  le  plan  stratégique  de  Marke>ng  Direct  mis  en  place  au  travers  de  l’email.  Nous  verrons  un  peu  plus  loin  dans  ce=e  forma>on,  la  typologie  des  emails.-­‐  Pôle    Affilia<on  /  Partenariat  :  Ce=e  équipe  a  pour  rôle  de  gérer  la  présence  d’un  site  internet  sur  la  toile  incluant  les  achats  d’espaces  publicitaires,    créer  du  trafic  qualifié  vers  le  site  laredoute.fr-­‐  Pôle  qualité  :  Ces  équipes  ont  pour  tâche  et  responsabilité  la  qualité  du  site.  Elles  sont  garantes  du  recensement  des  bugs,  de  la  mise  en  place  des  évolu>ons  fonc>onnelles  et  de  la  qualité  ergonomique  du  site. 25
  • 24. Exemple des metiers web «Redoute» 26
  • 25. Exemple des metiers web «Redoute» 26
  • 26. Exemple des metiers web «Redoute» E-MARKETING E-COMMERCE WEB DESIGN & ED Booster le trafic, recruter de nouveaux Vendre les produits sur Internet Concevoir et réaliser des pr clients, augmenter les ventes, interactifs ( visuels et textes développer la notoriété de la marque sur Définir let mettre en œuvre le Internet e-merchandising de l’offre •  Responsable de la Gestion du • Responsable d’Univers Web • Web designer Trafic / Traffic Manager Définit la stratégie e-commerce pour Conçoit et dessine un produ Développe les techniques et outils un univers de consommation ( PAP ou répondant au brief des Res permettant d’augmenter le trafic sur le Maison) et pilote l’activité d’Univers et des Category M site (référencement naturel, achat de • On line Sales Manager •  Concepteur rédacteur mots-clé, comparateurs de prix, Vendre les produits d’une catégorie Rédige et gère les contenus programmes d’affiliation , achat de produits sur Internet et développer d’espaces publicitaires on line ) le CA et les marges Met en place des partenariats web Construire et mettre en œuvre des •  Chef de projet Référencement opérations commerciales on line Fait figurer au mieux le site dans les Inciter les clients à acheter sur le site résultats des moteurs de recherche de La Redoute •  Responsable Études Web • E-merchandiser Analyse les comportements des Met en ligne les produits internautes E-MAILINGS ANIMATION RELATION CLI Concevoir et mettre en place les Assurer la dynamique participative Gérer les contacts client campagnes de e-mailings pour sur des dispositifs en réseau (FAQ, nouveaux contacts: e-ma 26 recruter et fidéliser les clients Blogs, Twitter, Facebook, Forums…) chat…
  • 27. Exemple des metiers web «Redoute» E-MARKETING E-COMMERCE WEB DESIGN & EDITORIAL CONDUITE DE PR Booster le trafic, recruter de nouveaux Vendre les produits sur Internet Concevoir et réaliser des projets Concevoir et mettre en p clients, augmenter les ventes, interactifs ( visuels et textes) développer la notoriété de la marque sur Définir let mettre en œuvre le nouvelles fonctionnalités Internet e-merchandising de l’offre optimiser les ventes •  Responsable Dévelo •  Responsable de la Gestion du • Responsable d’Univers Web • Web designer Définit la road map et p Trafic / Traffic Manager Définit la stratégie e-commerce pour Conçoit et dessine un produit multimédia l’ensemble des projets Développe les techniques et outils un univers de consommation ( PAP ou répondant au brief des Responsables •  Chef de Projet e-com permettant d’augmenter le trafic sur le Maison) et pilote l’activité d’Univers et des Category Managers site (référencement naturel, achat de • On line Sales Manager •  Concepteur rédacteur Met en œuvre les projet mots-clé, comparateurs de prix, de développement des f Vendre les produits d’une catégorie Rédige et gère les contenus éditoriaux programmes d’affiliation , achat de produits sur Internet et développer du site en interface avec d’espaces publicitaires on line ) le CA et les marges Responsables commerc Met en place des partenariats web Chefs de projets informa Construire et mettre en œuvre des •  Chef de projet Référencement opérations commerciales on line •  Développeur Web / In Fait figurer au mieux le site dans les Inciter les clients à acheter sur le site Traduit les orientations g résultats des moteurs de recherche de La Redoute éditoriales en langage te •  Responsable Études Web • E-merchandiser programmation Analyse les comportements des Met en ligne les produits Crée des interfaces ergono internautes facilité l’utilisation du site p E-MAILINGS ANIMATION RELATION CLIENT VEILLE & INN Concevoir et mettre en place les Assurer la dynamique participative Gérer les contacts client via les Rechercher et antici campagnes de e-mailings pour sur des dispositifs en réseau (FAQ, nouveaux contacts: e-mail, web, évolutions du Web e 26 recruter et fidéliser les clients Blogs, Twitter, Facebook, Forums…) chat… services, de fonction
  • 28. Exemple des metiers web «Redoute» TING E-COMMERCE WEB DESIGN & EDITORIAL CONDUITE DE PROJETSuter de nouveaux Vendre les produits sur Internet Concevoir et réaliser des projets Concevoir et mettre en place les s ventes, interactifs ( visuels et textes) é de la marque sur Définir let mettre en œuvre le nouvelles fonctionnalités du site pour e-merchandising de l’offre optimiser les ventes •  Responsable Développementa Gestion du • Responsable d’Univers Web • Web designer Définit la road map et piloteger Définit la stratégie e-commerce pour Conçoit et dessine un produit multimédia l’ensemble des projetsques et outils un univers de consommation ( PAP ou répondant au brief des Responsables •  Chef de Projet e-commerceter le trafic sur le Maison) et pilote l’activité d’Univers et des Category Managersaturel, achat de • On line Sales Manager •  Concepteur rédacteur Met en œuvre les projets de design ou rs de prix, de développement des fonctionnalités Vendre les produits d’une catégorie Rédige et gère les contenus éditoriauxon , achat de produits sur Internet et développer du site en interface avec less on line ) le CA et les marges Responsables commerciaux et les enariats web Chefs de projets informatique Construire et mettre en œuvre desférencement opérations commerciales on line •  Développeur Web / Intégrateurx le site dans les Inciter les clients à acheter sur le site Traduit les orientations graphiques ets de recherche de La Redoute éditoriales en langage technique dedes Web • E-merchandiser programmationements des Met en ligne les produits Crée des interfaces ergonomiques pour facilité l’utilisation du site par le clientINGS ANIMATION RELATION CLIENT VEILLE & INNOVATIONe en place les Assurer la dynamique participative Gérer les contacts client via les Rechercher et anticiper les ailings pour sur des dispositifs en réseau (FAQ, nouveaux contacts: e-mail, web, évolutions du Web en termes de 26 les clients Blogs, Twitter, Facebook, Forums…) chat… services, de fonctionnalités, de
  • 29. Exemple des metiers web «Redoute»CE WEB DESIGN & EDITORIAL CONDUITE DE PROJETSternet Concevoir et réaliser des projets Concevoir et mettre en place lese le interactifs ( visuels et textes) nouvelles fonctionnalités du site pourre optimiser les ventes •  Responsable Développements Web • Web designer Définit la road map et pilotemmerce pour Conçoit et dessine un produit multimédia l’ensemble des projets ation ( PAP ou répondant au brief des Responsables •  Chef de Projet e-commerce té d’Univers et des Category Managers •  Concepteur rédacteur Met en œuvre les projets de design ou de développement des fonctionnalitésne catégorie Rédige et gère les contenus éditoriaux et développer du site en interface avec les Responsables commerciaux et les Chefs de projets informatiqueœuvre dess on line •  Développeur Web / Intégrateur ter sur le site Traduit les orientations graphiques et éditoriales en langage technique de programmations Crée des interfaces ergonomiques pour facilité l’utilisation du site par le clientN RELATION CLIENT VEILLE & INNOVATIONparticipative Gérer les contacts client via les Rechercher et anticiper leséseau (FAQ, nouveaux contacts: e-mail, web, évolutions du Web en termes de 26 k, Forums…) chat… services, de fonctionnalités, de
  • 30. site (référencement naturel, achat de • On line Sales Manager •  Concepteur rédacteur mots-clé, comparateurs de prix, Vendre les produits d’une catégorie Rédige et gère les contenus programmes d’affiliation , achat de produits sur Internet et développer d’espaces publicitaires on line ) le CA et les marges Met en place des partenariats web Construire et mettre en œuvre desExemple des metiers web «Redoute» •  Chef de projet Référencement Fait figurer au mieux le site dans les résultats des moteurs de recherche opérations commerciales on line Inciter les clients à acheter sur le site de La Redoute •  Responsable Études Web • E-merchandiser Analyse les comportements des Met en ligne les produits internautes E-MAILINGS ANIMATION RELATION CLI Concevoir et mettre en place les Assurer la dynamique participative Gérer les contacts client campagnes de e-mailings pour sur des dispositifs en réseau (FAQ, nouveaux contacts: e-ma recruter et fidéliser les clients Blogs, Twitter, Facebook, Forums…) chat… En mesurer l’efficacité •  Community Manager •  Conseiller Client •  Chargé de Marketing •  Chargé de communication Web Traite les contacts client l’ensemble des canaux d communication et apport réponse adaptée et pers 26
  • 31. site (référencement naturel, achat de • On line Sales Manager •  Concepteur rédacteur mots-clé, comparateurs de prix, de développement des f Vendre les produits d’une catégorie Rédige et gère les contenus éditoriaux programmes d’affiliation , achat de produits sur Internet et développer du site en interface avec d’espaces publicitaires on line ) le CA et les marges Responsables commerc Met en place des partenariats web Chefs de projets informa Construire et mettre en œuvre desExemple des metiers web «Redoute» •  Chef de projet Référencement Fait figurer au mieux le site dans les résultats des moteurs de recherche opérations commerciales on line Inciter les clients à acheter sur le site de La Redoute •  Développeur Web / In Traduit les orientations g éditoriales en langage te •  Responsable Études Web • E-merchandiser programmation Analyse les comportements des Met en ligne les produits Crée des interfaces ergono internautes facilité l’utilisation du site p E-MAILINGS ANIMATION RELATION CLIENT VEILLE & INN Concevoir et mettre en place les Assurer la dynamique participative Gérer les contacts client via les Rechercher et antici campagnes de e-mailings pour sur des dispositifs en réseau (FAQ, nouveaux contacts: e-mail, web, évolutions du Web e recruter et fidéliser les clients Blogs, Twitter, Facebook, Forums…) chat… services, de fonction En mesurer l’efficacité contenus … •  Community Manager •  Conseiller Client •  Responsable No •  Chargé de Marketing •  Chargé de communication Web Traite les contacts client sur •  Chef de Projet l’ensemble des canaux de •  Web Designer communication et apporte une réponse adaptée et personnalisée Version de Juille 26
  • 32. aturel, achat de • On line Sales Manager •  Concepteur rédacteurrs de prix, de développement des fonctionnalités Vendre les produits d’une catégorie Rédige et gère les contenus éditoriauxon , achat de produits sur Internet et développer du site en interface avec less on line ) le CA et les marges Responsables commerciaux et les enariats web Chefs de projets informatique Construire et mettre en œuvre desférencementx le site dans less de recherche Exemple des metiers web «Redoute» opérations commerciales on line Inciter les clients à acheter sur le site de La Redoute •  Développeur Web / Intégrateur Traduit les orientations graphiques et éditoriales en langage technique dedes Web • E-merchandiser programmationements des Met en ligne les produits Crée des interfaces ergonomiques pour facilité l’utilisation du site par le clientINGS ANIMATION RELATION CLIENT VEILLE & INNOVATIONe en place les Assurer la dynamique participative Gérer les contacts client via les Rechercher et anticiper les ailings pour sur des dispositifs en réseau (FAQ, nouveaux contacts: e-mail, web, évolutions du Web en termes de les clients Blogs, Twitter, Facebook, Forums…) chat… services, de fonctionnalités, decité contenus … •  Community Manager •  Conseiller Client •  Responsable Nouveaux Siteseting •  Chargé de communication Web Traite les contacts client sur •  Chef de Projet l’ensemble des canaux de •  Web Designer communication et apporte une réponse adaptée et personnalisée Version de Juillet 2010 26
  • 33. •  Concepteur rédacteur de développement des fonctionnalités atégorie Rédige et gère les contenus éditoriauxdévelopper du site en interface avec les Responsables commerciaux et les Chefs de projets informatiquevre desn linesur le site Exemple des metiers web «Redoute» •  Développeur Web / Intégrateur Traduit les orientations graphiques et éditoriales en langage technique de programmation Crée des interfaces ergonomiques pour facilité l’utilisation du site par le client RELATION CLIENT VEILLE & INNOVATIONicipative Gérer les contacts client via les Rechercher et anticiper lesau (FAQ, nouveaux contacts: e-mail, web, évolutions du Web en termes deForums…) chat… services, de fonctionnalités, de contenus … •  Conseiller Client •  Responsable Nouveaux Sitestion Web Traite les contacts client sur •  Chef de Projet l’ensemble des canaux de •  Web Designer communication et apporte une réponse adaptée et personnalisée Version de Juillet 2010 26
  • 34. Intéractions 2.0 !
  • 35. Le consommateur devient «consommacteur» 28
  • 36. Le consommateur devient «consommacteur» 28
  • 37. Le consommateur devient «consommacteur» 28
  • 38. Le consommateur devient «consommacteur» 28
  • 39. Quʼest-ce quʼun site dynamique?
  • 40. Créationd’un site internet Bonnes pratiques ! 30
  • 41. Les grands principes ! L’idée,  le  service L’ergonomie,  la  mise  à  disposi1on  de  l’informa1on La  rela1on  avec  l’internaute Les  rela1ons  entre  les  internautes   La  notoriété  (page  rank,  trust  rank,  trafic...) 31
  • 42. Lʼimportance de lʼergonomieL’ergonomie  fait  appel  aux  connaissances  comportementales  que  nousavons  sur  l’Homme  en  général  et  durant  le  processus  d’achat  enpar1culier  autant  d’un  point  de  vue  : –Psychologique  (létude  scien.fique  des  faits  psychiques,  la  connaissance  empirique  ou  intui.ve  des  sen.ments,   des  idées,  des  comportements  dautrui  et  des  siens) –Physiologique  (étudie  le  rôle,  le  fonc.onnement  et  lorganisa.on  mécanique,  physique  et  biochimique  des   organismes  vivants) L’ergonomie  n’est  pas  une  fin  en  soi  mais  un  ou<l  qui  doit  servir  le  client  afin  que son  expérience  d’achat  soit  la  plus  posi<ve.  Un  site  véritablement  tourné  vers  le  client avec  un  parcours  d’achat  simplifié  et  épuré  entrainera    un  acte  d’achat  plus  facilement. 32
  • 43. Lʼimportance de lʼergonomieDans  le  domaine  du  web,  lergonomie  définit  les  lois  qui  régissent  la  capacité  d’une  société  àrépondre,  voire    devancer  les  a[entes  des  clients  navigant  sur  le  site  internet.  A[en<on!  Tous  les  u<lisateurs  et  clients  d’un  site  n’ont  pas  les  mêmes  profils  d’u<lisa<on.  Nous  pouvons  néanmoins  déterminer  les  grands  leviers  d’ac<on  à  analyser  dès  lors  quel’ergonomie  est  adaptée  au  web  :-­‐ a2entes  de  lu<lisateur  :  tous  les  visiteurs  du  site  ne  recherchent  pas  nécessairement  la  même   informa<on  ou  nont  pas  nécessairement  les  mêmes  exigences  en  terme  de  graphisme.-­‐ habitudes  de  lu<lisateur  :  elles  correspondent  à  des  comportements  acquis.-­‐ âge  de  lu<lisateur  :  il  caractérise  en  général  la  capacité  dadapta<on  de  lu<lisateur  et  sa  rapidité  de   naviga<on.-­‐     équipements  :  il  sagit  dune  des  difficultés  majeures.  En  effet,  laffichage  du  site  pourra  varier  dun   équipement  à  lautre,  en  par<culier  selon  le  navigateur  et  la  résolu<on  daffichage.-­‐ niveau  de  connaissances  :  tous  les  visiteurs  du  site  ne  sont  pas  nécessairement  des  as  de  linforma<que.   Lergonomie  du  site  doit  être  pensée  pour  lu<lisateur  le  moins  expérimenté. 33
  • 44. Lʼimportance de lʼergonomieD’un  point  de  vue  pra@que  voici  les  critères  importants  :• Epuraon  :  n’u<liser  que  des  éléments  qui  «  servent  »  la  vente  et  ne  pas  surcharger  les  pages  avec   des  s<muli  visuels• Lisibilité  :  le  texte  doit  être  écrit  en  prenant  compte  du  temps  de  lecture  plus  important  de  25  à   30%  lorsque  l’on  lit  sur  un  écran.  Les  idées  doivent  être  bien  ordonnées  et  les  informa<ons  bien   organisées  afin  de  limiter  les  efforts  pour  l’internaute• Ulisabilité  :  «  Règle  des  3  clics  »,  repérer  où  se  situe  l’u<lisateur  dans  l’arborescence  du  site  (fil   d’Ariane  par  ex)  et  être  libre  dans  sa  naviga<on• Rapidité  de  chargement  :  images  bien  op<misées  etc.• Intéracvité  :  pour  faciliter  des  échanges  entre  la  redoute  et  ses  clients• Accessibilité  :  le  site  doit  être  accessible  sur  tout  type  de  navigateurs,  pour  tous  les  handicapes,   respect  des  normes  W3C Une  règle  indispensable  :  La  règle  des  5  clics   34
  • 45. Langages de programmation !
  • 46. Les principaux langages HTML  :  Structure  de  la  page CSS  :  Mise  en  page Php  MySql  :  Transfert  et  stockage  du  contenu Javascript  -­‐  Jqery  ...  :  Anima1on   Flash  :  anima1on,  player  video  etc... Voyons  cela  dans  la  pra@que  !   36
  • 47. REFERENCEMENT NATUREL & PAYANTLogo  Client
  • 48. Quelques définitions✤ Référencement : action de référencer consiste en la soumission d’une ou plusieurs pages auprès d’un moteur de recherche.✤ Référencement naturel ou organique : concerne les pages affichées dans les zones de moteur de recherche qui ne sont pas le fruit d’un positionnement publicitaire✤ Positionnement : action de (tenter de) positionner une page le plus haut possible selon des mots ou requêtes clés.✤ Référencement payant : action de positionner une ou plusieurs pages sur des mots ou requêtes clés selon un système d’enchères.✤ --> Sur une même page de résultats = liens organiques, commerciaux et/ou sponsorisés. 38
  • 49. Annuaires vs Moteurs de Recherche Moteurs Annuaires Indexation de pages web Indexation de site web - -Recherche Recherche par mot clés Recherche par mot clés ou catégories - - Classement par pertinence et de Classement dans un ordre déterminé par manière massive l’annuaire (alphabétique, etc...) - - Mise a jour régulière Mise à jour plus lenteRéférencement Indexation humaine Indexation automatique (algo) - - Critères humains pour L’ensemble des pages référencé l’indexation dans l’annuaire 39
  • 50. Lʼinternet et la navigation✤ 60% des internautes arrivent sur un site via un moteur de recherche.✤ dans 60% des cas la requête se compose de plus d’un mot clé.✤ 30% utilise 2 mots clés et 20% plus de 3.✤ Pas de «recherche avancée» utilisés dans la plupart des cas.✤ La majorité des internautes ne clic que sur les 3 premiers liens✤ Consultation d’1 ou 2 pages pas requêtes 40
  • 51. Focus Google✤ «Recherche simple» : recherche la plus utilisée et la plus simple✤ «J’ai de la chance» : propose la page la plus pertinente par rapport à la requête envoyée.✤ «Recherche avancée» : propose de préciser les critères de recherche afin d’obtenir des résultats plus pertinents✤ «Recherche spécifique» : utilisation d’opérateurs spécifiques pour effectuer une recherche✤ Recherche photos etc... 41
  • 52. Focus Google✤ «Recherche simple» : recherche la plus utilisée et la plus simple✤ «J’ai de la chance» : propose la page la plus pertinente par rapport à la requête envoyée.✤ «Recherche avancée» : propose de préciser les critères de recherche afin d’obtenir des résultats plus pertinents✤ «Recherche spécifique» : utilisation d’opérateurs spécifiques pour effectuer une recherche✤ Recherche photos etc... 41
  • 53. Focus Google✤ «Recherche simple» : recherche la plus utilisée et la plus simple✤ «J’ai de la chance» : propose la page la plus pertinente par rapport à la requête envoyée.✤ «Recherche avancée» : propose de préciser les critères de recherche afin d’obtenir des résultats plus pertinents✤ «Recherche spécifique» : utilisation d’opérateurs spécifiques pour effectuer une recherche✤ Recherche photos etc... 41
  • 54. Focus Google✤ «Recherche simple» : recherche la plus utilisée et la plus simple✤ «J’ai de la chance» : propose la page la plus pertinente par rapport à la requête envoyée.✤ «Recherche avancée» : propose de préciser les critères de recherche afin d’obtenir des résultats plus pertinents✤ «Recherche spécifique» : utilisation d’opérateurs spécifiques pour effectuer une recherche✤ Recherche photos etc... 41
  • 55. Focus Google✤ «Recherche simple» : recherche la plus utilisée et la plus simple✤ «J’ai de la chance» : propose la page la plus pertinente par rapport à la requête envoyée.✤ «Recherche avancée» : propose de préciser les critères de recherche afin d’obtenir des résultats plus pertinents✤ «Recherche spécifique» : utilisation d’opérateurs spécifiques pour effectuer une recherche✤ Recherche photos etc... 41
  • 56. Opérateurs Google site: Liste des pages de site indexées site:www.monsite.com link: Pages extérieures reliées à votre site link:www.monsite.com cache: Version en cache cache:www.monsite.com info: Informations sur le site info:www.monsite.comrelated: Pages à contenu similaire related:www.monsite.com Title Recherche de mots clés dans le titre des pages title:www.monsite.com url Recherche de mots clés dans les urls url: cours oenologieDomain Recherche de mots clés dans le domaine domain: cours oenologie 42
  • 57. Les Moteurs de recherchesLogo  Client
  • 58. Le Big G✤ Les trois tâches principales : • Collecte d’informations sur le web (24/24h et 7/7j) • Stockage d’information, classement, analyse... • Affichage par pertinence selon les requêtes envoyées✤ Fonctionnement : • Spiders, Crawlers en action non stop. • Googlebot, Yahooslurp etc... 44
  • 59. Informations (non)récoltées 45
  • 60. Informations (non)récoltées✤ Code html✤ Date de dernière modification✤ Maillage✤ Contenu (corrélation avec les meta-tags...)✤ Nom des images, vidéos, ...✤ etc... 45
  • 61. Informations (non)récoltées✤ Code html ✤ Pages statiques et orphelines✤ Date de dernière modification ✤ Pages dont l’url est trop complexe✤ Maillage ✤ Pages trop profonde dans✤ Contenu (corrélation avec les larborescence meta-tags...) ✤ etc..✤ Nom des images, vidéos, ...✤ etc... 45
  • 62. Quelques outils pour aller plus loin✤ www.robotstats.com✤ www.spywords.com✤ www.webrankinfo.com✤ www.robostxt.org✤ www.robots.darkseoteam.com 46
  • 63. LES DIFFÉRENTSMOTEURS DERECHERCHE
  • 64. Yahoo 48
  • 65. Yahoo 48
  • 66. Google 49
  • 67. Google 49
  • 68. Bing 50
  • 69. Bing 50
  • 70. Google 51
  • 71. Google 51
  • 72. Google 52
  • 73. Google 52
  • 74. Les positions idéales 1✤ Place 1 à 3 : 100% 2 100% 3✤ Place 4 à 6 : 50% 4✤ Place 6 à 10 : 20% 5 50% 6✤ 40% des internautes 7 cliquent sur le 1er 8 20% lien! 9 10 53
  • 75. Critères dit «In Page»✤ Critères dit «In Page» ✤ Composition du code html avec notamment les informations stockées dans les balises HEAD (partie invisible) mais également dans le BODY (partie visible). ✤ L’insertion de mots clés : noms des fichiers, entête de la balise html (titre et méta) ✤ Le texte, les titres, sous titres, le maillage, etc... ✤ Les informations associés aux images 54
  • 76. Mettre en valeur des mots clés✤ Densité de mots clés✤ Mise en forme du texte (h1, etc...)✤ Proximité des mots clés 55
  • 77. Mettre en valeur des mots clés✤ Densité de mots clés✤ Mise en forme du texte (h1, etc...)✤ Proximité des mots clés Gardez à l’esprit que tous ces paramètres sont variables selon lalgorithme des moteurs de recherche. 55
  • 78. 56
  • 79. Facteurs «Off Page»✤ Popularité du site : qualité et quantité des liens qui pointent vers le site.✤ Page Rank : note de popularité du site attribuée par Google (le Page Rank devient peu à peu le Trust Rank) 57
  • 80. Quelques outils pour aller plus loin✤ www.classement google.com✤ www.google.fr/dirhp✤ http://google.audiencestv.com✤ et à aller voir pour le prochain amphi : ✤ wordtracker.com ✤ keyworddiscovery.com ✤ outilref.com ✤ https://adwords.google.com/select/KeywordsToolExternal 58
  • 81. Préparation au référencement✤ Un site web : ✤ s’adresse à une cible clairement identifiée ✤ répond à des objectifs ✤ est un outil de travail et permet d’actionner des leviers business✤ Bien connaitre son marché et sa cible est donc essentiel 59
  • 82. Préparation au référencement✤ Un site web : ✤ s’adresse à une cible clairement identifiée ✤ répond à des objectifs ✤ est un outil de travail et permet d’actionner des leviers business✤ Bien connaitre son marché et sa cible est donc essentiel Un site = une étude préalable du marché 59
  • 83. REFERENCER ET POSITIONNER UN SITELogo  Client
  • 84. Dans un premier temps✤ Analyse du marché : ✤ Recherche des mots clés dominants ✤ Analyse de la présence sur le web des concurrents (dans les annuaires et les moteurs de recherche)✤ Soumissions et inscription : ✤ Moteurs et annuaires ✤ Générateurs ✤ Optimisation du site 61
  • 85. Placer ses mots clésIl est possible de placer vos mots clés dans quatre endroits - Dans la partie HEAD au travers des «meta names» notamment - Dans le BODY - Dans les URLs - Dans les DNS 62
  • 86. Les méta-TagsDéfinition :La balise <meta> permet de fournir une description de votre site par le biais de mots cléset de phrases afin que les moteurs de recherche voient leur travail facilité.C’est l’utilisation la plus courante de ces balises que l’ont peut également utiliser pour desredirections automatique, des refrech...Fonctionnement :- Le robot scrute vos balises meta- Il ramène les renseignements au moteur de recherche- Le moteur de recherche met à jour son indexNote :- L’importance accordée aux «méta tags» est de moins en moins importante. Néanmoins,l’algorithme les prend en compte pour les interpréter. 63
  • 87. Les méta-Tags<html><head><Title>Titre de votre site</title><meta name= "charset" content= "iso-8859-1"><meta name="description"content= "description du site"><meta name="keywords" content= "mot clé1, mot clé2,.."><meta name="author" content= "prénom,nom"><meta name="identifier-url" content= "http://www.votresite.com"><meta name="reply-to" content= "mail@votresite.com"><meta name="revisit-after" content= "15 days"><meta name="robots" content= "index, follow"></head><body> 64
  • 88. Les méta-Tags 65
  • 89. Les méta-Tags 65
  • 90. Les méta-Tags 65
  • 91. Les méta-Tags 65
  • 92. 66
  • 93. 66
  • 94. 66
  • 95. 66
  • 96. 66
  • 97. 66
  • 98. Mots Clés dans le «Body»✤ Il est évident qu’un bon contenu intégrant de manière subtile un ensemble de mots clés permettra de pérenniser les positionnements✤ Il faut s’aider pour cela des balises CSS comme h1, h2, etc... (Google accorde désormais autant (voir plus) d’importance au h2 qu’au h1.✤ Une grande réflexion doit être faire au moment de la conception du site afin de préparer celui-ci au référencement dès le début.✤ A BANIR : Les mots clés de la même couleur que votre background 67
  • 99. La balise description 68
  • 100. La densité de mots clés Indice de densité d’un mot = nombre doccurrences d’un mot clé / nombre total de mots dans la pageAttention cependant à ne pas augmenter «artificiellement» cet indice car lalgorithme des moteurs de recherche sanctionnera vos sites.Règle de base : 3 à 5 mots clés maximum par page pour réaliser vos occurrences Sachez que la densité idéale n’existe pas! 69
  • 101. Mots Clés dans les URLsLes noms de domaines doivent être choisis selon des critères bien précisIntégrer des mots clés dans les urls permet également de travailler son référencement de manière forte. http://livre.fnac.com/a2692205/Marie-Ndiaye-Trois-femmes-puissantes? bl=HGACUne02 http://www.amazon.fr/Trois-femmes-puissantes-Prix-Goncourt/dp/ 2070786544/ref=amb_link_84821073_2? pf_rd_m=A1X6FK5RDHNB96&pf_rd_s=center-2&pf_rd_r=0DPEXZ1TZB DJK50GJSYY&pf_rd_t=101&pf_rd_p=474118173&pf_rd_i=316172011 70
  • 102. 71
  • 103. 71
  • 104. 71
  • 105. Autres possibilités✤ Fil dAriane✤ Jouer sur les styles : gras, italique...✤ Des mots clés, des mots clés, partout, partout!! 72
  • 106. A NE PAS FAIRE ! A NE PAS FAIRE ! A NE PAS FAIRE ! A NE PAS FAIRE !Logo  Client A NE PAS FAIRE !
  • 107. On descend plus vite quʼon ne monte!✤ De nombreuses techniques de référencement existe, plus ou moins en règle avec les normes Google.✤ Utiliser des techniques non autorisées est-il intéressant sur le long terme? NON!✤ Grâce à ses techniques vous monterez aussi vite que vous descendrez dans le classement des moteurs de recherche. 74
  • 108. Le Spamdexing✤ Technique : consiste à rendre visible par un moteur de recherche du texte invisible pour le visiteur.✤ Dissimulation du texte par des faux calques par exemple✤ Multiplication des h1 en DisplayNone✤ Intérêt = aucun pour un site amené à être positionner sur le long terme.✤ Google autorise quelque erreurs de manière exceptionnelle. 75
  • 109. Le Cloaking✤ Technique : consiste à rendre visible par un moteur de recherche des pages invisible pour le visiteur.✤ Technique très utilisé par les marque de luxe il y a quelques années quand il était casi-impossible de référencer correctement les sites en flash.✤ Dans la pratique : utilisation de javascript ou php sur chaque page qui selon la provenance de l’internaute. Si la provenance vient d’une IP Google ou Yahoo c’est le site optimisé pour les moteurs qui sera présenté. 76
  • 110. Duplicate Content✤ Duplication de contenu d’un site sur un autre ou même dans le même site.✤ Même si Google est assez souple sur cette erreure technique, elle ne favorisera pas la montée dans les moteurs.✤ Si le Duplicate content est interprété comme volontaire, Google est sans pitié! 77
  • 111. Le Paid Link✤ Technique : payer des liens en dur afin que ceux ci pointent vers votre site à un annonceur.✤ Objectif : Fausser lalgorithme de Google pour augmenter son positionnement✤ Google a officialisé la définition : Tout achat/vente/location de backlink qui transfert du Page Rank quelque soit le moyen de paiement (euros, dollars, troc, avantages en natures) 78
  • 112. POURCONCLURE...
  • 113. A TRÈS BIENTÔT