CELSA / Master 2 Communication, Médias et Médiatisation Médias infomatisés et stratégies de communication Musique et médias informatisés Cours 4 – Concevoir un site officiel efficace « Passer du site vitrine au site communicatif » 8 janvier 2008 Guillaume Champeau gchampeau@ratiatum.com | www.champeau.info Skype : gchampeau

Déroulement du cours 1. « Les 20 choses à savoir sur la musique en ligne » (Andrew Dubber) ‏ 2. Quelques exemples de sites 3. Travail en groupes

1. « Les 20 choses à savoir sur la musique en ligne » (Andrew Dubber) ‏

2. Quelques exemples de sites

3. Travail en groupes

08/01/08

« Les 20 choses que vous devez savoir... » 1. Ne croyez pas au « buzz » Attention au déterminisme technologique « Tout le monde ment » 08/01/08

1. Ne croyez pas au « buzz »

Attention au déterminisme technologique

« Tout le monde ment »

08/01/08

« Les 20 choses que vous devez savoir... » 2. Ecouter/Aimer/Acheter Particularité de l'industrie musicale Ne fonctionne jamais dans un autre ordre Les extraits de 30 secondes sont contre-productifs « Vous apportez de la valeur, puis alors vous êtes récompensés par de l'argent. Vous n'avez jamais l'argent d'abord, et vous ne décidez jamais de ce qui est la valeur » 08/01/08

2. Ecouter/Aimer/Acheter

Particularité de l'industrie musicale

Ne fonctionne jamais dans un autre ordre

Les extraits de 30 secondes sont contre-productifs

« Vous apportez de la valeur, puis alors vous êtes récompensés par de l'argent. Vous n'avez jamais l'argent d'abord, et vous ne décidez jamais de ce qui est la valeur »

« Les 20 choses que vous devez savoir... » 3. Ce sont les leaders d'opinion qui gouvernent Prolifération des sources d'opinion Importance des bloggeurs en général, et des bloggeurs spécialisés en particulier Les blogs ne parlent que de la musique qu'ils aiment 08/01/08

3. Ce sont les leaders d'opinion qui gouvernent

Prolifération des sources d'opinion

Importance des bloggeurs en général, et des bloggeurs spécialisés en particulier

Les blogs ne parlent que de la musique qu'ils aiment

« Les 20 choses que vous devez savoir... » 3. Ce sont les leaders d'opinion qui gouvernent Comment trouver les bloggeurs influents ? Google, Yahoo... Technorati The Hype Machine ... 08/01/08

3. Ce sont les leaders d'opinion qui gouvernent

Comment trouver les bloggeurs influents ?

Google, Yahoo...

Technorati

The Hype Machine

...

08/01/08

« Les 20 choses que vous devez savoir... » 3. Ce sont les leaders d'opinion qui gouvernent Devenir soi-même un leader d'opinion ? Créer un blog musical Participer activement à des communautés de découvertes musicales (MOG, Last.fm...) ‏ ... 08/01/08

3. Ce sont les leaders d'opinion qui gouvernent

Devenir soi-même un leader d'opinion ?

Créer un blog musical

Participer activement à des communautés de découvertes musicales (MOG, Last.fm...) ‏

...

« Les 20 choses que vous devez savoir... » 4. Personnaliser Tout le monde est différent, votre site doit l'être Il doit refléter qui vous êtes, et la façon dont vous aimez communiquer Il doit être original ... 08/01/08

4. Personnaliser

Tout le monde est différent, votre site doit l'être

Il doit refléter qui vous êtes, et la façon dont vous aimez communiquer

Il doit être original ...

« Les 20 choses que vous devez savoir... » 5. La Longue Traîne « L'ère des hits est terminée » Cf cours N°3 08/01/08

5. La Longue Traîne

« L'ère des hits est terminée »

Cf cours N°3

« Les 20 choses que vous devez savoir... » 6. Web 2.0 « Des environnements dans lesquels nous faisons quelque chose » « Votre site n'est pas une brochure » 08/01/08

6. Web 2.0

« Des environnements dans lesquels nous faisons quelque chose »

