Formation dispensée par Amaranthe dans divers centres d'accompagnement des futurs entrepreneurs. Durée : 1 journée ou 1/2 journée

1. Bien démarrer sur Internet
Atelier pour porteurs de projet
Sylvie de Meeûs

2. Objectifs de la formation
Vous donner des outils et
informations concrètes pour :
• Transformer les objectifs marketing de votre
entreprise en objectifs Internet
• Penser « stratégie web » plutôt que « site web »
• Démarrer votre site sur de bonnes bases
2

3. Avertissement
THERE AIN'T
NO SUCH THING
AS A FREE LUNCH
le gratuit n’existe pas
3

4. PARTIE 1. PLANTER LE DECOR
4

5. Exercice pratique
Définissez en 2 paragraphes
tout ce qu’il faut savoir sur l’entreprise
ce qu’elle fait
comment
pourquoi
Ce texte d’introduction doit être rédigé de manière telle qu’un étranger
qui n’aurait jamais entendu parler de l’entreprise puisse rapidement
comprendre de quoi on parle.
5

6. PARTIE 2. SAVOIR CE QUE L’ON VEUT
6

7. Le web marketing
Acquisition Fidélisation
Conversion Réputation

8. Exercice pratique
Donnez
les objectifs du site
la cible
la valeur ajoutée
(pourquoi est-ce mieux chez vous qu’ailleurs ?)
8

9. Exemples d’objectifs
• Renforcer sa notoriété, son image de marque
• Prouver son expertise
• Valoriser ses produits
• Conquérir de nouveaux marchés
• Attirer de nouveaux clients, membres, visiteurs,
lecteurs, spectateurs,…
• Diffuser ses idées
• Partager sa passion
9

10. Exemples d’objectifs
• Attaquer ses concurrents
• Attirer des candidats qualifiés
• Fidéliser ses clients / prospects / partenaires /
membres
• Faciliter l’échange d’information avec ses
partenaires
• Vendre en ligne
• Faire des économies (ex : help-desk)
10

11. PARTIE 3. FAIRE LES BONS CHOIX
11

12. 2. Blog ou site web ?
Le blog Le site
12

13. Différences blog / site
Le blog Le site
• Contenu peu structuré • Contenu très structuré
(catégories) (menus)
• Page d’accueil = dernier • Page d’accueil = porte
article d’entrée vers les contenus
• Peu de contenu au début • 80% du contenu au
mais augmente rapidement lancement
• Un auteur individuel ou des • Auteur = société
individus dans une société Personnes de contact
• Dialogue • Ton formel
13

14. Différence blog / site
Le blog Le site
Vous écrivez Vous parlez de VOUS
POUR
votre communauté
14

15. 10 étapes pour un site efficace
• Le nom de domaine
• Structure et navigation
• La page d’accueil
• Les pages internes
• Habiller son site
• Valoriser le message
• Outils et CMS (Content Management Systems)
• Le référencement
• Google Analytics
•
15 Le cahier des charges

16. 1. Le nom de domaine
• Facile à mémoriser
• Facile à donner oralement (tirets, pluriel,…)
• Cohérent avec votre marque
• Cohérent avec votre cible (.be, .eu, .com)
• Unique et sans équivoque
• Conseil :
www.monnom.be ou .com 
www.mon-produit.com 
16

17. Pour aller plus loin :
• Trouver un domaine disponible :
• http://www.dns.be
• http://www.enameco.com
• Réserver son domaine
• http://www.register.be
• http://www.ovh.com (avec hébergement)
• Sur le blog d’Amaranthe :
• Comment choisir sa marque, son nom de société ?
• Quelques conseils pour bien choisir son nom de
domaine
• N’attendez plus pour créer votre compte Twitter !
17

18. 2. Structurer ses contenus
18

19. Structurer ses contenus
Langues
Page d’accueil Home
Sections principales Gamme Gamme
Sous-pages Produit Produit Produit Produit
Utilitaires (contact, news, FAQ, jobs, presse, panier,...)
19

