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
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
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
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
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
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
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
31. Mémo pages internes
• Logo
• Titre
• Breadcrumbs
• Navigation principale
• Navigation à ce niveau
• Contenu (texte et photos)
• Aide contextuelle
• Bouton d’action
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
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 !!!
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
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