« Votre site n'est pas une brochure »

« Les 20 choses que vous devez savoir... » 6. Web 2.0 Traits communs : Davantage des logiciels que des documents Sociaux plutôt que solitaires Environnements dans lesquels vous faites quelque chose Met en oeuvre des UGC Permettent aux utilisateurs d'organiser et de tagger les contenus Différents à chaque fois que vous les lancez Utilisent les flux RSS 08/01/08

6. Web 2.0

Traits communs :

Davantage des logiciels que des documents

Sociaux plutôt que solitaires

Environnements dans lesquels vous faites quelque chose

Met en oeuvre des UGC

Permettent aux utilisateurs d'organiser et de tagger les contenus

Différents à chaque fois que vous les lancez

Utilisent les flux RSS

08/01/08

« Les 20 choses que vous devez savoir... » 7. Connecter Votre site doit se connecter aux autres sites Ne pas négliger les liens vers l'extérieur (vous situe dans un ensemble, éventuellement au centre) ‏ Se connecter à lui-même Moteur de recherche Architecture claire Faire des liens entre les pages Se connecter à d'autres environnements médiatiques 08/01/08

7. Connecter

Votre site doit se connecter aux autres sites

Ne pas négliger les liens vers l'extérieur (vous situe dans un ensemble, éventuellement au centre) ‏

Se connecter à lui-même

Moteur de recherche

Architecture claire

Faire des liens entre les pages

Se connecter à d'autres environnements médiatiques

« Les 20 choses que vous devez savoir... » 8. Promotion croisée Eviter la cloison entre « hors ligne » et « en ligne » Ex : adresse du site sur un flyer Profiter des concerts. Par ex : Photos avec concours Sonnerie/répondeur enregistré(e) pendant le concert Cartes de téléchargement à la sortie ... 08/01/08

8. Promotion croisée

Eviter la cloison entre « hors ligne » et « en ligne »

Ex : adresse du site sur un flyer

Profiter des concerts. Par ex :

Photos avec concours

Sonnerie/répondeur enregistré(e) pendant le concert

Cartes de téléchargement à la sortie

...

