1. e-Marketing Présenté par Nicolas Vandenkerckhoven Consultant e-business chez defimedia SA

2. Ergonomie d’un site web

3. 3 Objectifs Un projet Internet réussi : Un trafic important (quantité) Des visiteurs potentiellement intéressés (qualité) Une réelle navigation (attrait) La facilité d'utilisation (efficacité) Tirer bénéfice de la visite (chiffre) Faire revenir des visiteurs (fidélisation)

4. 4 Identification la page d'accueil de votre site est essentielle. En moins de dix secondes, elle doit permettre à l'internaute de savoir qu'il est arrivé sur le site qu'il cherche et qu'il va y trouver ce qu'il recherche. La confiance d'un internaute envers un site (marchand ou pas) est extrêmement sensible du fait de la perte bien connue de repères physiques habituels. Il a besoin d'être rassuré... C'est pourquoi l'identification est primordiale.

5. 5 Identification

6. 6 Pourquoi l’identification ? Les sites anonymessont immédiatement suspects Les utilisateurs cherchent à connaître la personne qui est derrière l'information présentée sur le Web. La biographie et une photo de l'auteur peuvent aider à rendre le Web moins impersonnel et augmentent la confiance dans le contenu. Une rubrique « Qui sommes nous ?» est un complément essentiel à l’information fournie sur la page d’accueil.

7. 7 Importance de la page d’accueil La page d'accueil conditionne largement l'impression générale du site et son temps de consultation. En plus du contenu, vous devez être extrêmement vigilant en respectant les recommandations de base... L’objectif de la page d’accueil est de répondre aux questions : « Où suis-je ? » « Que puis-je faire ici ? »

8. 8 Une page d’accueil légère les analyses comportementales montrent que "pendant le chargement de "pages lourdes", les utilisateurs pointent leur souris de manière aléatoire sur le premier lien qui se présente, alors qu'ils ne disposent pas encore de l'aperçu exhaustif des choix possibles" => concrètement, si votre page d'accueil met plus de 10 secondes à s'afficher, votre visiteur aura tendance à cliquer sur la première bannière de pub vue, dans le pop-up de votre hébergeur, ... ou sur le bouton "précédent" de son navigateur !

9. 9 Organisation du site : introduction Une organisation logique de votre site participe à l'utilisabilité de celui-ci. Pour rendre "intuitif" un site, vous devez proposer une "bonne" page d'accueil, un système de navigation "performant", une présentation homogène mais aussi une organisation rigoureuse. Tout dans votre site, depuis l'organisation des pages jusqu'aux noms des fichiers et des répertoires, doit refléter le professionnalisme et la rigueur.

10. 10 Une organisation trop large

11. 11 Une organisation trop profonde

12. 12 L’image de navigation résultante

13. 13 Une organisation bien structurée Vous pouvez combiner les styles de navigation pour atteindre votre objectif On considère les maximums suivants : Largeur maximale de 7 éléments Profondeur maximale à 3 niveaux

14. 20% 50% 10% 20% Organisation des pages La partie supérieure de l’écran est la plus importante, n’oubliez pas que dès qu’une page devient trop longue, elle prend plus d’un écran Utilisez le blanc ou des couleurs pastelle très claire pour vos fonds Utilisez une typographie qui tranche nettement avec la couleur de fond Réalisez vos pages de manière conventionnelle et simple. Une originalité trop grande peut nuire gravement à la visibilité de vos pages ! 14

15. 15 Soyez cohérant Utilisez le même layout pour toutes les pages de votre site. Cela renforce l’identité du site et la prédictibilité. Utilisez la même typographie dans tous votre site, une bonne technique pour y arriver est d’utiliser des Cascading Style Sheet (CSS)

16. 16 Le header Combien y a-t-il de liens dans les premiers centimètres de votre écran ? Quelle information présente ces premiers centimètres ? Le header contient des informations disponibles de manière semblable dans toutes vos pages. Il est le premier élément d’identité de votre site Il contient Le nom du site Des liens de navigation dans le cas d’une navigation horizontale Des liens particuliers (e-mail,…)

17. 17 Exemple de header

18. 18 Footer Le footer offre uniquement des informations de base à caractère accessoire Il contient Les informations de copyright Des informations sur la page en cours (dernière mise à jour,…) Eventuellement un rappel de la navigation

19. 19 Exemples de footer

20. 20 Longueur des pages Les page d’accueil ne peuvent dépasser un écran. En règle générale on essayera de se limiter à 3 écrans. Si on dépasse 3 écrans, on veillera à fournir un index de la page ainsi que des liens permettant de remonter automatiquement en haut de page. Arriver à plus de 3 écrans veut souvent dire qu’il serait possible de segmenter l’information en plusieurs pages

