Réussir la création/refonte
de son site internet
Mais pourquoi donc
être sur Internet ?
2012
% de français ayant préparé
leur séjour en ligne
56% 85%
des français
partent en
vacances
d’entre eux
sont des
internautes
Mais pourquoi avoir
son propre site web?
Marque de professionnalisme / image
Besoin de projection du client
Besoin d’infor...
Faire ou faire faire…
that is the question
Faire soi-même… attention
 Webdesigner est un métier… ne s’improvise pas
 Faire soi-même plus économique ? Pas si sûr…
...
Je veux faire faire…
comment je m’y prends
Méthodologie.
Les 6 étapes de la création de site
Objectifs du site, stratégie, cible
Plan du site, fonctionnalités, arbor...
Comment rédiger un
cahier des charges?
Que doit définir le cahier des charges ?
Le budget (facultatif)
Les délais : attention à ne pas fixer des délais trop cour...
Comment choisir mon
prestataire internet
Les bons points d’un prestataire web
La création de sites est son cœur de métier : agence web
Il me propose un outil de ge...
Les bons points (suite)
Il maitrise le référencement naturel
Il détaille son offre d’hébergement
Il propose une méthodolog...
Quelques remarques et conseils :
La maquette n’est pas obligatoire. Les références de l’agence
permettent de connaître ses...
Les différentes solutions
d’hébergement
Différents types d’hébergement
Hébergement Mutualisé : je ne suis le seul sur mon serveur
à partir de 30€/an
Hébergement D...
Les principaux hébergeurs
Le CMS : l’indispensable
outil de gestion de contenu
A quoi ça sert et comment ça marche ?
Mettre son site à jour soi-même, facilement.
Créer de nouvelles pages/ nouveaux arti...
Quels sont les différents CMS ?
2 types de CMS :
CMS « propriétaires » : propre à l’Agence Web qui l’a créé
CMS open sourc...
Disparition des CMS propriétaires,
une tendance nette depuis 5 ans :
Beaucoup d’Agences Web abandonnent leur CMS propriéta...
Un site performant,
c’est quoi ?
Mécanique du e-marketing
les 4 paliers décisifs
Visibilité
Accroche
Séduction
Information
Facilitation
Rassurance
Conversi...
Le référencement
Comment fonctionne Google
mon-site.fr
30 000 milliards
de pages
20 milliards de
pages / jour
Le référencement
Comment fonctionne Google
3,5 milliards de requêtes / jour. 40 000 / sec
« Vacances en Ardèche »
« Vacanc...
Le référencement
Les 3 piliers du référencement
Technique : mon site est bien conçu
→ Pas d’erreurs techniques ou de mauva...
Mécanique du e-marketing
les 4 paliers décisifs
Visibilité
Accroche
Séduction
Information
Facilitation
Rassurance
Conversi...
Mécanique du e-marketing
Psychologie de l’internaute
NEUNEU
BIGLEUX
PARESSEUX
PEUREUX
Mécanique du e-marketing
Comportement de l’internaute
- Rien n’est jamais évident pour l’internaute
- Infos simples. Phras...
Mécanique du e-marketing
Les différentes étapes du voyage
M-6 « Je découvre la destination, je me laisse séduire »
Je ne c...
Les erreurs fréquentes des
sites internet
Erreurs à éviter
Je n’ai pas la main sur mon site : Outil de Gestion du Contenu
Je fais faire mon site par un (des) inform...
Erreurs à éviter (suite)
Les « Titles » sont les mêmes sur toutes les pages
Les « Titles » sont mal (ou pas) rédigés
J’ai ...
Quelques fonctionnalités
intéressantes...
Quelques fonctionnalités
Blog : permet de publier des articles facilement
 Crée du lien
 Fidélise
 Excellent pour le ré...
Quelques fonctionnalités
Partage Réseaux Sociaux : permet de partager/aimer une page en 1 clic
 Crée de l’audience
 Accr...
Quelques fonctionnalités
Avis clients : permet aux clients de déposer un avis/ aux futurs clients de les lire
 Excellent ...
Quelques fonctionnalités
Calendrier des animations : affiche les fêtes et manifestations à venir autour
 Répond au besoin...
