Click here to load reader

Référencement multimédia en commerce électronique au Québec

Embed Size (px)

DESCRIPTION

rôle du multimédia en commerce électronique : référencement et amélioration de l’expérience utilisateur (ergonomie). Le texte, l’image et la vidéo pour une meilleur indexation des catalogues produits e-commerce et augmentation du taux de conversion.

Citation preview

  • 1. Prsentation Mohammed ALAMI
    IFT 6804 2010
    28 avril 2010
    Rle du multimdia en commerce lectronique

2. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

3. I.2 Utilisation, ergonomie et rfrencementII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

4. II.2 Les images 5. II.3 La vido 6. II.3.dLutilisation de la vido en ligne au Qubec 7. II.3.bla vido de prsentation produit 8. II.3.e vido promotionnelleIII. Conclusion
2
Prsentation Mohammed ALAMI
08/05/2010
9. I. Introduction au multimdia
3
Prsentation Mohammed ALAMI
I. Introduction au multimdia
10. Dfinition multimdia
Le mot multimdia est un buzzwordapparu vers la fin des annes 1980, lorsque les CD-ROM se sont dvelopps.
applications qui, grce la mmoire du CD et aux capacits de l'ordinateur, pouvaient gnrer, utiliser ou piloter diffrents mdias
simultanment : musique, son, image, vido, et interface homme-machine interactive (IHM).
4
Prsentation Mohammed ALAMI
I. Introduction au multimdia
11. Prsentation produit en commerce
Commerce lectronique, multimdia galement :

  • animations virtuelles 2D

12. animations virtuelles 3D 13. Vidos de produitshttp://innovablog.com/wp-content/files/2008/07/ecommerce-fiche-produit-retail.png
5
Prsentation Mohammed ALAMI
I. Introduction au multimdia
14. Publicit multimdia e-commerce
Commerce lectronique, multimdia galement :

  • Bannire image

15. Bannire anime 16. Vido promotionnellehttp://www.ilove-web.com/wp-content/uploads/2008/02/shoetube.jpg
6
Prsentation Mohammed ALAMI
I. Introduction au multimdia
17. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

18. I.2 Utilisation, ergonomie et rfrencementII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

19. II.2 Les images 20. II.3 La vido 21. II.3.ala vido de prsentation produit 22. II.3.bLutilisation de la vido en ligne au Qubec 23. II.3.c vido promotionnelleIII. Conclusion
7
Prsentation Mohammed ALAMI
I.1 Internet au Qubec et haut dbit
24. I.2 Internet au Qubec et haut dbit
8
Prsentation Mohammed ALAMI
I.1 Internet au Qubec et haut dbit
25. eMARKETER
23 millions de personnes au Canada se connectent au moins une fois par mois en 2009 (70%)
En 2013, les trois quarts du pays seront des utilisateurs rguliers d'Internet
le Canada compte certains des utilisateurs d'Internet les plus engags, 45 heures et plus en ligne par mois et grands amateurs de la vido en ligne.
9
Prsentation Mohammed ALAMI
I.1 Internet au Qubec et haut dbit
26. Net Tendance
En fvrier 2009, 75,6 % des adultes qubcois ont utilis Internet de faon rgulire, soit au cours des sept derniers jours.
Au mme mois en 2008, 69,4 % des adultes du Qubec utilisaient rgulirement Internet.
10
Prsentation Mohammed ALAMI
I.1 Internet au Qubec et haut dbit
27. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

28. I.2 Utilisation, ergonomie et rfrencementII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