20. Faciliter la navigation
• Section 1
• Section 2
• Section 3
• Section 4
• Utilitaires
20

21. Exemple de navigation

22. Conseils d’experts
« Peu importe le nombre de fois que je dois cliquer,
tant que chaque clic ne demande pas de réflexion
et que le choix n'est pas ambigu » Steve Krug
« Toute information dans un site
doit être accessible en 3 clics de
souris maximum à partir de la
page d'accueil » Jakob Nielsen

23. 3. Une page d’accueil efficace

24. Le verdict des internautes
«Qu’est-ce qui peut vous faire quitter un site web
dès la page d’accueil? »
• Ne pas repérer rapidement ce que le site
propose (71%)
• Son allure générale n'inspire pas confiance
(46%)
• Une page d’accueil trop chargée (33%)
Source : Enquête Ergonomie -Benchmark Group, 2009

25. Test des 10 secondes
Qui ? Que ?
Qui est-ce Que fait-il
Pourquoi Quoi ?
? Que puis-je
est-ce mieux faire ici
ici
qu’ailleurs

26. Mémo page d’accueil
• Logo + baseline
• Navigation principale + secondaire
• Texte de présentation
• Liens textuels vers les sections principales
• Liens visuels vers 3 sections prioritaires
• Actualités résumées + lien
• Adresse, tél. et e-mail

27. 4. Les pages internes
Faire passer à l’action

28. Où arrive l’internaute ?
Page
interne
Page d’accueil

29. Test de la page interne
Dans quel site ?
Sur quelle
A quel niveau ? page ?
Que puis-je faire ici ?

30. Exemple de page interne

31. Mémo pages internes
• Logo
• Titre
• Breadcrumbs
• Navigation principale
• Navigation à ce niveau
• Contenu (texte et photos)
• Aide contextuelle
• Bouton d’action

32. Boutons d’action

33. Maquette ergonomique
33

34. 5. Habiller son site

35. Donner confiance
• Identité de l’entreprise
• Logo
• Charte graphique
• Qualité des visuels
• Respect des standards
• Absence de panne
• « Un site professionnel = une entreprise
professionnelle »
35

36. Parler aux « tripes »
• Faites transparaitre vos valeurs
Sérieux Sobre Exubérant
Fun Dynamique Riche
Jeune Joyeux Léger
Officiel Pro Simple
Sophistiqué Classique Elégant
Vivant Organisé
Original Enfantin
• Une image vaut 1000 mots

37. Templates Open Source
• Mon préféré : http://themeforest.net (de 15$ à 100$)
• Sur Google : « css website templates »
• www.freecsstemplates.org
• www.oswd.org
• www.4layouts.com
• www.4templates.com
• www.oscoders.biz
• www.templatemonster.com
• etc.
37

38. 6. Valoriser le message

39. Le verdict des internautes
«Sur un site web, quels sont les éléments de
présentation qui vous dérangent le plus ?»
• Trop d'animations qui gênent la lecture (81%)
• Les textes écrits trop petit (36%)
• Trop de couleurs différentes (31%)
• Illustrations de mauvaise qualité (26%)
Source : Enquête Ergonomie -Benchmark Group, 2009

40. Une page = un tableau
• Titre
• Sous-titre
• Photo et légende
• Libellé des liens
Un thème • Texte
par page

41. Ecrire pour être lu
• Simple
• Droit au but !
• Structuré Une idée
• Sous-titres par paragraphe
• Listes à puces
• Encadrés
• Concret
• Décrire au lieu de vanter
• Style oral (enregistrez-vous !)

42. Ecrire pour donner confiance
• Démontrez vos forces :
• Expertise
• Qualité du service
• Originalité de l'offre
• Offre la plus large
• Prix bas
• Exclusivité
• Mais surtout ne vous vantez pas /
ne vous vendez pas !

43. Une image vaut 100 mots
• Sur Internet, les textes sont plus importants
que les images
• Lisibilité immédiate des images
• Vérifier qu’elle soit lisible en petit
• Cadrez sur le sujet principal
• Fond clair
• La qualité des visuels est primordiale
• Photographe professionnel
• Banques d’images
• Ne volez JAMAIS vos images !!!

