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

838 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
838
Sur SlideShare
0
Issues des intégrations
0
Intégrations
155
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

×