« Les 20 choses que vous devez savoir... » 9. Moins de clics Moins il y a de clics à réaliser pour faire quelque chose sur votre site, plus les chances sont grandes que le visiteur effectue cette action. (ex: 1-Click d'Amazon) ‏ Ex : http://www.typerecords.com/ 08/01/08

9. Moins de clics

Moins il y a de clics à réaliser pour faire quelque chose sur votre site, plus les chances sont grandes que le visiteur effectue cette action. (ex: 1-Click d'Amazon) ‏

Ex : http://www.typerecords.com/

08/01/08 1 2 3 4 5

08/01/08 1 2 3 4 5 v 6 ,7,8,... TROP ! ...9,10,11...

« Les 20 choses que vous devez savoir... » 10. Professionnalisme Sur Internet, votre site est ce qui vous permet de faire bonne impression « Tout le monde ment »... faites-le aussi ! « Fake it till you make it » 08/01/08

10. Professionnalisme

Sur Internet, votre site est ce qui vous permet de faire bonne impression

« Tout le monde ment »... faites-le aussi ! « Fake it till you make it »

« Les 20 choses que vous devez savoir... » 10. Professionnalisme Choisissez votre propre nom de domaine (env. 15 euros /an). A éviter : Cenomlaestbeaucouptroplong.com Ecriture compliquée (3leetrekordz.com) ‏ Imprononçables ou difficiles à mémoriser (rcrdlbl.com... ou ratiatum.com) ‏ .com, .net, .fr ou .net déjà pris Réfl échi ssez à la char te grap hique ... Elle doit renforcer l'image que vous voulez donner 08/01/08

10. Professionnalisme

Choisissez votre propre nom de domaine (env. 15 euros /an). A éviter :

Cenomlaestbeaucouptroplong.com

Ecriture compliquée (3leetrekordz.com) ‏

Imprononçables ou difficiles à mémoriser (rcrdlbl.com... ou ratiatum.com) ‏

.com, .net, .fr ou .net déjà pris

Réfl échi ssez à la char te grap hique ...

Elle doit renforcer l'image que vous voulez donner

« Les 20 choses que vous devez savoir... » 10. Professionnalisme Eviter les fautes d'orthographe, de grammaire... Utiliser des photographie de la plus haute qualité possible (possibilité de faire appel à un photographe amateur doué trouvé sur Flickr, par ex.) ‏ 08/01/08

10. Professionnalisme

Eviter les fautes d'orthographe, de grammaire...

Utiliser des photographie de la plus haute qualité possible (possibilité de faire appel à un photographe amateur doué trouvé sur Flickr, par ex.) ‏

« Les 20 choses que vous devez savoir... » 10. Professionnalisme Votre site n'est pas un site « à propos de » votre activité... ... c'est VOTRE activité 08/01/08

10. Professionnalisme

Votre site n'est pas un site « à propos de » votre activité...

... c'est VOTRE activité

« Les 20 choses que vous devez savoir... » 11. La mort de la rareté La gratuité est un atout pour gagner de l'attention Personne ne peut rien « voler », même pas un MP3 Mais vous gagnez de l'attention au détriment de ceux qui surprotègent L'argent va là où est portée l'attention (cf cours n°3 sur la longue traîne) ‏ 08/01/08

11. La mort de la rareté

La gratuité est un atout pour gagner de l'attention

Personne ne peut rien « voler », même pas un MP3

Mais vous gagnez de l'attention au détriment de ceux qui surprotègent

L'argent va là où est portée l'attention

(cf cours n°3 sur la longue traîne) ‏

« Les 20 choses que vous devez savoir... » 12. Identité distribuée Soyez actifs au plus d'endroits possibles (Myspace, Facebook, blogs, forums, emails...) ‏ 08/01/08

12. Identité distribuée

Soyez actifs au plus d'endroits possibles (Myspace, Facebook, blogs, forums, emails...) ‏

« Les 20 choses que vous devez savoir... » 13. SEO (référencement optimisé) ‏ Vous devez aider les moteurs de recherches à aider les internautes à vous trouver 08/01/08

13. SEO (référencement optimisé) ‏

Vous devez aider les moteurs de recherches à aider les internautes à vous trouver

« Les 20 choses que vous devez savoir... » 13. SEO (référencement optimisé)‏ 10 « trucs et astuces » : Metadonnées (surtout <TITLE>, adapté à chaque page )‏ Structure et emphases (<h1>, gras , italique ...)‏ Texte des liens (bannir les « cliquez-ici »)‏ Sitemaps Liens externes vers votre site Contenu (bannir le 100 % Flash, les vidéos non accompagnées...)‏ Choisissez de bons mots clés Mettez à jour le contenu très régulièrement Attention au Flash et au Java/Ajax Gardez votre nom de domaine 08/01/08

13. SEO (référencement optimisé)‏

10 « trucs et astuces » :

Metadonnées (surtout <TITLE>, adapté à chaque page )‏

Structure et emphases (<h1>, gras , italique ...)‏

Texte des liens (bannir les « cliquez-ici »)‏

Sitemaps

Liens externes vers votre site

Contenu (bannir le 100 % Flash, les vidéos non accompagnées...)‏

Choisissez de bons mots clés

Mettez à jour le contenu très régulièrement

Attention au Flash et au Java/Ajax

Gardez votre nom de domaine

« Les 20 choses que vous devez savoir... » 14. Autorisation et personnalisation Laissez vos visiteurs décider (opt-in) ‏ Personnalisez votre contenu (par ex. e-mail pour prévenir d'un concert à Marseille envoyé uniquement aux habitants de PACA) ‏ Facilitez la diffusion virale (« envoyer par e-mail », embeds...) ‏ Evitez les textes/paragraphes à rallonge, personne ne les lit 08/01/08

14. Autorisation et personnalisation

Laissez vos visiteurs décider (opt-in) ‏

Personnalisez votre contenu (par ex. e-mail pour prévenir d'un concert à Marseille envoyé uniquement aux habitants de PACA) ‏

Facilitez la diffusion virale (« envoyer par e-mail », embeds...) ‏

Evitez les textes/paragraphes à rallonge, personne ne les lit

« Les 20 choses que vous devez savoir... » 15. RSS Permet au visiteur d'être informé des mises à jour Push/pull 08/01/08

15. RSS

Permet au visiteur d'être informé des mises à jour

Push/pull

08/01/08

08/01/08

08/01/08

« Les 20 choses que vous devez savoir... » 15. RSS Autres aggrégateurs... Netvibes Newzcrawler (Windows) ‏ NetNewsWire (Mac) ‏ ... Matoumba 08/01/08

15. RSS

Autres aggrégateurs...

Netvibes

Newzcrawler (Windows) ‏

NetNewsWire (Mac) ‏

...

Matoumba

« Les 20 choses que vous devez savoir... » 16. Accessibilité Rendez votre site aussi accessible que possible : Pas d'introduction en Flash qu'il faut « zapper » pour accéder au contenu Pas de design illisible censé « faire joli » Accessibilité aux mal voyants 08/01/08

16. Accessibilité

Rendez votre site aussi accessible que possible :

Pas d'introduction en Flash qu'il faut « zapper » pour accéder au contenu

Pas de design illisible censé « faire joli »

Accessibilité aux mal voyants

« Les 20 choses que vous devez savoir... » 17. Récompenses et incitations Le visiteur doit se sentir « récompensé » d'avoir été sur votre site « L'une des meilleures récompenses possibles pour le client / le public est de se sentir faire partie de quelque chose . Etre membre est une récompense en soi » 08/01/08

17. Récompenses et incitations

Le visiteur doit se sentir « récompensé » d'avoir été sur votre site

« L'une des meilleures récompenses possibles pour le client / le public est de se sentir faire partie de quelque chose . Etre membre est une récompense en soi »

« Les 20 choses que vous devez savoir... » 18. La fréquence fait tout (Loic Le Meur Attitude) ‏ Vous devez faire que vos visiteurs reviennent Utilisez un CMS qui permet les mises à jour facilement Planifiez à l'avance ce dont vous allez parler Apportez du contenu venu d'ailleurs (en citant la source !) ‏ Parlez de l'actualité à travers la vôtre Capturez et parlez de tout !!! (photos, vidéos, histoires...) ‏ 08/01/08

18. La fréquence fait tout (Loic Le Meur Attitude) ‏

Vous devez faire que vos visiteurs reviennent

Utilisez un CMS qui permet les mises à jour facilement

Planifiez à l'avance ce dont vous allez parler

Apportez du contenu venu d'ailleurs (en citant la source !) ‏

Parlez de l'actualité à travers la vôtre

Capturez et parlez de tout !!! (photos, vidéos, histoires...) ‏

« Les 20 choses que vous devez savoir... » 19. Faites-en quelque chose de viral Susciter l'émotion (rire, mélancolie...), avoir une histoire à raconter 08/01/08

19. Faites-en quelque chose de viral

Susciter l'émotion (rire, mélancolie...), avoir une histoire à raconter

« Les 20 choses que vous devez savoir... » 19. Faites-en quelque chose de viral Ex : Kamini 08/01/08 - Ce n'est pas un rappeur connu grâce au net - C'est le seul jeune noir d'un petit village paysan de province, qui veut rapper comme les jeunes du 93

19. Faites-en quelque chose de viral

Ex : Kamini

« Les 20 choses que vous devez savoir... » 19. Faites-en quelque chose de viral Ex : NewNuma.com 08/01/08

19. Faites-en quelque chose de viral

Ex : NewNuma.com

« Les 20 choses que vous devez savoir... » 19. Faites-en quelque chose de viral Facilitez la diffusion virale : Licences Creative Commons (cf cours n°2) ‏ Rendez le contenu copier/collable Rendez le contenu exportable (embeds) ‏ Placez-le sur un maximum de sites « web 2.0 » avec un lien vers votre site officiel 08/01/08

19. Faites-en quelque chose de viral

Facilitez la diffusion virale :

Licences Creative Commons (cf cours n°2) ‏

Rendez le contenu copier/collable

Rendez le contenu exportable (embeds) ‏

Placez-le sur un maximum de sites « web 2.0 » avec un lien vers votre site officiel

« Les 20 choses que vous devez savoir... » 20. Ne pensez plus « produit », vendez de la « relation » La musique n'est pas une industrie, c'est un service iTunes est complètement « old-school » MySpace, Facebook, Live Messenger, Last.fm, Twitter, Skype, Skyblogs, ... vendent de la relation humaine 08/01/08

20. Ne pensez plus « produit », vendez de la « relation »

La musique n'est pas une industrie, c'est un service

iTunes est complètement « old-school »

MySpace, Facebook, Live Messenger, Last.fm, Twitter, Skype, Skyblogs, ... vendent de la relation humaine

Etudes de sites officiels Kamini.fr Radiohead François Corbier Jean-Jacques Goldman Starsailor Lily Allen Jamiroquai The Who Terra Naomi Calogero 08/01/08

Kamini.fr

Radiohead

François Corbier

Jean-Jacques Goldman

Starsailor

Lily Allen

Jamiroquai

The Who

Terra Naomi

Calogero

Speed-designing A vous de concevoir le site internet d'un artiste/groupe/label (virtuel) ! 4 groupes 30 mn de préparation 5-10 mn de présentation 08/01/08

A vous de concevoir le site internet d'un artiste/groupe/label (virtuel) !

4 groupes

30 mn de préparation

5-10 mn de présentation

Speed-designing Groupe 1 : Nom du groupe : The Me Neither Groupe pop-rock irlandais mondialement célèbre, signé chez une major en 1985 A sorti 6 albums Sort son prochain album en avril 2008 Entame une tournée européenne en juin 2008 Concevez le site officiel du groupe hébergé par son label 08/01/08

Groupe 1 :

Nom du groupe : The Me Neither

Groupe pop-rock irlandais mondialement célèbre, signé chez une major en 1985

A sorti 6 albums

Sort son prochain album en avril 2008

Entame une tournée européenne en juin 2008

Concevez le site officiel du groupe hébergé par son label

Speed-designing Groupe 2 : Nom de l'artiste : Maria Papapoulos Violoniste française connue par un petit cercle d'amateurs Donne des concerts de temps en temps dans toute la France, surtout dans le cadre de festivals Concevez son site et une stratégie qui lui permettra d'attirer plus de monde dans ses concerts 08/01/08

Groupe 2 :

Nom de l'artiste : Maria Papapoulos

Violoniste française connue par un petit cercle d'amateurs

Donne des concerts de temps en temps dans toute la France, surtout dans le cadre de festivals

Concevez son site et une stratégie qui lui permettra d'attirer plus de monde dans ses concerts

Speed-designing Groupe 3 : Nom du groupe : Dogz 'n the Gang 4 copains rappeurs de Saint-Denis, connus uniquement dans leur cité Ne donne pas encore de concert Fréquente d'autres groupes de hip hop, certains plus connus Concevez leur site et une stratégie qui leur permettra de se faire connaître 08/01/08

Groupe 3 :

Nom du groupe : Dogz 'n the Gang

4 copains rappeurs de Saint-Denis, connus uniquement dans leur cité

Ne donne pas encore de concert

Fréquente d'autres groupes de hip hop, certains plus connus

Concevez leur site et une stratégie qui leur permettra de se faire connaître

Speed-designing Groupe 4 : Nom de l'artiste : Julie Arrivée 3ème de l'émission Pop Academy en 2002 A sorti un disque de variété qui n'a pas marché en 2004 chez Unique Musique Totalement oubliée du grand public aujourd'hui Sort un disque pop-rock en juillet 2008 chez un label indépendant Concevez son site et une stratégie qui permette de vendre l'album 08/01/08

Groupe 4 :

Nom de l'artiste : Julie

Arrivée 3ème de l'émission Pop Academy en 2002

A sorti un disque de variété qui n'a pas marché en 2004 chez Unique Musique

Totalement oubliée du grand public aujourd'hui

Sort un disque pop-rock en juillet 2008 chez un label indépendant

Concevez son site et une stratégie qui permette de vendre l'album