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.

1. Présentation Mohammed ALAMI 28 avril 2010 Rôle du multimédia en commerce électronique (référencement)

4. II.2 Les images

5. II.3 La vidéo

6. II.3.d L’utilisation de la vidéo en ligne au Québec

7. II.3.b la vidéo de présentation produit

8. II.3.e vidéo promotionnelleIII. Conclusion 2 Présentation Mohammed ALAMI 12/02/2011

9. I. Introduction au multimédia 3 Présentation Mohammed ALAMI I. Introduction au multimédia

10. Définition multimédia Le mot multimédia est un buzzword apparu vers la fin des années 1980, lorsque les CD-ROM se sont développés. applications qui, grâce à la mémoire du CD et aux capacités de l'ordinateur, pouvaient générer, utiliser ou piloter différents médias simultanément : musique, son, image, vidéo, et interface homme-machine interactive (IHM). 4 Présentation Mohammed ALAMI I. Introduction au multimédia

12. animations virtuelles 3D

13. Vidéos de produitshttp://innovablog.com/wp-content/files/2008/07/ecommerce-fiche-produit-retail.png 5 Présentation Mohammed ALAMI I. Introduction au multimédia

15. Bannière animée

16. Vidéo promotionnellehttp://www.ilove-web.com/wp-content/uploads/2008/02/shoetube.jpg 6 Présentation Mohammed ALAMI I. Introduction au multimédia

19. II.2 Les images

20. II.3 La vidéo

21. II.3.a la vidéo de présentation produit

22. II.3.b L’utilisation de la vidéo en ligne au Québec

23. II.3.c vidéo promotionnelleIII. Conclusion 7 Présentation Mohammed ALAMI I.1 Internet au Québec et haut débit

24. I.2 Internet au Québec et haut débit 8 Présentation Mohammed ALAMI I.1 Internet au Québec et haut débit

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 réguliers d'Internet le Canada compte certains des utilisateurs d'Internet les plus engagés, 45 heures et plus en ligne par mois et grands amateurs de la vidéo en ligne. 9 Présentation Mohammed ALAMI I.1 Internet au Québec et haut débit

26. Net Tendance En février 2009, 75,6 % des adultes québécois ont utilisé Internet de façon régulière, soit au cours des sept derniers jours. Au même mois en 2008, 69,4 % des adultes du Québec utilisaient régulièrement Internet. 10 Présentation Mohammed ALAMI I.1 Internet au Québec et haut débit

29. II.2 Les images

30. II.3 La vidéo

31. II.3.a la vidéo de présentation produit

32. II.3.b L’utilisation de la vidéo en ligne au Québec

33. II.3.c vidéo promotionnelleIII. Conclusion 11 Présentation Mohammed ALAMI I.2 Utilisation, ergonomie et référencement

34. I.2 Utilisation, ergonomie et référencement Le rich média est préconisé pour améliorer l’expérience de l‘internaute. 26% se souviennent de ce qu’ils entendent, 43% ce qu’ils voient, 66% ce qu’ils expérimentent (Fradet, 2009)(10 % L, 50 % VE, 70 % VEL) Seulement 0,1% des usagers cliquent sur les bannières. Le multimédia est très utilisé en publicité 12 Présentation Mohammed ALAMI I.2 Utilisation, ergonomie et référencement

35. Utilisabilité norme ISO 9241« le degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifié » notion proche ergonomie mais plus large 13 Présentation Mohammed ALAMI I.2 Utilisation, ergonomie et référencement

36. Visibilité 200 millions de noms de domaines déposés plus de 70 millions de sites en ligne 1000 milliards de pages indexées par Google en 2008 50000 sites e-commerce en France >1000 commerces en ligne au Québec 14 Présentation Mohammed ALAMI I.2 Utilisation, ergonomie et référencement

39. II.2 Les images

40. II.3 La vidéo

41. II.3.a la vidéo de présentation produit

42. II.3.b L’utilisation de la vidéo en ligne au Québec

43. II.3.c vidéo promotionnelleIII. Conclusion 15 Présentation Mohammed ALAMI II. Catalogues multimédias en commerce électronique

44. II. Catalogues multimédias en commerce électronique Textes, images et vidéos 16 Présentation Mohammed ALAMI II. Catalogues multimédias en commerce électronique

45. Exemple ergonomie : fiche produit http://webmarketing.20minutes-blogs.fr/media/01/01/697453857.jpg 17

