Avant de vous lancer dans la création ou la refonte de votre site web il est important de vous poser les bonnes questions : Quel contenu ? Quel Budget ? Quels sont mes objectifs ? Quelle visibilité pour mon site ? Cet atelier est proposé par l'office de Tourisme Aunis Marais Poitevin dans le cadre de son programme "Les rendez vous de l'office de tourisme Saison 5". Retrouver l'intégralité du programme sur notre site pro : www.aunis-pro-tourisme.fr
1. Faire ou refaire son site
Internet
« Se poser les bonnes questions »
Les rendez-vous de l’office de tourisme
Le site pro : aunis-pro-tourisme.fr
Juliette GRINARD
Projets numériques
11 Décembre 2016
Saison 5
2. Comment ca marche ?
Combien ça coûte ?
Avec quel outil ?
Quel contenu ?
Et après ?
Un site Internet…
3. Pour qui ?
Pour quoi ?
71% des français partis ont
utilisé Internet pour la
préparation de leur séjour.
45% réservent en ligne.
Source - Raffour Interactif Baromètre annuel 2015
Mais un beau site que personne ne voit ne sert à rien !
4. Définir ses objectifs / Ses cibles
Quelles sont mes cibles, quelles sont leurs attentes ?
• Local, national, international
• Loisirs, affaires
• Couples, familles, retraités, groupes
• Cyclotouristes, pêcheurs…
Quels sont mes objectifs ? Communiquer, vendre, fidéliser…
Quels vont être les fonctionnalités clés de mon site ?
• Décrire ma structure
• Séduire
• Donner les disponibilités
• Réserver en ligne
• Situer, faire un itinéraire…
5. Quel type de site ?
Une solution technique adaptée
En fonction de vos objectifs et de vos moyens, on va
s’orienter vers une solution technique.
Un site adapté aux différentes tailles d’écran
(ordinateur, tablette, smartphone).
Un site sur lequel vous pouvez intégrer facilement
des modifications.
Un site qui remonte sur les moteurs de recherche
sur des requêtes ciblées.
6. Le référencement
Une page sera présentée à un
Internaute si elle est jugée
pertinente par un moteur de
recherche
Référencement payant
Achat de mots clés au coût par clic
Référencement « local »
Via la page google my business
Référencement naturel
Via la qualité du contenu
7. Un (tout petit) peu
de technique…
o Un langage (informatique) : le html
o Une page web : un ensemble de contenus textuels et
multimédias ordonnés (mise en page) selon une apparence
définie.
o Un site web : une succession de pages web liées entre elles et
mise en ligne à une adresse web.
o Un hébergement : du site sur un serveur web continuellement
connecté à Internet.
8. Pour créer un site il nous faut un outil permettant :
de créer du contenu en html
de créer une mise en forme homogène
d’optimiser l’affichage sur les différents navigateurs Internet
d’intégrer les spécificités techniques permettant aux moteurs de
recherche de trouver le site
Une solution pour gérer cela : un CMS Qu’est ce que c’est ??
C’est un outil de gestion du contenu. Il devient le squelette
technique de votre site. Il permet de créer et modifier
facilement les pages de votre site, d’insérer du texte, des
images, de créer des liens hypertextes… Le code html est
généré automatiquement.
Un (tout petit) peu de technique…
9. Les différentes techniques de création
Pour faire simple, 2 façons de faire :
Sans système de gestion du contenu (CMS)
! Technique ! Langage html / transfert ftp
Exemples : Dreamweaver, NVU
Avec système de gestion de contenu :
Les système propriétaires : système privé créé par des
prestataires web. En général achat d’une licence.
Soit tout ce fait en ligne, soit on installe un logiciel.
Exemples : Jimdo, Wix, Orson, 1&1, WebEasy…
Les systèmes open source : développés de manière
collaborative par une communauté internationale.
Ils sont gratuits et mis à disposition de tous.
Exemples : Wordpress, Joomla, Drupal
10. Synthèse des techniques de création
Sans système de gestion de
contenu
CMS Propriétaires CMS Open Source
AVANTAGES
Personnalisation du site Cout faible
Autonomie
Gratuit
Performance
« Communauté » d’entraide
INCONVENIENTS
Compétences techniques
requises
Beaucoup de temps
nécessaire à la MAJ
vous êtes liés à un
prestataire.
Comparer les solutions elles
ne sont pas toutes
équivalentes (pensez aussi
référencement)
Nécessite des compétences
au départ pour le travail
d’installation, de
paramétrage et de
personnalisation
EN BREF
A éviter ! A privilégier si vous
souhaitez vous lancer seul
A privilégier si vous avez
des compétences
techniques ou si vous faites
appel à un professionnel
11. Et la mobilité dans tout ça ?
Panorama des solutions existantes :
Sites mobiles : site internet classique, mais optimisé pour
s’afficher sur un téléphone portable de type Smartphone
(disponible uniquement avec connexion internet).
Sites en « Responsive web design » (format adaptable)
source www.illimobile.fr
Applications mobiles : logiciel à télécharger,
conçu pour être visible sur un terminal mobile
(téléphone, ou tablette). Disponible sans connexion
Internet mais propre à un système d’exploitation
(Androïd, Apple, Blackberry).
12. Tout seul jusqu’au bout…
C’est possible avec les nombreuses solutions clés en main mais…
Attention à choisir le bon outil et à bien mesurer le temps nécessaire
Garder du recul sur son site, ne pas perdre de vue les objectifs fixés,
Avec un Pro
Bien formaliser vos idées et attentes. Comprendre ce qui est fait à
chaque étape. Bien cadrer les domaines d’intervention de chacun.
Un peu :
Le pro peut intervenir à certaine étapes seulement de la
création
Beaucoup :
ou réaliser la totalité de votre site et de vos contenus
Avec Qui ?
13. Combien ca coûte ?
Le budget varie en fonction :
• Des objectifs fixés
• Des fonctionnalités souhaitées
• Du niveau de personnalisation souhaité
• Du degré d’autonomie souhaité
• De la technique choisie
• De la duplication en langues étrangères
• Du travail de référencement
Attention de bien faire le distingo : entre le coût de création et les
frais annexes : location du nom de domaine et hébergement.
14. Combien ça coûte ?
Seul :
• A partir de 0€
• Mini 50€ par an pour un nom de domaine propre et un
hébergement
• De 100 à 500€ pour des options de personnalisation ou
fonctionnalités avancés ou achat de licence propriétaire.
Et beaucoup de temps….
Avec un pro :
• Environ 2000€ pour une base de site sur un CMS comme
wordpress
• 5000€ ou plus pour des demandes spécifiques
Combien ca coûte ?
15. Quel Contenu ?
Mettons-nous dans la peau de l’internaute…
> Je ne connais pas la
destination
> Je ne connais pas le
site Internet
> Je suis pressée !
Donnez moi tout ce qui peut m’intéresser :
Séduisez-moi et vite !!
16. Vous :
Décrivez votre structure et les services proposés
Décrivez votre environnement
Vos concurrents :
Qui sont ils ?
Quels sont leurs points forts et leurs points faibles
Vous :
Qu’est ce qui vous différencie (vraiment) ?
Etablissez une liste de « mots clés »
Ce sont des mots ou expressions qui sont utilisés pour faire une recherche sur
moteur de recherche.
Gardez les sous les yeux pendant toute la période de rédaction.
ETAPE 1Quel contenu ?
17. Définir ses mots clés
Activités / services Qualificatif Lieu
Meublés
Location
Séjour
Vacances
Week-end
We
…
Au vert
Ecolo
Au calme
Familial
Campagne
Marais Poitevin
Campagne
La Rochelle
Charente Maritime
…
Pour être visible un site doit d’abord être pensé en fonction des
recherches des Internautes.
18. Les contenus
• Quels contenus j’ai à ma disposition ?
• Quels contenus vais-je devoir trouver ?
• Quels contenus sont stables dans le temps,
lesquels sont vivants ?
Descriptif structure, environnement, prestations
Tarifs, disponibilités, coordonnées, réservation en ligne
Actualités, liens blogs, réseaux sociaux…
…
Type de contenu : descriptifs textes (différentes langues), photos,
vidéos…
ETAPE 2
19. Les contenus
Rédiger pour le web :
Claire, synthétique, sans faute
ORGANISES : Titre 1 – Synthèse – Développement
Pas de mots superflus ou abstraits : « magnifique »,
« grandiose »
Des mots simples, des phrases courtes
Une info par phrase, une idée par paragraphe, 2 à 3 phrases
par paragraphe
Des mots clés répétés sans exagération
20. Définir l’arborescence
Hiérarchiser les contenus
Faire l’inventaire des contenus et les regrouper de manière logique
Réfléchir à une arborescence.
Définir le schéma de votre page
Les éléments de repère :
Logo en haut à gauche
Lien vers la page d’accueil présent
sur chaque page
Eléments de navigation présents sur chaque page (menu principal)
ETAPE 3
21. L’aspect visuel
Réfléchissez à l’ambiance que vous souhaitez obtenir
pour votre site
Un site esthétique et à son image
Le site = votre identité
S’assurer de la cohérence à l’intérieur
du site et entre vos différents supports de communication
22. Mon site est en ligne…
ET APRES ?
Une fois finalisé le site va être hébergé sur Internet il sera
ensuite accessible via une adresse (=URL).
Attention si il s’agit d’une refonte de site à bien
rediriger le trafic de l’ancien site vers le nouveau !
Le référencement sur les moteurs de recherche va se faire
progressivement.
Si le nom de domaine est nouveau il faudra être patient…
23. KEZAKO ?
C’est une partie de l’adresse web à laquelle le site est accessible
http//www.aunis-maraispoitevin.com/
Préfixe Nom de domaine Extension
Le nom de domaine
Bien choisir son nom de domaine
Un nom de domaine mémotechnique : court percutant facile à retenir
Ex : nomdemastructure
Un nom de domaine facilitant le référencement naturel, c’est-à-dire
contenant des mots clés
Ex : gite-larochelle.com
Séparer les mots par des tirets
24. Le nom de domaine
Lorsque vous avez fait votre choix :
vérifier la disponibilité de votre nom de domaine
vérifier la disponibilité des différentes extensions (.fr, .com, .mobi..)
Sur http://www.1and1.fr/ par exemple
A noter :
Un nom de domaine est « une location » à renouveler chaque année
Vous pouvez réserver plusieurs extensions
L’ancienneté du nom de domaine est un facteur facilitant le
référencement.
25. Allons voir quelques exemples de
réalisation et tester les outils
Les mini sites CMT réalisés sous wordpress
http://demo.minisites.encharentemaritime.com/
Des sites réalisés par une agence web avec un CMS open
source.
Des sites réalisés en autonomie par des prestataires avec
l’outil Jimdo, Orson ou Wix
26. Merci !
Les rendez-vous de l’office de tourisme
Le site pro : aunis-pro-tourisme.fr
Juliette GRINARD
Projets numériques
Retrouvez tous les
supports de l’atelier
sur notre site pro
Saison 5