21. 21 Considérations multi plateformes Essayez vos pages dans plusieurs navigateurs Internet Explorer Netscape Mozilla Opera Evitez les technologies propriétaires Microsoft (Front Page, Documents office, MS-XML,…) Développez votre site avec un outil neutre tel que MacromediaDreamweaver.

22. 22 Frame N’utilisez pas de Frames

23. FRAME 1 FRAME 2 23

24. 24 Les liens externes But de votre page : garder vos utilisateurs ! Liens externes peuvent être appréciables Inclure du contenu dans des frames : Interdit ! Technique de liaisons externes : nouvelle fenêtre

25. 25 Les autres technologies Les nouvelles technologies du Web offrent des possibilités infinies mais : Elles nécessitent un plugin Elles sont souvent lourdes à télécharger Ne les utiliser que si elles servent de contenu et si elles ne peuvent être substituées à une technologie plus légère. Quelques exemples Flash Real Video (Streaming) Java

26. 26 Chiffres Les principaux facteurs de retoursur un site : qualité du contenu : 75 % facilité d'utilisation : 66 % rapidité de téléchargement : 58 % fréquence de mise à jour : 54 % (D'après une enquête du cabinet Forrester)

27. Référencer son site

28. Référencer son site Présentation

29. 29 Pourquoi ? Visibilité Génération de trafic Rentabilité, ROI Maximiser les profits Devancer la concurrence

30. 30 Plusieurs techniques Nom de domaine Référencement classique (optimisation du contenu) Positionnement payant Echange de liens Campagne e-mail Bandeaux publicitaires Portails Marketing viral Blogs, Forums …

31. Référencer son site Nom de domaine

32. 32 Politique des noms de domaine .com, .be, … Les noms de sociétés Les noms de produits Les nomsd’évènements Les mots clés les plus stratégiques

33. 33 Nom de domaine évènementiel

34. 34

35. 35 http://www.chauffage-aterno.com

36. 36 http://www.induscabel-cuisine.be

37. 37 DNS (Domain Server Name) Les noms de domaine sont gérés par des DNS (Domain Name Server)Exemple : www.ovh.fr, www.eurodns.be, www.gandi.net, ...

38. 38 Comment réserver un nom de domaine ? Etape 1 : Aller sur le site d’un DNS Etape 2 : Vérifier si les noms de domaine sont libres Etape 3 : Acheter les noms de domaine en ligne pour un an ou plus

39. Comment réserver un nom de domaine ? 39

40. Comment réserver un nom de domaine ? 40

41. Référencer son site Référencement classique

42. Astuces à connaitre Avoir un site régulièrement mis à jour Sélectionner des mots clés stratégiques : https://adwords.google.com/select/KeywordToolExternal Proposer des titres de pages avec des mots clés Inclure des mots clés dans les URL et utiliser le tiret et pas l’underscore Utiliser les mots clés dans le contenu de la page Utiliser les mots clés dans les liens internes Bien nommer les images du site et mettre des textes alternatifs Redirection en JavaScript ou avec balise META refresh à proscrire Utiliser les balises META description 42

43. Créer une page Facebook, un compte Twitter, un compte Youtube, une page Wikipedia, un blog,… Les optimiser avec les mots clés Faire des liens vers votre site Faire des échanges de liens avec des partenaires Prendre en compte les statistiques de fréquentation du site 43

44. Pièges à éviter Soumettre une page en construction Utiliser des « frames » Mettre du texte dans la même couleur que le fond du site Conserver deux sites avec le même contenu Créer des pages satellites Utiliser Flash ou JavaScript Inscrire le site à n’importe quel systèmes d’échanges de lien Faire des pages orphelines Utiliser des mots clés génériques ou qui ne soient pas directement liés à l’activité du site Avoir des pages dupliquées 44

45. Référencer son site Référencement payant

46. 46 Positionnement payant

47. Qui vient sur mon site Web ?

48. Qui vient sur mon site Web ? Profiling

49. 49 Comprendre le média Les nouvelles technologies de l’information et de la communication (NTIC) amènent de nouvelles règles en Marketing : L’utilisateur a un profil Le média s’adapte à l’utilisateur Le support est multiple

50. 50 L’utilisateur a un profil Que savez vous de votre client lorsqu’il lit votre brochure chez lui ? Quelle information a t’il lu ? Quelle information a t’il survolé ? Y a-t-il un mot précis qui l’a décidé à aller lire une de vos présentations plus en profondeur ? A quel moment s’est il arrêté de lire ?  Impossible à savoir