44. 7. Outils et CMS
44

45. Webmaster 1.0
• Créer son site (éditeur HTML)
• Héberger son site (serveur)
• Faire les mises à jour (FTP)
45

46. Content Management System
• Hébergement avec PHP et MySQL
(bases de données)
• Tout se gère en ligne
(www.monsite.be/admin)
46

47. Les CMS les plus connus
• Open Source : Joomla, Fork-CMS, CMS Made
Simple
• Intégration professionnelle
• Sécurisation
• Sauvegardes
• E-commerce : Prestashop, Magento, Shopify
• Blog : Wordpress, Dotclear
• CMS propriétaires (propriété de l’agence…)
• CMS en ligne : Jimdo, Weebly, Webnode
47

48. Démonstration d’un CMS
CMS Made Simple
48

49. 8. Le référencement

50. Objectif : être trouvé !
• Origine des visiteurs
Minimum
50%
• Mots-clés pertinents
• A l’exception de votre nom

51. Fonctionnement de Google
« Le moteur de recherche idéal doit comprendre
l'objet exact de chaque recherche pour fournir les
informations exactes demandées »
- Larry Page, co-fondateur de Google

52. Pour être en haut de Google…
• Il faut être :
1. Pertinent
2. Populaire (liens vers votre site)
3. Actif (mises à jour, réseaux sociaux)
• Un moteur est un robot (pas une personne !)
3. Il doit pouvoir accéder facilement à votre contenu
(accessibilité)
4. Il ne doit pas être « bloqué » par des facteurs
techniques
• N’essayez pas de tricher ! (spamdexing)

53. Les mots-clés
• Mot-clé Les mots-clés ne seront
JAMAIS « cachés » dans
• = thème de la page le code (meta tags) ni
dans la page
• = thème de la requête
• Le choix du bon mot fera la différence
• Keyword Tool pour voir ce qui est recherché
• Google pour vérifier la pertinence et voir la
concurrence
• Soignez vos titres (H1) et balises <title>

54. 9. Google Analytics
Votre tableau de bord !
A lire :
www.slideshare.net/
Amaranthe/le-nouveau-
google-analytics-pour-
auditer-son-site

55. www.google.com/analytics
Installer Google Analytics vite… et bien
(sur le blog d’Amaranthe)

56. A quoi sert Google Analytics ?
• A compter des visites ?
• A voir l’évolution des visites ?

57. GA répond à vos questions
• Mon site attire-t-il de nouveaux clients ?
• Quels mots-clés donnent les meilleurs
résultats ?
• Mes visiteurs sont-ils fidèles ?
• Mon contenu est-il lu ?
• Quel % des visiteurs laissent leur adresse ?
• Ma boutique en ligne est-elle efficace ?
• Quelle largeur pour mon nouveau site ?

58. Ressources à consulter
• Blog officiel de GA : http://analytics.blogspot.com (ENG)
• Blog d’Amaranthe :
• A la découverte du nouveau Google Analytics
• Installer Google Analytics vite… et bien
• Les segments avancés de Google Analytics
• Mesurer le retour d’une campagne d’e-mailing
• Blog de Matthieu Tranvan
• http://www.matthieu-tranvan.fr/webmarketing/taux-de-
conversion-webmarketing/5-reflexes-web-analytics.html
• http://www.matthieu-tranvan.fr/webmarketing/taux-de-
conversion-webmarketing/bien-utiliser-google-analytics.html

59. 10. Le cahier des charges
Le cahier des charges fonctionnel
décrit tout ce que l’on souhaite
avoir sur le site
faire avec le site

60. Pour en savoir plus…
Le blog d’Amaranthe
www.amaranthe.be/blog
Un conseil par jour
sur les réseaux sociaux…
Twitter @amaranthe
Facebook
www.facebook.com/AmaranteH
Slideshare
www.slideshare.net/Amaranthe