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

Présentation Mohammed ALAMI
IFT 6804 – 2010
28 avril 2010
Rôle du multimédia en commerce électronique

Plan de la présentation
I. Introduction au multimédia
I.1 Internet au Québec et haut débit
I.2 Utilisation, ergonomie et référencement
II. Catalogues multimédias en commerce électronique
II.1 Le texte
II.2 Les images
II.3 La vidéo
II.3.d L’utilisation de la vidéo en ligne au Québec
II.3.b la vidéo de présentation produit
II.3.e vidéo promotionnelle
III. Conclusion
2
08/05/2010

3

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 produit en commerce
Commerce électronique, multimédia également :
animations virtuelles 2D
animations virtuelles 3D
Vidéos de produits
http://innovablog.com/wp-content/files/2008/07/ecommerce-fiche-produit-retail.png
5

Publicité multimédia e-commerce
Commerce électronique, multimédia également :
Bannière image
Bannière animée
Vidéo promotionnelle
http://www.ilove-web.com/wp-content/uploads/2008/02/shoetube.jpg
6

II.1 Le texte
II.2 Les images
II.3 La vidéo
II.3.a la vidéo de présentation produit
II.3.b L’utilisation de la vidéo en ligne au Québec
II.3.c vidéo promotionnelle
III. Conclusion
7

8

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

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

II.1 Le texte
II.2 Les images
II.3 La vidéo
III. Conclusion
11

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

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

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

II.1 Le texte
II.2 Les images
II.3 La vidéo
III. Conclusion
15

Textes, images et vidéos
16

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

II.1 Le texte
II.2 Les images
II.3 La vidéo
III. Conclusion
18
II.1 Le texte

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
II.1 Le texte

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
II.1 Le texte

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
II.1 Le texte

Résultats naturels moteurs SERPS
Le triangle d’or : les 3 premiers résultats = 60% des clics
2 premiers résultats organiques plus regardés que le 1er lien sponsorisé.
Plus de 80 % des internautes ne vont pas au delà de la première page.
22
II.1 Le texte

Outils d’analyse d’audience
23
II.1 Le texte

RichSnippets et sémantique
résumés textuels, Google cherche balisage RDFa sémantique
pertinence, sémantique et LSI (Latent SemanticIndexing)
Sémantique du code : pratiques pour le rendre plus « lisible »
24
II.1 Le texte

III. Catalogues multimédias en commerce électronique
II.1 Le texte
II.2 Les images
II.3 La vidéo
III. Conclusion
25
II.2 Les images

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
II.2 Les images

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
II.2 Les images

Travaux du professeur Thierry Baccino
principes issus de l’observation des parcours oculaires
28
II.2 Les images

Exposition campagnes publicitaires
exemple de parcours oculaire (Ipsos Media CT, 2009)
29
II.2 Les images

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

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

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
II.2 Les images

Image attrayante à l’écran
33
II.2 Les images

Plan de site pour images
08/05/2010
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>

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
II.2 Les images

II.1 Le texte
II.2 Les images
II.3 La vidéo
III. Conclusion
36
II.3 La vidéo

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
II.3 La vidéo

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
II.3 La vidéo

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
II.3 La vidéo

II.1 Le texte
II.2 Les images
II.3 La vidéo
III. Conclusion
40

Vidéo de présentation produit
http://www.youtube.com/watch?v=M3S6mvhIdwM
41
08/05/2010

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

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

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

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

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

II.1 Le texte
II.2 Les images
II.3 La vidéo
III. Conclusion
47

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

la vidéo une opportunité au Canada
http://www.calitel.eu/wp-content/uploads/2010/03/tv_internet_ipsos.jpg
49

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

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

II.1 Le texte
II.2 Les images
II.3 La vidéo
III. Conclusion
52

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

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

Optimisation des vidéos en ligne
http://www.elliance.com
55

II.1 Le texte
II.2 Les images
II.3 La vidéo
III. Conclusion
56
III. Conclusion

Conclusion
Rôle du multimédia en commerce électronique :
Enrichir le contenu
Améliorer l’expérience utilisateur
Concevoir les publicités
Référencer les produits dans la recherche naturelle
Développer le marketing viral
57
III. Conclusion

Conclusion
Améliorer l’impact du multimédia dans e-commerce:
Procéder aux tests d’utilisabilité pour l’ergonomie des interfaces
Concevoir des contenus multimédias pour le partage (Web 2.0)
Tags de multimédia = contenu sémantique texte (Web 3.0)
III. Conclusion
58

Nouveautés dans l’industrie de la recherche
Quelques informations Extra

Nouveautés moteurs 2010
Généralisation de la recherche universelle à tous les moteurs
Perte de trafic des moteurs vers les réseaux sociaux (Facebook et Youtube)
Nouvelle recherche en temps réel (Google Caféine)
Utilisation sémantique et RDFa dans Google, Bing et Yahoo
Incorporation de la recherche personnalisée.
60
III. Conclusion

Recherche universelle gagne du terrain
61
III. Conclusion

Facebook surpasse Google (13/03/10)
62
III. Conclusion

Web 3.0 = Web sémantique
63
III. Conclusion

Google personnalise les résultats
64
III. Conclusion

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

intervenants projet Web
Responsable du projet ou directeur de projet : coordonne le projet, les équipes et prend les décisions. solide culture généraliste : marketing, technique, management, organisation, communication, gestion financière.
Chef de projet technique : encadre les ingénieurs et est responsable de tous les livrables techniques.
Conseil marketing ou conseil en communication interactive : adéquation stratégie, tactique préconisée par les équipes projet. contenus. animation et la promotion du site
66
08/05/2010

Ergonome :travaille avec web designer aspects de l’interface (navigation, contextes d’utilisation, comportements possibles
Directeur artistique : web designer ou travaille en étroite collaboration avec WD. concevoir la charte graphique du site.
Infographiste/ intégrateur : « templates » et réalise la production des éléments graphiques du site (logos, boutons et autres images).
Concepteur rédacteur :Responsable des contenus, il rédige souvent et est en charge de leur présentation et mise en forme.
67
08/05/2010

Ingénieur : coder pages HTML simples (découpages + intégration html/JavaScript) applications client/serveur (PHP, JSP, BDD...)
Architecte Web : définition fonctionnelle du site, des choix techniques (il peut également être le chef de projet technique.
Ingénieur réseau ou système :maintenance serveur/système, maintenance applicative (serveur web, de base de données, etc.)
Chargé d’études : interface entre la technique (chef projet, ingénieur…) et le client. jeux de tests (données)
68
08/05/2010

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

by Mohammed ALAMI

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 7

Statistics

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

http://www.linkedin.com	3
http://www.slideshare.net	2
http://paper.li	2