48. II.2 Les images

49. II.3 La vidéo

50. II.3.a la vidéo de présentation produit

51. II.3.b L’utilisation de la vidéo en ligne au Québec

52. II.3.c vidéo promotionnelleIII. Conclusion 18 Présentation Mohammed ALAMI II.1 Le texte

53. II.1 Le texte le contenu doit renseigner l’internaute sans omettre les moteurs de recherche qui se basent sur ce contenu pour leur indexation 19 Présentation Mohammed ALAMI II.1 Le texte

54. Description de produits Clarté et lisibilité = principes de base d’une bonne description de produit contenu intéressant, fiche technique. comparatifs et guides d’utilisation à télécharger. optimiser la fiche produits : mettre en évidence une structure avec titre et sous-titre. 20 Présentation Mohammed ALAMI II.1 Le texte

55. Sémantique et Référencement Référencement naturel : optimiser le site pour apparaître sur les résultats naturels. Outils d’analyse : connaître l’efficacité des différentes actions d’optimisation du site. Les web analytiques renseignent sur les flux drainés via les sources de trafic. 21 Présentation Mohammed ALAMI II.1 Le texte

57. 2 premiers résultats organiques plus regardés que le 1er lien sponsorisé.

58. Plus de 80 % des internautes ne vont pas au delà de la première page. 22 Présentation Mohammed ALAMI II.1 Le texte

59. Outils d’analyse d’audience 23 Présentation Mohammed ALAMI II.1 Le texte

61. pertinence, sémantique et LSI (Latent SemanticIndexing)

62. Sémantique du code : pratiques pour le rendre plus « lisible » 24 Présentation Mohammed ALAMI II.1 Le texte

65. II.2 Les images

66. II.3 La vidéo

67. II.3.a la vidéo de présentation produit

68. II.3.b L’utilisation de la vidéo en ligne au Québec

69. II.3.c vidéo promotionnelleIII. Conclusion 25 Présentation Mohammed ALAMI II.2 Les images

70. II.2 Les images Les images attirent l’œil (et peuvent le distraire de l’essentiel). Les images ne sont pas reconnues par les moteurs 26 Présentation 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 façon identique les éléments qui sont semblables en taille, forme ou couleur. La loi de la continuité : la vision aura tendance à associer les éléments qui sont alignés de façon identique. 27 Présentation Mohammed ALAMI II.2 Les images

72. Travaux du professeur Thierry Baccino principes issus de l’observation 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 : Définition Popularisée en mai 2007 par Google, la recherche universelle désigne cette avancée majeure des moteurs de recherche à ajouter des résultats complémentaires provenant d’autres sources que des sites web telles que : photos, vidéos, actualités, plans, blogs, shopping….etc. La recherche universelle est désormais proposée par les 3 moteurs : 31

76. Référencement des images Utiliser un nom de fichier qui contient les mots-clés. Utilisation des attributs texte Alt (descriptif) et Title (titre) Contenu textuel avant & après l'image influe Google Image Search Grandes images semblent apparaître plus haut <imgsrc=" exemple.jpg" alt="exemple" title="exemple" width="306" height="306"> Optimiser le reste la page web pour l’expression clé 32 Présentation Mohammed ALAMI II.2 Les images

77. Image attrayante à l’écran 33 Présentation Mohammed ALAMI II.2 Les images

78. Plan de site pour images 12/02/2011 Présentation 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 désigner une ou plusieurs images au sein d'un Sitemap classique. Exemple de Sitemap <?xml version="1.0" encoding="UTF-8"?><urlsetxmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html</loc> <image:image> <image:loc>http://example.com/image.jpg</image:loc> </image:image> </url></urlset>

79. Protection des droits (RDFa) créer une page des termes d’utilisations <div about="image.jpg"> <imgsrc="image.jpg"> <a rel="license" href="http://exemple.org/licenses/by-sa/3.0/"> exemple license Termes d’utilisation 3.0</a> </div> prouver son antériorité, en publiant par exemple les images sur des sites reconnus, comme Flickr ou Picasa. 35 Présentation Mohammed ALAMI II.2 Les images

82. II.2 Les images

83. II.3 La vidéo

84. II.3.a la vidéo de présentation produit

85. II.3.b L’utilisation de la vidéo en ligne au Québec

86. II.3.c vidéo promotionnelleIII. Conclusion 36 Présentation Mohammed ALAMI II.3 La vidéo