29. II.2 Les images 30. II.3 La vido 31. II.3.ala vido de prsentation produit 32. II.3.bLutilisation de la vido en ligne au Qubec 33. II.3.c vido promotionnelleIII. Conclusion
11
Prsentation Mohammed ALAMI
I.2 Utilisation, ergonomie et rfrencement
34. I.2 Utilisation, ergonomie et rfrencement
Le rich mdia est prconis pour amliorer lexprience de linternaute.
26% se souviennent de ce quils entendent, 43% ce quils voient, 66% ce quils exprimentent(Fradet, 2009)(10 % L, 50 %VE,70 % VEL)
Seulement 0,1% des usagers cliquent sur les bannires. Le multimdia est trs utilis en publicit
12
Prsentation Mohammed ALAMI
I.2 Utilisation, ergonomie et rfrencement
35. Utilisabilit
norme ISO 9241 le degr selon lequel un produit peut tre utilis, par des utilisateurs identifis, pour atteindre des buts dfinis avec efficacit, efficienceet satisfaction, dans un contexte dutilisation spcifi
notion proche ergonomie mais plus large
13
Prsentation Mohammed ALAMI
I.2 Utilisation, ergonomie et rfrencement
36. Visibilit
200 millions de noms de domaines dposs
plus de 70 millions de sites en ligne
1000 milliards de pages indexes par Google en 2008
50000 sites e-commerce en France
>1000 commerces en ligne au Qubec
14
Prsentation Mohammed ALAMI
I.2 Utilisation, ergonomie et rfrencement
37. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

38. I.2 Utilisation, ergonomie et rfrencementII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

39. II.2 Les images 40. II.3 La vido 41. II.3.ala vido de prsentation produit 42. II.3.bLutilisation de la vido en ligne au Qubec 43. II.3.c vido promotionnelleIII. Conclusion
15
Prsentation Mohammed ALAMI
II. Catalogues multimdias en commerce lectronique
44. II. Catalogues multimdias en commerce lectronique
Textes, images et vidos
16
Prsentation Mohammed ALAMI
II. Catalogues multimdias en commerce lectronique
45. Exemple ergonomie : fiche produit
http://webmarketing.20minutes-blogs.fr/media/01/01/697453857.jpg
17
46. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

47. I.2 Utilisation, ergonomie et rfrencementII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

48. II.2 Les images 49. II.3 La vido 50. II.3.ala vido de prsentation produit 51. II.3.bLutilisation de la vido en ligne au Qubec 52. II.3.c vido promotionnelleIII. Conclusion
18
Prsentation Mohammed ALAMI
II.1 Le texte
53. II.1 Le texte
le contenu doit renseigner linternaute sans omettre les moteurs de recherche qui se basent sur ce contenu pour leur indexation
19
Prsentation Mohammed ALAMI
II.1 Le texte
54. Description de produits
Clart et lisibilit = principes de base dune bonne description de produit
contenu intressant, fiche technique.comparatifs et guides dutilisation tlcharger.
optimiser la fiche produits : mettre en vidence une structure avec titre et sous-titre.
20
Prsentation Mohammed ALAMI
II.1 Le texte
55. Smantique et Rfrencement
Rfrencement naturel : optimiser le site pour apparatre sur les rsultats naturels.
Outils danalyse : connatre lefficacit des diffrentes actions doptimisation du site.
Les web analytiques renseignent sur les flux drains via les sources de trafic.
21
Prsentation Mohammed ALAMI
II.1 Le texte
56. Rsultats naturels moteurs SERPS

  • Le triangle dor : les 3 premiers rsultats = 60% des clics

57. 2 premiers rsultats organiques plus regards que le 1er lien sponsoris. 58. Plus de 80 % des internautes ne vont pas au del de la premire page.22
Prsentation Mohammed ALAMI
II.1 Le texte
59. Outils danalyse daudience
23
Prsentation Mohammed ALAMI
II.1 Le texte
60. RichSnippets et smantique

  • rsums textuels, Google cherche balisage RDFa smantique

61. pertinence, smantique et LSI (Latent SemanticIndexing) 62. Smantique du code : pratiques pour le rendre plus lisible 24
Prsentation Mohammed ALAMI
II.1 Le texte
63. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

64. I.2 Utilisation, ergonomie et rfrencementIII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