51. 51 L’utilisateur a un profil Avec les NTIC il est possible de savoir tous ces détails et bien plus encore. Le temps de visite sur votre site Le système d’exploitation / Le navigateur Les pages d’entrées / de sorties Les mots clés introduits dans les moteurs de recherche pour vous trouver Le pays d’origine du visiteur …

52. 52 Le média s’adapte à l’utilisateur L’utilisateur possède un profil  On peut donc configurer le média en fonction de celui-ci Placer les informations qui intéressent l’utilisateur en première page de votre site Envoyer une Newsletter uniquement sur les sujets pour lesquels il a porté un intérêt Envoyer des promotions par SMS sur des points liés à son profil

53. 53 Personnalisation du contenu Adéquation contenu + demande = vente / conviction rapide Adéquation contenu + demande = fidélisation / viral Personnaliser par cookie Personnaliser par login Personnaliser par analyse comportementale

54. 54 Profiling statique L’utilisateur s’enregistre sur votre site et choisit ses préférences dans une liste. Il peut également configurer complètement les informations qui lui seront proposées sur “sa” page d’accueil (après identification) Exemple : myYahoo

55. 55 Site Web et Profil internaute

56. 56 Profiling dynamique Le système stocke les pages visitées par l’utilisateur dans une base de données ou dans des cookies Il propose à l’utilisateur des contenus en relation avec ceux qu’il a précédemment visités Exemple amazon.fr

57. Profiling dynamique 57

58. Qui vient sur mon site Web ? Analyseur de trafic

59. 59 Analyseurs de trafic Le nombre de visites et visiteurs La durée des visites L’adresse IP des visiteurs afin de détecter le pays de celui-ci Le jour de la semaine ou les heures du jour où les visites sont le plus nombreuses Les pages les plus visitées Les types de fichiers ouverts Les différents systèmes d’exploitation utilisés par les visiteurs Les différents types de navigateur utilisés par les visiteurs Les mots clés les plus tapés dans les moteurs de recherche ou dans les annuaires pour atteindre le site …

60. 60 Exemple d’analyseur de trafic Google Analytics *** (gratuit) WebTrends *** (payant) Webalizer ** (gratuit) …

61. 61

62. 62

63. 63

64. 64

65. 65

66. 66

67. e-Marketing

68. e-Marketing Présentation

69. 69 Techniques d’e-Marketing Marketing participatif (jeux, concours,…) Marketing viral Marketing de réseau Fidélisation Profiling et marketing ciblé Prescription

70. e-Marketing Marketing participatif

71. 71 Marketing participatif Organisez des jeux ou des concours depuis votre site Web. Les concours peuvent vous apporter un retour direct par l’utilisation de SMS surtaxés Les jeux doivent généralement nécessiter l’inscription du client ce qui permet de récupérer ses données (toujours proposer l’inscription à la newsletter)

72. 72 Comportements ludiques Attirer par le graphisme Comprendre le fonctionnement de l’internaute joueur Donner envie de jouer Rendre le joueur dépendant Générer l’ambiance du jeu Jouer en réseau ? Rentabiliser, directement ou indirectement !

73. 73

74. 74

75. e-Marketing Marketing viral

76. 76 Marketing Viral Fonction « Envoyez cette information à un ami » sur les pages du site Fonction « Proposez notre newsletter à un ami » Pour les concours, proposer aux participants le moyen d’augmenter leurs chances de gagner s’ils proposent à des amis d’y participer Proposer des systèmes de parrainage Fonction « Envoyez une e-carte à une ami » Partage de l’information avec les réseaux sociaux

77. 77

78. Les bonnes raisons de la présence dans les réseaux sociaux les réseaux sociaux : jouent maintenant un rôle primordial dans toutes les phases, au détriment des sites d’infos traditionnels L’internaute est votre relais, votre ‘supporter’ … Il peut faire entendre son avis … et est écouté … Et les réseaux sociaux jouent un rôle capital dans le référencement des sites dans les moteurs de recherche Absence des raisons sociaux = communication incomplète et illogique 78

79. Que faire dans les réseaux sociaux ? Être présent, c’est bien ! Animer, c’est mieux ! Interagir aussi ! Mettre à jour les contenus Communiquer à la communauté Poussez à relayer : les amis de mes amis sont mes amis … Participer à la communauté … En écrivant ailleurs que sur votre profil, vous vous faites connaître … Et relier sites web et réseaux : « Add this » Partage de contenus 79

