CREATION OU REFONTE

D’UN SITE INTERNET

CREATION OU REFONTE

D’UN SITE INTERNET

Mardi 17 février 2015

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

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

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

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

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

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

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

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

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

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 mobilecomme les smartphones ou les tablettes graphiques.

• L’application web

Une application web est un programme qui s’exécute depuis votre navigateur web. Plus besoind’installer un logiciel sur votre poste, d’assurer sa maintenance et ses mises à jours : tout se fait depuisvotre navigateur. De plus, l’application est accessible depuis n’importe quel ordinateur connecté auweb.

• Le blog

Outil de communication dont la principale différence avec le site internet est que son objectif n’est paspurement commercial. il s’agit moins de présenter sa société et ses services/produits que de publierdes 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 aucours du temps.

11

LES ETAPES DE LA CONCEPTION

Définition des

objectifs

Cahier des

chargesRétroplanning Contenu Arborescence

Création

graphiqueDéveloppement Mise en ligne

12

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

Pour éviter çà…

Des bases solides …

14

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

• 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

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

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 maintenance18

1ère étape :

rédaction d’un cahier des charges

19

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

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

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

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

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

2nde étape

Définition de l’arborescence

25

Imaginer le gabarit de votre page

26

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

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-friendly28

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

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

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

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 (ilsconnaissent 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 etinversement…)

• Ne négligez pas le contact que vous avez avec les prestataires. Vous vouscomprenez, ils ne parlent pas trop technique pour vous, vous proposent deschoses adaptés à vos besoins… C’est un bon point pour mener un projet encommun.

32

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

• 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

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

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 pagesValeur marchande de votre siteAnalyse 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

Merci et à bientôt

Office de Tourisme Val de Cher Saint-Aignan

Emilie Moussard

Animation Numérique du Territoire

37