65. II.2 Les images 66. II.3 La vido 67. II.3.ala vido de prsentation produit 68. II.3.bLutilisation de la vido en ligne au Qubec 69. II.3.c vido promotionnelleIII. Conclusion
25
Prsentation Mohammed ALAMI
II.2 Les images
70. II.2 Les images
Les images attirent lil (et peuvent le distraire de lessentiel).
Les images ne sont pas reconnues par les moteurs
26
Prsentation Mohammed ALAMI
II.2 Les images
71. Ergonomie des interfaces
La loi de la proximit: la vision regroupe les objets qui sont proches
La loi de la similitude: la vision assimile de faon identique les lments qui sont semblables en taille, forme ou couleur.
La loi de la continuit: la vision aura tendance associer les lments qui sont aligns de faon identique.
27
Prsentation Mohammed ALAMI
II.2 Les images
72. Travaux du professeur Thierry Baccino
principes issus de lobservation des parcours oculaires
28
II.2 Les images
73. Exposition campagnes publicitaires
exemple de parcours oculaire (Ipsos Media CT, 2009)
29
II.2 Les images
74. Google a index des milliards d'images
http://weblogs.hitwise.com/us-heather-hopkins/2008/01/google_properties_breakdown.html
http://www.alexa.com/siteinfo/google.ca
30
II.2 Les images
75. La recherche universelle : Dfinition
Popularise en mai 2007 par Google, la recherche universelle dsigne cette avance majeure des moteurs de recherche ajouter des rsultats complmentaires provenant dautres sources que des sites web telles que : photos, vidos, actualits, plans, blogs, shopping.etc.
La recherche universelle est dsormais propose par les 3 moteurs :
31
76. Rfrencement des images
Utiliser un nom de fichier qui contient les mots-cls.
Utilisation des attributs texte Alt (descriptif) et Title (titre)
Contenu textuel avant & aprs l'image influe Google Image Search
Grandes images semblent apparatre plus haut

Optimiser le reste la page web pour lexpression cl
32
Prsentation Mohammed ALAMI
II.2 Les images
77. Image attrayante lcran
33
Prsentation Mohammed ALAMI
II.2 Les images
78. Plan de site pour images
08/05/2010
Prsentation Mohammed ALAMI
34
Depuis 1995, Google Sitemaps a pour but de faciliter l'indexation.
Le moteur de recherche vient de mettre jour le dispositif de cartographie.
il est possible de dsigner une ou plusieurs imagesau sein d'un Sitemapclassique.
Exemple de Sitemap
http://example.com/sample.html http://example.com/image.jpg
79. Protection des droits (RDFa)
crer une page des termes dutilisations



exemple license Termes dutilisation3.0


prouver son antriorit, en publiant par exemple les images sur des sites reconnus, comme Flickr ou Picasa.
35
Prsentation Mohammed ALAMI
II.2 Les images
80. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

81. I.2 Utilisation, ergonomie et rfrencementIII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

82. II.2 Les images 83. II.3 La vido 84. II.3.ala vido de prsentation produit 85. II.3.bLutilisation de la vido en ligne au Qubec 86. II.3.c vido promotionnelleIII. Conclusion
36
Prsentation Mohammed ALAMI
II.3 La vido
87. La vido
Amlioration de lexprience utilisateur
Vido de prsentation produit pour le rfrencement
Vido promotionnelle pour le marketing viral
37
Prsentation Mohammed ALAMI
II.3 La vido
88. Vido et e-commerce
La popularit croissante de la vido a modifi les attentes des consommateurs: facteur de jugement de richesse contenu.
En montrant les caractristiques ou les usages d'un produit, la vido permet l'internaute de mieux se l'approprier et peut le convaincre d'acheter.
Lesconsommateurs peuvent dsormais voir la vido comme une caractristique standard de leur exprience en ligne
38
Prsentation Mohammed ALAMI
II.3 La vido
89. 2 types de vido en e-commerce
Vidos de prsentation incorpores dans des pages de dtails des produits, fournissant des informations sur le produit.
vidos promotionnelles qui montrent les produits dans leur contexte, permettant aux consommateurs de les dcouvrir et dclencher les achats
Peuvent tre combines.
39
Prsentation Mohammed ALAMI
II.3 La vido
90. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

91. I.2 Utilisation, ergonomie et rfrencementIII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

