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

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

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

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/

Stéphane TRIPOT : web@aubenas-vals.com

MERCI Rdv sur www.bit.ly/ateliernumerique