Les étapes incontournables pour aborder et appréhender au mieux son projet de création de site internet : cahier des charges, rétroplanning, référencement...
Présentation de la rencontre Animation Numérique du Territoire de l'Office de Tourisme Val de Cher Saint-Aignan - février 2015.
Panorama des réseaux sociaux - office de tourisme val de cher saint-aignan
Comment optimiser la Création ou la refonte de son site internet ?
1. CREATION OU REFONTE
D’UN SITE INTERNET
CREATION OU REFONTE
D’UN SITE INTERNET
Mardi 17 février 2015
2. Quelques chiffres, côté visiteurs
• En France, 82 % des français (15 ans et +) sont des internautes.
• 62 % des français utilisent internet pour la préparation de leur séjour
• 45 % d’entre eux réservent en ligne
2
3. Quelques chiffres, côté professionnels
du tourisme en Loir-et-Cher
Présence en ligne :
Suite au diagnostic numérique du Loir-et-Cher, nous savons que :
• ¾ des prestataires touristiques ayant répondu à l’enquête possèdent
leur propre site internet (470 répondants).
• 74 % dans la Vallée du Cher
• 51 % de ces sites ont 1 an ou moins d’1 an.
• Les sites les plus récents sont des sites « faits-maison »
• 43 % des répondants gèrent entièrement seuls les mises à jour
• 44 % effectuent des mises à jour au moins 1 fois par mois.
3
4. La non-présence en ligne, les raisons invoquées
• Activité qui ne le justifie pas
• Manque de temps
• Complexité de la tâche
• 82 % des prestataires sans site internet propre sont présents sur le site
internet de leur label ou groupement professionnel.
• 7% des sites sont en responsive design et 7 % disposent d’une application
mobile
La bonne nouvelle : 100 % des partenaires de l’OT Val de Cher
Saint-Aignan sont présent sur le site :
www.tourisme-valdecher-staignan.com
Quelques chiffres, côté professionnels
du tourisme en Loir-et-Cher
4
5. Qu’est-ce qu’un site internet
Un site ou site web (de l'anglais website, littéralement « site de la toile » en
français) est un ensemble de pages web et de ressources liées et accessible via
une adresse web.
Un site web est hébergé sur un serveur web, lui-même accessible via un
réseau internet ou intranet. Par métonymie, on dit aussi site internet.
Une adresse web = adresse internet = URL
Chaque page Web, sur Internet, à sa propre adresse. Elles sont universelles parce
que la même forme d'adresse est utilisée partout dans le monde.
Source Wikipédia
5
6. Comment accéder à un site internet ?
Un site est accessible à tous.
Seule condition : disposer d'une connexion à internet est d'un navigateur.
Il y a 3 façons d'accéder à un site internet :
1- En saisissant directement son adresse dans la barre d'adresse du navigateur
2- Depuis un moteur de recherche comme Google (pour cela votre site doit déjà
être référencé dans Google) par exemple en rentrant le nom du site recherché.
3- Depuis un lien menant à votre site depuis un site tiers. (hyperlien : source de
trafic à ne pas négliger)
6
7. L’importance d’être présent sur internet
Votre présence en ligne à travers un site internet ou un blog
apportera crédibilité à votre entreprise.
La majorité de vos clients passent par Internet pour vous trouver…
7
8. Pourquoi envisager la création d’un site ?
• Améliorer votre notoriété.
• Guider vos clients vers votre boutique.
• Assurer un service continu.
• Vendre vos produits / vos prestations.
• Mieux connaître sa clientèle et la fidéliser.
• Déployer une activité au delà de ses frontières.
• Gagner du temps.
• Répondre aux questions redondantes. (FAQ)
• Etre présent sur le marché et ne pas laisser la place libre à votre
concurrence.
8
9. Pourquoi envisager la refonte d’un site ?
La refonte consiste à faire évoluer son site visuellement et fonctionnellement.
Quelles peuvent être les raisons d’une refonte ?
• Si vous avez un site Internet au design daté ou peu valorisant pour votre entreprise.
• Si votre entreprise développe une nouvelle activité et que votre site est non évolutif.
• Si vous souhaitez être visible sur Smartphone et que votre site actuel n’est pas en
responsive design.
• Si vous souhaitez ajouter des fonctionnalités de partage, de newsletter,… et que le
développement de votre site ne vous le permet pas.
• Si vous n’obtenez pas de bons résultats dans les moteurs de recherche.
La durée de vie d’un site est estimée à environ 3 ans.
Il est possible dans ce délai d’offrir un relooking à son site. Cette intervention plus légère
permettra de faire évoluer la partie visible du site (nouveau design nouveaux visuels sur la
page d’accueil, nouvelles couleurs…)
9
10. Les principaux types de sites internet
• Le site vitrine
Comme son nom l’indique, un site vitrine est là pour exposer votre entreprise sur
le web. Il peut être composé de plusieurs pages et donne à l’internaute toutes
sortes d’informations sur votre entreprise : vos produits, vos services, vos
coordonnées et éventuellement quelques fonctions supplémentaires comme par
exemple une section « actualités », une galerie photos ou encore un formulaire
de prise de contact ou de demande de devis.
• Le site de e-commerce
Site internet conçu pour vendre des produits en ligne. Il contient un catalogue
avec panier et la commande est réglée via un paiement sécurisé.
10
11. Les principaux types de sites internet
• Le site mobile
Le terme de site mobile représente les sites internet développé et optimisé pour l'affichage mobile
comme les smartphones ou les tablettes graphiques.
• L’application web
Une application web est un programme qui s’exécute depuis votre navigateur web. Plus besoin
d’installer un logiciel sur votre poste, d’assurer sa maintenance et ses mises à jours : tout se fait depuis
votre navigateur. De plus, l’application est accessible depuis n’importe quel ordinateur connecté au
web.
• Le blog
Outil de communication dont la principale différence avec le site internet est que son objectif n’est pas
purement commercial. il s’agit moins de présenter sa société et ses services/produits que de publier
des informations d’actualité.
En pratique, il s’agit d’un espace sur lequel sont publiés des articles que vous rédigez régulièrement au
cours du temps.
11
12. LES ETAPES DE LA CONCEPTION
Définition des
objectifs
Cahier des
charges
Rétroplanning Contenu Arborescence
Création
graphique
Développement Mise en ligne
12
13. Les bases du projet
• Connaître ses forces, faiblesses, opportunités, freins au développement.
• Définir sa cible
• Identifier ses concurrents
• Voir les tendances, relever ce qui vous plait et ce qui ne vous plait pas
• Fixer des objectifs à plus long terme (penser à d’éventuels développements
souhaités pour votre site à N+1 et N+2)
Les questions préliminaires :
• Quel est l’objectif visé?
• Que souhaitez-vous présenter?
• A qui s’adressera votre site ?
• Quel nombre de pages prévoyez-vous ?
• Quelle doit être l’apparence des pages ?
• Qui est le responsable du projet?
• Est-il prévu d’apporter par la suite des modifications ou des mises à jour ?
• Quel est le budget ?
13
15. 1ère étape :
rédaction d’un cahier des charges
• C’est le premier pas vers la réalisation et la crédibilité de votre projet.
• Que vous fassiez le choix de confier la réalisation de votre site à un
professionnel ou de le concevoir vous-même, le cahier des charges est
indispensable. Il vous permettra de définir vos objectifs et de ne rien oublier.
• Votre cahier des charges n’est pas obligatoirement un document très long ni
fait que de termes techniques (surtout si vous ne les maîtrisez pas, évitez-les
au risque d’incompréhension). C’est sur la base de ce document que les
différentes agences sollicitées vous soumettront des devis plus ou moins
détaillés qui vous permettront de sélectionner le prestataire le plus adapté.
• Pour s’assurer de proposer un site en adéquation avec les attentes de votre
clientèle, mettez vous à la place de l’internaute qui constitue votre cible et
n’hésitez pas à consulter et vous inspirer d’autres sites sur le Web.
• Votre cahier des charges doit être simple et clair.
15
16. • Les éléments à insérer dans son cahier des charges :
• Présentation de votre entreprise
• Précisez s’il s’agit d’une création ou de la refonte du site
• les objectifs du site :
• site e-commerce destiné à vendre des produits
• site vitrine pour présenter l’activité de votre entreprise
• media en ligne
• support promotionnel par exemple pour le lancement d’un évènement
• Votre cible :
• Quelles sont les caractéristiques et les centres d’intérêt de votre cible ?
• Le contenu de votre site :
• Mesurer la proportion textes / images /vidéos
1ère étape :
rédaction d’un cahier des charges
16
17. 1ère étape :
rédaction d’un cahier des charges
• Les langues
• Traduction du site : quelles sont les langues, adaptation nécessaire ou pas
de l’arborescence et du contenu du site selon le public étranger ?
(attention à Google Translate, prévoir un budget traduction et mises à jour)
• La charte graphique
• Si vous n’en avez pas, pensez à un code couleur, votre logo, les visuels que
vous souhaitez insérer…
• La modularité : responsive design (Adaptable aux formats des écrans mobiles
: PC, tablette, Smartphone)
• Les options :
• Boutons de partage avec réseaux sociaux
• Newsletter
• FAQ (Foire aux questions)
• Moteur de recherche – aide en ligne – tchat…
17
18. 1ère étape :
rédaction d’un cahier des charges
• Le Rétroplanning
http://www.journaldunet.com/
management/efficacite-personnelle/conseil/realiser-retroplanning/
• A prévoir également :
• Les délais et le nombre de maquettes : délais de livraison intermédiaires pour surveiller
l'avancement du site.
• Les livrables : Tout ce que le prestataire est appelé à remettre au client pendant et
après la conception du site (engagement sur les délais, arborescence détaillée, fichiers
informatiques source, codes FTP, déclarations officielles type CNIL, etc.)
• Le référencement, naturel, payant ? qui s’en charge ?
• Les mots-clés sur lesquels vous souhaitez vous positionner ou que l’on retrouve dans
votre site
• Le « back office » : souhaitez-vous gérer les mises à jour de votre site? Souhaitez-vous
avoir la main sur l’intégralité de votre site (administrateur)
• La formation : prise en main du CMS
• les statistiques
• Les coûts de maintenance
18
20. Déterminer le contenu
• Vos titres doivent courts, pertinents et percutants.
• Les textes doivent être claires et précis.
Inutile de faire des phrases trop longues avec des superlatifs qui ne feront qu’alourdir
l’ensemble et ne sont pas toujours bien perçus par le lecteur.
• Vos textes doivent intégrés des mots-clés. (Des outils de planification existent pour
vous simplifier le tâche)
• Pensez dynamisme en utilisant l’impératif (dynamique mais pas directif… ) ex :
découvrez, venez, profitez…
• Optez pour des photos de qualité uniquement, une photo trop datée ou de mauvaise
qualité peut très vite nuire à votre image. Pensez à légender vos photos.
• Le contenu du site doit être régulièrement mis à jour
20
21. Lister les contenus
Exercice très pratique…
• Parce-qu’il n’est pas bon de mettre en ligne des pages blanches en attente
de contenu, il est indispensable d’inventorier les textes et visuels dont vous
disposez déjà et de rechercher les contenus manquants pour chacune de vos
rubriques. (sources : réseaux partenaires, internet…)
• Différencier les contenus intemporels des contenus qui ont une durée de vie
courte (tarifs, ouverture…). Les lister permet d’évaluer la fréquence des
mises à jour à effectuer et d’optimiser son temps.
21
22. Travailler sa ligne éditoriale
Créer une ligne éditoriale, c’est avant tout faire des choix.
Des choix qui permettront d’imposer une image forte, voulue et cohérente avec
vos objectifs. Une charte formalisera l’ensemble des règles qui régiront le
traitement de l’information sur le site.
Elle fixe :
• l’objectif de la communication
• les cibles
• les thématiques abordées
• le rythme de publication
• le style rédactionnel
22
23. 2nde étape
Définition de l’arborescence
L’arborescence du site correspond à son architecture. Elle ne peut se dessiner que
lorsque le contenu du site est entièrement défini.
• Présenter l’arborescence de votre site sous la forme d’un schéma est le plus
recommandé, simple, facile à comprendre et à retravailler.
3 questions à se poser :
• Quelle sont les grandes sections de votre site ?
• Comment sont organisées les différentes rubriques ?
• Quelles sont les pages principales ?
23
24. Quelques conseils :
• Proposer une structure qui reste simple et classique (l’internaute doit trouver l’info
facilement et rapidement)
• Insérer «Le fil d’Ariane» : aide à la navigation sous forme de signalisation de la
localisation du lecteur dans un document
(ex : Accueil > Découvrir > Patrimoine naturel et jardins > Le Cher)
• Penser à la règle des 3 clics : dans l’idéal, l’internaute doit accéder à l’information en 3
clics maximum
• Conserver les fondamentaux (essentiels pour l’optimisation et le référencement de votre
site) : page contact, mentions légales, plan de site, touche retour accueil…
2nde étape
Définition de l’arborescence
Séjourner Hôtels Hôtel X
24
27. Optimiser la structure de vos textes
• Et restez fidèle… une même structure sur toutes les pages, à tout moment.
• Exemple de structure :
• Titre 1
• Titre 2
• Titre 3
• Titre 2
• Préférez le Gras à l’italique (difficile à lire) et au souligné (faisant plutôt
référence aux liens hypertextes).
• Hiérarchisez vos textes et rubriques, 3 niveaux sont suffisants. Au-delà vous
risquez de perdre vos lecteurs et vous perdre également.
• Utilisez des couleurs donnent vie à la page et permet des repères simples (3
couleurs et si possible en rapport avec votre charte graphique, votre logo…)
27
28. Optimiser la structure de vos textes
Tenir compte du Eyetracking : analyse consistant à suivre le regard de l’internaute.
Fiche produit catalogue e-
commerce :
Page de contenu éditorial
Newsletter
Page de résultats de recherche
Plus d’infos : http://openclassrooms.com/courses/ameliorez-la-visibilite-de-votre-site-grace-au-
referencement/concepts-de-base-d-un-site-seo-friendly
28
29. Penser « responsive design »
Le Responsive Design (ou Web adapté) est une solution pour qu'un site Internet
soit optimisé sur tous les supports qui puissent exister.
En amont de votre projet Web, cette technique offre plusieurs avantages :
• Une mise en page optimisée (images, textes, colonnes...)
• Une navigation agréable
• Une maintenance simplifiée (un seul site à maintenir)
• Un référencement unique (une seule URL par page)
29
30. Les techniques de création
• Le HTML : Format de données conçu pour représenter les pages web. C’est un
langage de balisage permettant d’écrire de l’hypertexte. Le HTML permet
également de structurer sémantiquement et de mettre en forme le contenu
des pages, d’inclure des ressources multimédias dont des images, des
formulaires de saisie, et des programmes informatiques.
Le HTML est utilisé par les webmaster, les développeurs de site.
• Le CMS : système de gestion de contenu. C'est un type d'application web
permettant de séparer le contenu de la mise en forme pour des sites web, et
fournissant des moyens simplifiés d'éditer ce contenu.
• De cette manière, il est possible de maintenir et faire vivre un site web sans la
moindre connaissance technique dans les métiers du Web (langage HTML par
exemple).
• Exemples de CMS : Joomla, Wordpress, Jimdo, Wix…
30
31. Faire soi-même, c’est possible :
• Exemples de CMS gratuit (dans les formules de base) :
• Jimdo : jimdo.com
• Wix : www.wix.com
(Un atelier pratique « Création de site Web » sera proposé lors du second
semestre 2015)
Faire appel à une agence de communication ou un webmaster
Les techniques de création
31
32. Le choix d’un prestataire
• Comment sélectionner les prestataires : relevez les sites qui vous plaisent (design,
outils, technologies) et chercher dans les mentions légales le nom de l’agence.
• Privilégier les prestataires situés à proximité de votre établissement (ils
connaissent déjà la région, l’offre, la demande, la conjoncture…)
• Interroger au moins 3 prestataires
• Etudier les tarifs proposés (Le plus cher n’est pas forcément le meilleur et
inversement…)
• Ne négligez pas le contact que vous avez avec les prestataires. Vous vous
comprenez, ils ne parlent pas trop technique pour vous, vous proposent des
choses adaptés à vos besoins… C’est un bon point pour mener un projet en
commun.
32
33. Etape finale :
Le nom de domaine
• Avant la mise en ligne :
choisir votre nom de domaine, il sera la porte d’entrée et l’adresse que vous communiquerez à
votre réseau et vos futurs clients pour qu’il vous découvre. Ce nom de domaine doit être
évocateur de votre activité et facilement mémorisable. Il faut aussi qu’il soit facile à saisir pour
limiter les risques de fautes de frappe.
• Le choix de l’extension :
Pour un rayonnement national, choisir le .fr
• Pour un rayonnement et une audience internationale, choisir le .com
• Pour un site dédié à un public étranger, site entièrement traduit, choisir l’extension relative au
pays concerné .uk, .be, .nl…
• Votre nom de domaine est un ensemble de mot : utiliser le (–)
Eviter le (.)et le (_)
• Un nom de domaine est renouvelable chaque année. Vous recevez un e-mail d’avertissement par
votre hébergeur pour reconduire votre « location ».
• Si vous possédez déjà un nom de domaine, il est conseillé de le conserver pour votre nouveau
site. Le travail de référencement est déjà entamé et vous ne perdrez pas ainsi votre
positionnement.
33
34. • Si vous utilisez un outil avec système de Gestion de contenu de création de
site en ligne, le processus est clairement défini étape par étape.
En détail :
• La mise en ligne d'un site est la copie des fichiers depuis un ordinateur sur un
serveur accessible à tout le monde. Cela se passe la plupart du temps par FTP,
un "langage" (appelé protocole) de transfert de fichiers, qui est rendu possible
par l'utilisation d'un logiciel et d'une connexion à un serveur.
• Plusieurs logiciels FTP existent, certains gratuits, d'autres payants. Il faut juste
savoir que le protocole FTP est nativement présent sous Windows ou Linux, il
est gratuit, ces logiciels ne sont qu'une couche graphique sur ce protocole.
• Exemple de logiciel FTP : File Zilla
Vidéo de démonstration : mise en ligne d’u site internet
Etape finale :
La mise en ligne du site
34
35. Assurer un suivi
Votre site mis en ligne est désormais visible de tous les internautes.
• Evidemment communiquez dessus auprès de votre réseau dans un 1er temps puis
de vos prospects puis à un maximum de monde.
• Analysez et suivez le trafic grâce à votre outil statistique. Vous saurez combien de
personnes visitent votre site, quelles pages est la plus souvent consultée, quelle
est la page d’entrée de votre site…
• Suivez votre positionnement : effectuer des recherches de votre site grâce à la
barre de recherche. Utilisez différents mots-clés pour voir si votre site ressort et à
quelle position.
• Actualisez et renouvelez l’information régulièrement
• Développez un réseau sur le web pour promouvoir votre site grâce aux annuaires
web et les réseaux sociaux par exemple)
35
36. Les Info +
• Banque d’images : Fotolia, FlickR, pixabay.com, www.stockvault.net, fr.freepik.com
• Outils de retouche photos : Gimp
• Audit de site internet : évaluer gratuitement votre site web :
Accessibilité de vos pages
Valeur marchande de votre site
Analyse de référencement…
www.abime-concept.com/blog/2013/04/24/quelques-outils-gratuits-pour-evaluer-votre-site-web-en-ligne/
• Outil de planification des mots-clés : Google Adwords
• Mentions obligatoires pour un site : les mentions légales obligatoires
• Choisir son nom de domaine: fr.jimdo.com/2014/02/28/choisir-un-nom-de-domaine-pour-votre-site
• Connaître la disponibilité des noms de domaine : www.1and1.fr
• Outils statistiques : Google Analytics
• Outils de veille : Google Alert
36
37. Merci et à bientôt
Office de Tourisme Val de Cher Saint-Aignan
Emilie Moussard
Animation Numérique du Territoire
37