87. La vidéo Amélioration de l’expérience utilisateur Vidéo de présentation produit pour le référencement Vidéo promotionnelle pour le marketing viral 37 Présentation Mohammed ALAMI II.3 La vidéo

88. Vidéo et e-commerce La popularité croissante de la vidéo a modifié les attentes des consommateurs : facteur de jugement de richesse contenu. En montrant les caractéristiques ou les usages d'un produit, la vidéo permet à l'internaute de mieux se l'approprier et peut le convaincre d'acheter. Les consommateurs peuvent désormais voir la vidéo comme une caractéristique standard de leur expérience en ligne 38 Présentation Mohammed ALAMI II.3 La vidéo

89. 2 types de vidéo en e-commerce Vidéos de présentation incorporées dans des pages de détails des produits, fournissant des informations sur le produit. vidéos promotionnelles qui montrent les produits dans leur contexte, permettant aux consommateurs de les découvrir et déclencher les achats Peuvent être combinées. 39 Présentation Mohammed ALAMI II.3 La vidéo

92. II.2 Les images

93. II.3 La vidéo

94. II.3.a la vidéo de présentation produit

95. II.3.b L’utilisation de la vidéo en ligne au Québec

96. II.3.c vidéo promotionnelleIII. Conclusion 40 Présentation Mohammed ALAMI II.3.a la vidéo de présentation produit

97. Vidéo de présentation produit http://www.youtube.com/watch?v=M3S6mvhIdwM 41 12/02/2011

98. La vidéo >> attributs de l'article http://webmarketing.20minutes-blogs.fr/media/01/01/697453857.jpg 42

99. héberger la vidéo sur des plateformes http://www.tubemogul.com : unique point d’accès pour déployer des vidéos : YouTube, Metacafe, MySpace, Yahoo!, Kewego, Dailymotion 43 II.3.a la vidéo de présentation produit

100. Référencement de la vidéo produit proposer aux robots du contenu qu’ils pourront comprendre <object type="application/x-shockwave-flash" data="animation.swf"><paramname="movie" value="animation.swf" /><paramname="wmode" value="transparent" />ici le texte alternatif à la vidéo. Quelques mots-clés </object> Google reconnaît, depuis mai 2009, deux formats de balisage Facebook Share et Yahoo! SearchMonkey (RDFa). créer un plan de site en utilisant les balises spécifiques aux vidéos 44 Présentation Mohammed ALAMI II.3.a la vidéo de présentation produit

101. Référencement RDFa <objectwidth="512" height="296" rel="media:video" resource="http://example.com/video_object.swf?id=12345xmlns:media=http://search.yahoo.com/searchmonkey/media/xmlns:dc="http://purl.org/dc/terms/"> <paramname="movie" value="http://example.com/video_object.swf?id=12345" /> <embedsrc=http://example.com/video_object.swf?id=12345 type="application/x-shockwave-flash" width="512" height="296"> <a rel="media:thumbnail" href="http://example.com/thumbnail_preview.jpg" /><a rel="dc:license" href="http://example.com/terms_of_service.html" /><spanproperty="dc:description" content="CuteOverloaddefinesBaroo? as: Dogspeak for 'Whut the...?'Frequentlyaccompanied by the Canine Tilt and/or wrinkledbrow for enhancedeffect." /><spanproperty="media:title" content="Baroo? - cutepuppies" /><spanproperty="media:width" content="512" /><spanproperty="media:height" content="296" /><spanproperty="media:type" content="application/x-shockwave-flash" /><spanproperty="media:region" content="us" /><spanproperty="media:region" content="uk" /><spanproperty="media:duration" content="63" /></object> La norme HTML5 introduit la balise HTML <video>. 45 Présentation Mohammed ALAMI II.3.a la vidéo de présentation produit

102. Exemple d'entrée de sitemap vidéos <urlsetxmlns=http://www.sitemaps.org/schemas/sitemap/0.9xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url> <loc>http://www.example.com/videos/une_page_de_destination_video.html</loc> <video:video> <video:content_loc>http://www.site.com/video123.flv</video:content_loc><video:player_locallow_embed="yes" autoplay="ap=1">http://www.site.com/videoplayer.swf?video=123</video:player_loc><video:thumbnail_loc>http://www.example.com/thumbs/123.jpg</video:thumbnail_loc><video:title>Barbecue en été</video:title> <video:description>Pour des grillades réussies</video:description><video:rating>4.2</video:rating><video:view_count>12345</video:view_count><video:publication_date>2007-11-05T19:20:30+08:00.</video:publication_date><video:expiration_date>2009-11-05T19:20:30+08:00.</video:expiration_date><video:tag>grillades</video:tag><video:tag>viande</video:tag><video:tag>été</video:tag><video:category>barbecue</video:category><video:family_friendly>yes</video:family_friendly><video:expiration_date>2009-11-05T19:20:30+08:00</video:expiration_date><video:duration>600</video:duration></video:video> </url></urlset> 46 Présentation Mohammed ALAMI II.3.a la vidéo de présentation produit