80. Quels réseaux sociaux ? Facebook Twitter Youtube Flick’r Les autres réseaux sociaux : Netlog, LinkedIn, Viadeo, Vimeo Les blogs …et les sites d’avis, tels Tripadvisor … et les sites communautaires en général … Note sur les flux RSS 80

81. Être présent sur Facebook ? Progressions de la fréquentation Belgique : 532.000 utilisateurs au 1/7/2008 2.372.000 au 1/7/2009 3.506.000 au 1/7/2010 Soit une croissance de 47,8% en 12 mois et de 559 % en 24 mois France : +/- 19M utilisateurs : + 670% en 24 mois Allemagne : 9M, + 1.500 % en 24 mois 2 milliards d’articles partagés par semaine : quelle dispersion virale ! http://www.nickburcher.com/2010/07/facebook-usage-statistics-by-country.html www.checkfacebook.com 81

82. Facebook en Belgique 50/50 hommes-femmes 50% de francophones, 40% néerlandophones, 10% anglophones tranches âge : <18 : 17% 19-25 ans : 25% 26-35 ans : 30% 36-45 ans : 15% >46 : 13% 82

83. Communiquer sur Facebook Page Fan FB Permet la publication dans l’actualité des fans … diffusion virale Envois d’e-mails sélectifs Groupe Discussions, écrire à tous les membres À animer constamment Agenda / évènements avec inscriptions Multi-medias Caractère addictif : ce que quelqu’un écrit est répercuté dans un ‘fil’ reprenant toutes les informations publiées par les amis => l’aspect 1-1 se démultiplie Publicités ciblées payantes 83

84. Créer une page … 84

85. Créer une page : évitez … De vous servir de votre profil “personnel” pour administrer la page De créer un profil “personnel” pour votre entreprise (contraire au règlement de Facebook) Mais pourquoi pas promouvoir votre entreprise / institution avec votre profil personnel ? + diffusion virale et multiple - mélange vie privée – vie professionnelle 85

86. Pairi Daiza : ami plutôt que fan  86

87. Abbaye de Stavelot : ami plutôt que fan  87

88. 88

89. 89

90. 90

91. Votre site … et Facebook Le bouton ‘J’aime’ … votre site est recommandé par un ami à ses amis, qui ne vous connaissent pas … et vous découvrent, sans effort de votre part, et avec recommandation … 91

92. Twitter Site de « micro-blogging » : 140 caractères maximum Plus de 3 millions de Tweets envoyés par jour On « suit » les personnes qui nous intéressent Liaison avec d’autres réseaux sociaux Moins intéressant pour présenter un lieu Mais permet de donner de l’information, de l’actualité, de commenter les évènements, de promouvoir des promotions, … On peut retweeter un tweet On peut mettre un hashtag : balise pour recherche par mots clés 92

93. 93

94. 94

95. 95

96. 96

97. 97

98. Google Maps 98

99. Youtube 13 heures de vidéo envoyées à la minute sur Youtube On peut créer un profil pour publier des vidéos Et s’en servir pour publier des vidéos sur son propre site web 99

100. Vidéos tagées 100

101. Intégration des vidéos Youtube sur votre site 101

102. Intégration des vidéos Youtube sur votre site 102

103. Les autres réseaux sociaux Netlog : en Flandre Viadeo : en France LinkedIn : plus professionnel …. Surtout orienté sur les personnes Viméo : pour les vidéos Dailymotion : pour les vidéos 103

104. Les blogs Soit avoir des relais de communication, qui reprennent vos informations sur leurs blogs Soit avoir votre propre blog … Avantages : Reprise des contenus par d’autres Fidélisation des visiteurs Amélioration du référencement, car les moteurs de recherche aiment ce qui change beaucoup Amélioration de la popularité du site Question : quid blog versus Facebook ou Twitter ? 104

105. Moteurs de recherche pour blogs www.technorati.com Feedburner Weblogs.com www.Google.com/blogsearch 105

106. Les flux RSS Really Simple Syndication : information « poussée » Récupération ou publication automatique de contenus Soit dans des ‘lecteurs’ (ex: Google reader) Soit sur un site 106

107. 107

108. Remontée automatique des flux RSS de l’OPT 108

109. e-Marketing Fidélisation

110. 110 Fidélisation Ne pas attendre que les internautes viennent chercher l’information sur votre site : il faut amener l’information à eux Newsletter Flash info promotionnels par mail, fax, SMS Syndication du contenu (RSS) Répondre aux e-mails de vos clients dans les plus brefs délais (24 heures max) et employer des systèmes de CRM Attirer les internautes en leur proposant des news régulières et des mises à jour régulières

111. e-Marketing Profiling et Marketing ciblé

