réussir la création-refonte de son site
DESCRIPTION
TRANSCRIPT
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çaispartent en vacances
d’entre euxsont des
internautes
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é
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…
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.
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, 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
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 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
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 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
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
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
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é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
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 articles
Modifier le menu du site
Gérer le contenu sans impacter le design/ l’architecture
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
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
Un site performant, c’est quoi ?
Mécanique du e-marketingles 4 paliers décisifs
VisibilitéAccrocheSéduction
InformationFacilitationRassurance
Conversion
Partagerebond
abandon
Le référencementComment fonctionne Google
mon-site.fr
30 000 milliards de pages
20 milliards de pages / jour
Le référencementComment 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 »
Le référencementLes 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 >
Mécanique du e-marketingles 4 paliers décisifs
VisibilitéAccrocheSéduction
InformationFacilitationRassurance
Conversion
Partagerebond
abandon
Mécanique du e-marketingPsychologie de l’internaute
NEUNEU
BIGLEUX
PARESSEUX
PEUREUX
Mécanique du e-marketingComportement 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
Mécanique du e-marketingLes 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
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) 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 ») >
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)
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éférencement Donne de l’info « chaude »
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
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
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
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
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…
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
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)
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)
Quelques fonctionnalitésIntéressantes, indispensables…
Traduction multilingues: rend votre site accessibles en plusieurs langues >
des clients en plus signe de professionnalisme traduction automatique de + en + fiable
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
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
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
Un site web mobileGadget ou nécessité ?
Déjà 1 tablette dans
20% foyers franç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 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
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.responsivedesignsimulator.com
www.responsinator.com
www.themobifactory.com/mobile-responsive-simulator
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
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
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/