105. II.2 Les images

106. II.3 La vidéo

107. II.3.a la vidéo de présentation produit

108. II.3.b L’utilisation de la vidéo en ligne au Québec

109. II.3.c vidéo promotionnelleIII. Conclusion 47 Présentation Mohammed ALAMI II.3.b L’utilisation de la vidéo en ligne au Québec

110. La vidéo en ligne au Québec Au Canada, Q4 2009, Youtube 21,31 % de part de visites, juste derrière Facebook avec son score de 58,60 % (eMarketer 2009) 48 Présentation Mohammed ALAMI II.3.b L’utilisation de la vidéo en ligne au Québec

111. la vidéo une opportunité au Canada http://www.calitel.eu/wp-content/uploads/2010/03/tv_internet_ipsos.jpg 49 Présentation Mohammed ALAMI II.3.b L’utilisation de la vidéo en ligne au Québec

112. Le Québec : manque de contenu les entreprises du Québec manquent le train de la vidéo en ligne (Baromètre multiple-media.com ) Près de la moitié des entreprises du Québec (45 %) ne produisent jamais de vidéos Seulement 8 % des entreprises du Québec utilisent YouTube dans leur stratégie de marketing en ligne 50 Présentation Mohammed ALAMI II.3.b L’utilisation de la vidéo en ligne au Québec

113. Les produits ailleurs que sur le site http://www.dailymotion.com/video/x4dall_nike-air-180_creation 38% des pages de résultats naturels de Google incluent un résultat dédié à la vidéo (Comscore , 2008) 51 Présentation Mohammed ALAMI II.3.b L’utilisation de la vidéo en ligne au Québec

116. II.2 Les images

117. II.3 La vidéo

118. II.3.a la vidéo de présentation produit

119. II.3.b L’utilisation de la vidéo en ligne au Québec

120. II.3.c vidéo promotionnelleIII. Conclusion 52 Présentation Mohammed ALAMI II.3.c vidéo promotionnelle

121. Vidéo promotionnelle La vidéo est un canal marketing formidable de par les possibilités d'expression très larges qu'il permet indexation des produits, des services et des personnes qui font partie intégrante d'une entreprise accroître sa visibilité auprès des moteurs de recherche et la « Communauté web » : marketing viral 53 Présentation Mohammed ALAMI II.3.c vidéo promotionnelle

122. Référencement vidéos promotionnelles publier la vidéo sur autant de plateformes que possible : Google Video, Yahoo! Video, Daily Motion, MySpaceTV, MetaCafe, Revver, Veoh, Blinkx, Break déterminer les mots clés. les mettre dans le titre de la Vidéo ainsi que dans le nom. Tags et description sur plateformes. Soigner la vignette qui apparaît dans les recherches. Mettre l’url du site sur les plateforme . le nom du site en filigrane. 54 Présentation Mohammed ALAMI II.3.c vidéo promotionnelle

123. Optimisation des vidéos en ligne http://www.elliance.com 55 Présentation Mohammed ALAMI II.3.c vidéo promotionnelle

126. II.2 Les images

127. II.3 La vidéo

128. II.3.a la vidéo de présentation produit

129. II.3.b L’utilisation de la vidéo en ligne au Québec

130. II.3.c vidéo promotionnelleIII. Conclusion 56 Présentation Mohammed ALAMI III. Conclusion

132. Améliorer l’expérience utilisateur

133. Concevoir les publicités

134. Référencer les produits dans la recherche naturelle

135. Développer le marketing viral57 Présentation Mohammed ALAMI III. Conclusion

137. Concevoir des contenus multimédias pour le partage (Web 2.0)

138. Tags de multimédia = contenu sémantique texte (Web 3.0)III. Conclusion Présentation Mohammed ALAMI 58

139. Un projet Web ! Qui fait quoi ? Rôles des différents intervenants