Quelques fonctionnalités
Géolocalisation : affiche les fêtes et manifestations à venir chez vous
 Répond au besoin de pro...
Quelques fonctionnalités
Galerie photos : permet de parcourir et agrandir vos photos
 Une photo vaut mille mots
 Rassura...
Quelques fonctionnalités
Slider d’images : fait défiler des images, généralement sur la page d’accueil
 Une photo vaut mi...
Quelques fonctionnalités
Moteur de recherche : affiche une liste de résultats à partir de mots clés
 Un outil très utilis...
Quelques fonctionnalités
Formulaire de contact : permet d’envoyer un message sans sortir du site
 Plus pro qu’une adresse...
Quelques fonctionnalités
Intéressantes, indispensables…
Traduction multilingues: rend votre site accessibles en plusieurs ...
Quelques fonctionnalités
Planning / Dispo en ligne : permet d’afficher vos disponibilités à jour
 Communique une info imp...
Quelques fonctionnalités
Réservation / Vente en ligne: permet de réserver/payer sa prestation en ligne
 Outil de conversi...
Quelques fonctionnalités
Google Analytics : permet d’analyser/mesurer le trafic de votre site internet
 Mesure de l’audie...
Un site web mobile
Gadget ou nécessité ?
Déjà 1tablettedans
20%foyersfrançais
La mobilité
smartphones, tablettes et autres…
Mobilité
2 solutions pour votre site web
Site Mobile
Site en
« Reponsive
WebDesign »
Un second site spécifique pour les mo...
Mobilité
le Responsive WebDesign
Mobilité
le Responsive WebDesign
Mobilité
le Responsive WebDesign
Mobilité
Tester mon site sur différents formats
C’est très simple, il suffit d’utiliser un site de simulation
www.responsi...
3 solutions pour faire son
site soi-même facilement
Faire un site moi-même avec JIMDO
Faire un site moi-même avec WIX
Faire un site moi-même sur wordpress.com
Une bonne solution
intermédiaire : acheter
un thème (wordpress)
Acheter un thème sur elegantthemes.com
Acheter un thème sur inkthemes.com
Une solution gratuite et
simple : un mini-site sur
aubenas-vals.com
Tendances graphiques du
web
Tendances graphiques actuelles
Sites très visuels : images, photos
Designs épurés
Graphisme sobre
Blocs de texte aérés
Nav...
Stéphane TRIPOT :
web@aubenas-vals.com
MERCI 
Rdv sur www.bit.ly/ateliernumerique
Réussir la création-refonte de son site
Réussir la création-refonte de son site
Réussir la création-refonte de son site
Réussir la création-refonte de son site
Réussir la création-refonte de son site
Réussir la création-refonte de son site
Réussir la création-refonte de son site
Réussir la création-refonte de son site
Prochain SlideShare
Chargement dans…5
×

Réussir la création-refonte de son site