92. II.2 Les images 93. II.3 La vido 94. II.3.ala vido de prsentation produit 95. II.3.bLutilisation de la vido en ligne au Qubec 96. II.3.c vido promotionnelleIII. Conclusion
40
Prsentation Mohammed ALAMI
II.3.ala vido de prsentation produit
97. Vido de prsentation produit
http://www.youtube.com/watch?v=M3S6mvhIdwM
41
08/05/2010
98. La vido>> attributs de l'article
http://webmarketing.20minutes-blogs.fr/media/01/01/697453857.jpg
42
99. hberger la vido sur des plateformes
http://www.tubemogul.com : unique point daccs pour dployer des vidos :YouTube, Metacafe, MySpace, Yahoo!, Kewego, Dailymotion
43
II.3.ala vido de prsentation produit
100. Rfrencement de la vido produit
proposer aux robots du contenu quils pourront comprendre
ici le texte alternatif la vido. Quelques mots-cls
Google reconnat, depuis mai 2009, deux formats de balisage Facebook Share et Yahoo! SearchMonkey (RDFa).
crer un plan de site en utilisant les balises spcifiques aux vidos
44
Prsentation Mohammed ALAMI
II.3.ala vido de prsentation produit
101. Rfrencement RDFa



La norme HTML5 introduit la balise HTML .
45
Prsentation Mohammed ALAMI
II.3.ala vido de prsentation produit
102. Exemple d'entre de sitemap vidos

http://www.example.com/videos/une_page_de_destination_video.html

http://www.site.com/video123.flvhttp://www.site.com/videoplayer.swf?video=123http://www.example.com/thumbs/123.jpgBarbecue en tPour des grillades russies4.2123452007-11-05T19:20:30+08:00.2009-11-05T19:20:30+08:00.grilladesviandetbarbecueyes2009-11-05T19:20:30+08:00600

46
Prsentation Mohammed ALAMI
II.3.ala vido de prsentation produit
103. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

104. I.2 Utilisation, ergonomie et rfrencementIII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

105. II.2 Les images 106. II.3 La vido 107. II.3.ala vido de prsentation produit 108. II.3.bLutilisation de la vido en ligne au Qubec 109. II.3.c vido promotionnelleIII. Conclusion
47
Prsentation Mohammed ALAMI
II.3.bLutilisation de la vido en ligne au Qubec
110. La vido en ligne au Qubec
Au Canada, Q4 2009, Youtube 21,31 % de part de visites, juste derrire Facebook avec son score de 58,60 % (eMarketer 2009)
48
Prsentation Mohammed ALAMI
II.3.bLutilisation de la vido en ligne au Qubec
111. la vido une opportunit au Canada
http://www.calitel.eu/wp-content/uploads/2010/03/tv_internet_ipsos.jpg
49
Prsentation Mohammed ALAMI
II.3.bLutilisation de la vido en ligne au Qubec
112. Le Qubec : manque de contenu
les entreprises du Qubec manquent le train de la vido en ligne (Baromtre multiple-media.com )
Prs de la moiti des entreprises du Qubec (45 %) ne produisent jamais de vidos
Seulement 8 % des entreprises du Qubec utilisent YouTubedans leur stratgie de marketing en ligne
50
Prsentation Mohammed ALAMI
II.3.bLutilisation de la vido en ligne au Qubec
113. Les produits ailleurs que sur le site
http://www.dailymotion.com/video/x4dall_nike-air-180_creation
38% des pages de rsultats naturels de Google incluent un rsultat ddi la vido (Comscore , 2008)
51
Prsentation Mohammed ALAMI
II.3.bLutilisation de la vido en ligne au Qubec
114. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

115. I.2 Utilisation, ergonomie et rfrencementIII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

116. II.2 Les images 117. II.3 La vido 118. II.3.ala vido de prsentation produit 119. II.3.bLutilisation de la vido en ligne au Qubec 120. II.3.c vido promotionnelleIII. Conclusion
52
Prsentation Mohammed ALAMI
II.3.c vido promotionnelle
121. Vido promotionnelle
La vido est un canal marketing formidable de par les possibilits d'expression trs larges qu'il permet
indexation des produits, des services et des personnes qui font partie intgrante d'une entreprise
accrotre sa visibilit auprs des moteurs de recherche et la Communaut web : marketing viral
53
Prsentation Mohammed ALAMI
II.3.c vido promotionnelle
122. Rfrencement vidos promotionnelles
publier la vido sur autant de plateformes que possible : Google Video,Yahoo! Video, Daily Motion, MySpaceTV, MetaCafe, Revver, Veoh, Blinkx, Break
dterminer les mots cls. les mettre dans le titre de la Vido ainsi que dans le nom. Tags et descriptionsur plateformes.
Soigner la vignette qui apparat dans les recherches.Mettre lurl du site sur les plateforme . le nom du site en filigrane.
54
Prsentation Mohammed ALAMI
II.3.c vido promotionnelle
123. Optimisation des vidos en ligne
http://www.elliance.com
55
Prsentation Mohammed ALAMI
II.3.c vido promotionnelle
124. Plan de la prsentation
I. Introduction au multimdia

  • I.1 Internet au Qubec et haut dbit