112. 112 Profiling et Marketing ciblé Envoyez à vos utilisateurs l’information dont ils ont besoin Prévoyez de demander les préférences de vos utilisateurs dans le formulaire d’inscription à votre newsletter Utilisez ces préférences pour envoyer des informations spécifiques à des groupes d’utilisateurs déterminés Offrez leur de recevoir des News flash SMS sur certains sujets choisis

113. 113 Phases d'une campagne e-communication Acquisition des adresses obtenir un maximum d'adresses ciblées / segmentées avec le consentement de l'internaute Conception du message message correspondant aux objectifs marketing tenant compte des impératifs techniques Génération du fichier source d'après le fichier d'adresses filtrées (extraction) en tenant compte des objectifs de la campagne validation du fichier d'adresses

114. 114 Phases d'une campagne e-communication Envoi des messages Utilisation d'outils spécialisés Génération du message (personnalisations + tracking + OptOut) Réponse aux messages ! Tracking analyse de la campagne (volume,impact,efficacité) re-segmentation des cibles (profil - attente) épuration du fichier (E-Mails invalides, OptOut, …)

115. 115 Gestion des contacts / Segmentation Vous devez disposer d’un outil qui permette de gérer la relation qui existe entre vos contacts et les différentes catégories d’information dont vous disposez. C’est sur cette base que vous allez effectuer la segmentation Votre outil doit également permettre de garder des traces : Des demandes de désinscription Des e-mails invalides Des modifications de préférences quant au contenu

116. 116 Rédaction du message En Texte Compatible avec tous les clients mails Pas très élégant En HTML Peut ne pas être lu correctement sous tous les clients mails Plus lourd (images,…) Plus élégant Plus flexible Le choix peut faire partie des préférences lors de l’inscription de l’utilisateur…

117. 117 Quelques règles d’or pour la rédaction Inspirez confiance (objet, contenu, origine) Les deux seuls éléments visibles: origine et objet Optimisez les ! Soyez concis et clair (forme et fond) Essayez de personnaliser le message (via votre outil) Indiquez clairement l'origine du message (site) HTML  table de largeur 650 pixels max pour impression limiter l'offre pour augmenter l'impact N'oubliez pas le désabonnement  Testez vos messages !!!

118. 118 Sélection de la cible Envoyez votre newsletter générale à toutes les personnes inscrites Envoyez des informations ciblées à des groupes d’intérêt (sur base de la segmentation) Envoyez un Fax ou un SMS très ciblé à des groupes à fort potentiel (éventuellement par sélection manuelle)

119. 119 Bulk Mailing Outlook 10-20 emails max. Envoi lent Utilisez le BCC Bulk Mailers Des dizaines de milliers de mails à l’heure Personnalisation via une base de données Tracking Sociétés spécialisées

120. 120 Tracking Analysez les statistiques de votre site Web suite à la campagne Analysez les statistiques propres à votre outil de Bulk Mailing Répondez aux E-Mails de retour dans les plus brefs délais. Si vous n’êtes pas en mesure de répondre tout de suite, envoyez un E-Mail pour dire que le traitement est en cours (répondeur automatique)

121. Héberger un site web

122. 122 Types d’hébergement Hébergement mutualisé Votre site est héberger un site sur un serveur très puissant et gérer par des professionnels, tout en réduisant les coûts. Les serveurs mutualisés offrent une connectivité redondante, avec fort taux de disponibilité et un monitoring 24x7.Conçu pour l'hébergement de sites de petite taille, sites de E-commerce ou de pages web. Serveur dédié Le serveur dédié est consacré aux besoins d'un client. Il permet un accès aux données rapide et une grande flexibilité pour intégrer des bases de données avancées et des applications e-commerce. L'utilisateur ne partagent ni RAM, ni disque dur ou connexion au switch.Les serveurs peuvent gérer des bases de données lourdes, du streaming vidéo ou des programmes multimédia.

123. 123 Hébergeurs www.ovh.fr www.amen.fr www.hostek.com www.gandi.net …

124. 124 Tarif Le tarif varie en fonction : Du type d’hébergement Du type de site Site statique Site dynamique : avec scripts (PHP, ASP, .NET, …) et/ou base de données De la capacité d’hébergement (Nbre de Giga) De la bande passante Des services associés (backup, support 24h/24, …) …

125. Questions ?

126. 126 Contact Parc CREALYS Rue Phocas Lejeune, 32 5032 Gembloux Rue Natalis, 2 4020 Liège Belgique 2 Tél : +32 (0)81 81 03 81 Fax : +32 (0)81 81 03 88 info@defimedia.be www.defimedia.be