815 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
815
Sur SlideShare
0
Issues des intégrations
0
Intégrations
153
Actions
Partages
0
Téléchargements
33
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Réussir la création-refonte de son site

  1. 1. Réussir la création/refonte de son site internet
  2. 2. Mais pourquoi donc être sur Internet ?
  3. 3. 2012
  4. 4. % de français ayant préparé leur séjour en ligne 56% 85% des français partent en vacances d’entre eux sont des internautes
  5. 5. Mais pourquoi avoir son propre site web? Marque de professionnalisme / image Besoin de projection du client Besoin d’information complète et immédiate Besoin de rassurance (infos, prix, photos, avis…) Désavantage concurrentiel de plus en plus marqué
  6. 6. Faire ou faire faire… that is the question
  7. 7. Faire soi-même… attention  Webdesigner est un métier… ne s’improvise pas  Faire soi-même plus économique ? Pas si sûr…  Le pote informaticien, le neveu geek… aie !  Risque d’être peu performant / efficace / agréable  Risque de donner une image « inappropriée »  Risque d’être mal référencé dans Google  mais… des solutions (simples) existent.
  8. 8. Je veux faire faire… comment je m’y prends
  9. 9. Méthodologie. Les 6 étapes de la création de site Objectifs du site, stratégie, cible Plan du site, fonctionnalités, arborescence (Wireframe) Rédaction du cahier des charges Choix du prestataire Cahier de Spécifications (avec le prestataire) Suivi de projet / Débogage / Mise en ligne
  10. 10. Comment rédiger un cahier des charges?
  11. 11. Que doit définir le cahier des charges ? Le budget (facultatif) Les délais : attention à ne pas fixer des délais trop courts Les livrables : tout ce que le prestataire doit vous livrer La propriété intellectuelle . La Charte graphique / éditoriale Les objectifs du site. Votre stratégie marketing. Votre cible. Les contenus : documents fournis (textes, photos, données…) L’Arborescence : menu principal, cheminements Nom de domaine
  12. 12. Comment choisir mon prestataire internet
  13. 13. Les bons points d’un prestataire web La création de sites est son cœur de métier : agence web Il me propose un outil de gestion de contenu : CMS Il répond à mon cahier des charges de façon détaillée Ses références sont de qualité (technique / marketing) Ses clients sont satisfaits de sa prestation Il comprend mon activité, mon positionnement, mes objectifs Il propose des délais raisonnables (ni trop courts, ni trop longs) Il me conseille, me fait des suggestions pertinentes Son site internet est séduisant, clair et bien conçu
  14. 14. Les bons points (suite) Il maitrise le référencement naturel Il détaille son offre d’hébergement Il propose une méthodologie de travail L’entreprise est dimensionnée pour répondre à mon projet Il me pose beaucoup de questions sur mon activité Son devis est clair : création + service/an + hébergement/an Il définit une période de garantie et ses modalités Il définit ses engagements hors garantie
  15. 15. Quelques remarques et conseils : La maquette n’est pas obligatoire. Les références de l’agence permettent de connaître ses compétences graphiques. Les délais observés : 2 mois à 4 mois pour la plupart des projets Recevez les prestataires qui vous intéressent, pour qu’ils viennent vous présenter leur projet. Demandez une présentation / démonstration du CMS
  16. 16. Les différentes solutions d’hébergement
  17. 17. Différents types d’hébergement Hébergement Mutualisé : je ne suis le seul sur mon serveur à partir de 30€/an Hébergement Dédié : j’ai un serveur rien que pour mon site à partir de 500€/an Serveur dédié avec band passante dédiée : mon propre serveur connecté par mon propre tuyau beaucoup plus cher
  18. 18. Les principaux hébergeurs
  19. 19. Le CMS : l’indispensable outil de gestion de contenu
  20. 20. A quoi ça sert et comment ça marche ? Mettre son site à jour soi-même, facilement. Créer de nouvelles pages/ nouveaux articles Modifier le menu du site Gérer le contenu sans impacter le design/ l’architecture
  21. 21. Quels sont les différents CMS ? 2 types de CMS : CMS « propriétaires » : propre à l’Agence Web qui l’a créé CMS open source : créé par une communauté de développeurs
  22. 22. Disparition des CMS propriétaires, une tendance nette depuis 5 ans : Beaucoup d’Agences Web abandonnent leur CMS propriétaire pour un CMS communautaire Open-Source
  23. 23. Un site performant, c’est quoi ?
  24. 24. Mécanique du e-marketing les 4 paliers décisifs Visibilité Accroche Séduction Information Facilitation Rassurance Conversion  Partagerebond abandon
  25. 25. Le référencement Comment fonctionne Google mon-site.fr 30 000 milliards de pages 20 milliards de pages / jour
  26. 26. Le référencement Comment fonctionne Google 3,5 milliards de requêtes / jour. 40 000 / sec « Vacances en Ardèche » « Vacances au bord de l’ Ardèche » « Séjours à petit prix au cœur de l’ Ardèche » « Mes vacances en Ardèche : 4/5 »
  27. 27. Le référencement Les 3 piliers du référencement Technique : mon site est bien conçu → Pas d’erreurs techniques ou de mauvais choix technologiques → Structuration et hiérarchisation des contenus → Lisible depuis un mobile Popularité : on parle de mon site → Nombreux liens entrants(backlinks) → Backlinks depuis sites populaires (pagerank) → Backlinks depuis sites ayant une thématique proche → On parle de mon site sur les réseaux sociaux Contenu : mon site est fourni → Il y a beaucoup de pages → Les contenus sont bien écrits et structurés → Les contenus sont uniques (pas de copier/coller) → Les « Title » sont renseignés et différents pour chaque page >
  28. 28. Mécanique du e-marketing les 4 paliers décisifs Visibilité Accroche Séduction Information Facilitation Rassurance Conversion  Partagerebond abandon
  29. 29. Mécanique du e-marketing Psychologie de l’internaute NEUNEU BIGLEUX PARESSEUX PEUREUX
  30. 30. Mécanique du e-marketing Comportement de l’internaute - Rien n’est jamais évident pour l’internaute - Infos simples. Phrases courtes. Peu de texte. Beaucoup d’images - Hiérarchisation de l’info dans la mise en page (zoning) - Eléments de conversion en avant (contact / réserver …) - Des contenus structurés : paragraphes courts - Un maximum d’informations (la carotte ne fonctionne pas) - Toute information accessible en moins de 3 clics - Accès direct/facile aux pages les plus demandées - Plein d’ « informations de rassurance » - Photos nombreuses et grandes - Intégration / Valorisation d’ avis clients - Valorisation des labels NEUNEU BIGLEUX PARESSEUX PEUREUX
  31. 31. Mécanique du e-marketing Les différentes étapes du voyage M-6 « Je découvre la destination, je me laisse séduire » Je ne connais pas encore la destination. Il faut me donner envie de l’aimer M-4 « Je prépare mon voyage. Je commence à m’organiser » Une des destinations que j’envisage, mon projet de voyage murit. Je dois me décider. J-7 « J’ai besoin d’infos pratiques et fiables. J’organise ma semaine » Que vais-je faire ? Où vais-je manger? Quelles activités je vais faire ? Jour J « Je suis sur place. Je suis connecté pour m’organiser et pour partager» Que vais-je faire ? Où vais-je manger? Quelles activités je vais faire ? J+x « Je partage mon expérience. Je dis ce que j’ai aimé… ou pas » Sur les réseaux sociaux, les sites d’avis, les sites 2.0… UN SITE DOIT SAVOIR REPONDRE A CHAQUE ETAPE DU SEJOUR
  32. 32. Les erreurs fréquentes des sites internet
  33. 33. Erreurs à éviter Je n’ai pas la main sur mon site : Outil de Gestion du Contenu Je fais faire mon site par un (des) informaticien(s) Mon site est mal structuré : Titres, sous-titres, paragraphes… J’ai du « Flash » sur mon site > Y a de la musique (ou autre son) sur mon site Mon menu est composé d’images > Sur mon site : beaucoup d’images mais peu de texte J’ai une magnifique « Jump page » (ou « splash page ») >
  34. 34. Erreurs à éviter (suite) Les « Titles » sont les mêmes sur toutes les pages Les « Titles » sont mal (ou pas) rédigés J’ai rempli mon site avec des copier-coller Je n’ai pas de nom de domaine : exemple gite-du-val.free.fr au lieu de gite-du-val.fr (ou .com)
  35. 35. Quelques fonctionnalités intéressantes...
  36. 36. Quelques fonctionnalités Blog : permet de publier des articles facilement  Crée du lien  Fidélise  Excellent pour le référencement  Donne de l’info « chaude »
  37. 37. Quelques fonctionnalités Partage Réseaux Sociaux : permet de partager/aimer une page en 1 clic  Crée de l’audience  Accroit ma visibilité / notoriété  Améliore mon référencement
  38. 38. Quelques fonctionnalités Avis clients : permet aux clients de déposer un avis/ aux futurs clients de les lire  Excellent moyen de rassurer  Donne des informations pratiques  Crée du lien  Possibilité de répondre et de montrer mon professionalisme
  39. 39. Quelques fonctionnalités Calendrier des animations : affiche les fêtes et manifestations à venir autour  Répond au besoin de projection  Il se passe des choses : rassurance  Fidélisant, incite à revenir sur le site
  40. 40. Quelques fonctionnalités Géolocalisation : affiche les fêtes et manifestations à venir chez vous  Répond au besoin de projection  Il se passe des choses : rassurance  Fidélisant, incite à revenir sur le site
  41. 41. Quelques fonctionnalités Galerie photos : permet de parcourir et agrandir vos photos  Une photo vaut mille mots  Rassurance des clients  Répond au besoin de projection  Des photos de votre activité, mais pas seulement…
  42. 42. Quelques fonctionnalités Slider d’images : fait défiler des images, généralement sur la page d’accueil  Une photo vaut mille mots  Rassurance des clients  Répond au besoin de projection  Donne une image pro/qualitative  Elément de séduction en homepage
  43. 43. Quelques fonctionnalités Moteur de recherche : affiche une liste de résultats à partir de mots clés  Un outil très utilisé  Facilitateur (quand il marche bien)
  44. 44. Quelques fonctionnalités Formulaire de contact : permet d’envoyer un message sans sortir du site  Plus pro qu’une adresse email  Le client ne sort pas du site  Evite le spam sur ma boite mail  Permet d’affiner les demandes (suggestion, choix multiples)
  45. 45. Quelques fonctionnalités Intéressantes, indispensables… Traduction multilingues: rend votre site accessibles en plusieurs langues >  des clients en plus  signe de professionnalisme  traduction automatique de + en + fiable
  46. 46. Quelques fonctionnalités Planning / Dispo en ligne : permet d’afficher vos disponibilités à jour  Communique une info importante  Facilite la conversion  Mise à jour (souvent) facile
  47. 47. Quelques fonctionnalités Réservation / Vente en ligne: permet de réserver/payer sa prestation en ligne  Outil de conversion par excellence  Image de professionnalisme  Avantage concurrentiel
  48. 48. Quelques fonctionnalités Google Analytics : permet d’analyser/mesurer le trafic de votre site internet  Mesure de l’audience  Suivi de la conversion  Détection des problèmes  Source d’information sur les internautes
  49. 49. Un site web mobile Gadget ou nécessité ?
  50. 50. Déjà 1tablettedans 20%foyersfrançais La mobilité smartphones, tablettes et autres…
  51. 51. Mobilité 2 solutions pour votre site web Site Mobile Site en « Reponsive WebDesign » Un second site spécifique pour les mobiles  Site totalement différent  Gestion de 2 sites. Risque d’incohérence  Coût de développement plus important  Mobile ou PC : choix trop binaire aujourd’hui Un seul site qui s’adapte à la taille de l’écran  Surcoût de plus en plus faible  Adapté aux nombreux nouveaux supports  Un seul site à gérer  Les contenus sont les mêmes  Les contenus sont les mêmes
  52. 52. Mobilité le Responsive WebDesign
  53. 53. Mobilité le Responsive WebDesign
  54. 54. Mobilité le Responsive WebDesign
  55. 55. Mobilité Tester mon site sur différents formats C’est très simple, il suffit d’utiliser un site de simulation www.responsivedesignsimulator.com www.responsinator.com www.themobifactory.com/mobile-responsive-simulator
  56. 56. 3 solutions pour faire son site soi-même facilement
  57. 57. Faire un site moi-même avec JIMDO
  58. 58. Faire un site moi-même avec WIX
  59. 59. Faire un site moi-même sur wordpress.com
  60. 60. Une bonne solution intermédiaire : acheter un thème (wordpress)
  61. 61. Acheter un thème sur elegantthemes.com
  62. 62. Acheter un thème sur inkthemes.com
  63. 63. Une solution gratuite et simple : un mini-site sur aubenas-vals.com
  64. 64. Tendances graphiques du web
  65. 65. Tendances graphiques actuelles Sites très visuels : images, photos Designs épurés Graphisme sobre Blocs de texte aérés Navigation simplifiée et épurée Menu principal très visible http://www.lesrousses.com http://www.camping-arcachon.com http://ot-aubenas.iris-interactive.fr/
  66. 66. Stéphane TRIPOT : web@aubenas-vals.com MERCI  Rdv sur www.bit.ly/ateliernumerique

×