125. I.2 Utilisation, ergonomie et rfrencementIII. Catalogues multimdias en commerce lectronique

  • II.1 Le texte

126. II.2 Les images 127. II.3 La vido 128. II.3.ala vido de prsentation produit 129. II.3.bLutilisation de la vido en ligne au Qubec 130. II.3.c vido promotionnelleIII. Conclusion
56
Prsentation Mohammed ALAMI
III. Conclusion
131. Conclusion
Rle du multimdia en commerce lectronique :

  • Enrichir le contenu

132. Amliorer lexprience utilisateur 133. Concevoir les publicits 134. Rfrencer les produits dans la recherche naturelle 135. Dvelopper le marketing viral57
Prsentation Mohammed ALAMI
III. Conclusion
136. Conclusion
Amliorer limpact du multimdia dans e-commerce:

  • Procder aux tests dutilisabilit pour lergonomie des interfaces

137. Concevoir des contenus multimdias pour le partage (Web 2.0) 138. Tags de multimdia = contenu smantique texte (Web 3.0)III. Conclusion
Prsentation Mohammed ALAMI
58
139. Nouveauts dans lindustrie de la recherche
Quelques informations Extra
140. Nouveauts moteurs 2010

  • Gnralisation de la recherche universelle tous les moteurs

141. Perte de trafic des moteurs vers les rseaux sociaux (Facebook et Youtube) 142. Nouvelle recherche en temps rel (Google Cafine) 143. Utilisation smantique et RDFa dans Google, Bing et Yahoo 144. Incorporation de la recherche personnalise.60
Prsentation Mohammed ALAMI
III. Conclusion
145. Recherche universelle gagne du terrain
61
Prsentation Mohammed ALAMI
III. Conclusion
146. Facebook surpasse Google (13/03/10)
62
Prsentation Mohammed ALAMI
III. Conclusion
147. Web 3.0 = Web smantique
63
III. Conclusion
148. Google personnalise les rsultats
64
III. Conclusion
149. Un projet Web !
Qui fait quoi ?
Rles des diffrents intervenants
150. intervenants projet Web
Responsable du projet ou directeur de projet : coordonne le projet, les quipes et prend les dcisions. solide culture gnraliste : marketing, technique, management, organisation, communication, gestion financire.
Chef de projet technique : encadre les ingnieurs et est responsable de tous les livrables techniques.
Conseil marketing ou conseil en communication interactive : adquation stratgie, tactique prconise par les quipes projet. contenus. animation et la promotion du site
66
Prsentation Mohammed ALAMI
08/05/2010
151. intervenants projet Web
Ergonome :travaille avec web designer aspects de linterface (navigation, contextes dutilisation, comportements possibles
Directeur artistique : web designer ou travaille en troite collaboration avec WD. concevoir la charte graphique du site.
Infographiste/ intgrateur : templates et ralise la production des lments graphiques du site (logos, boutons et autres images).
Concepteur rdacteur :Responsable des contenus, ilrdige souvent et est en charge de leur prsentation et mise en forme.
67
Prsentation Mohammed ALAMI
08/05/2010
152. intervenants projet Web
Ingnieur : coder pages HTML simples (dcoupages + intgration html/JavaScript) applications client/serveur (PHP, JSP, BDD...)
Architecte Web : dfinition fonctionnelle du site, des choix techniques (il peut galement tre le chef de projet technique.
Ingnieur rseau ou systme :maintenance serveur/systme, maintenance applicative (serveur web, de base de donnes, etc.)
Charg dtudes : interface entre la technique (chef projet, ingnieur) et le client.jeux de tests (donnes)
68
Prsentation Mohammed ALAMI
08/05/2010