Atelier "Faire ou refaire son site Internet" de l'office de tourisme Aunis Marais Poitevin. Atelier du parcours vert "Je créé mon site, je vends en ligne". Retrouvez tous le programme des rendez vous du e-tourisme sur notre site pro www.aunis-pro-tourisme.fr
1. LES PAUSES NUMERIQUES
Atelier pratique
“ Créer ou refondre son site Internet ”
15 janvier 2014
aunis-maraispoitevin.com
aunis-pro-tourisme.fr
Juliette Grinard– ANT OTAMP
3. Un site Web…
Pour qui ? Pourquoi ?
Comment ca marche ?
Avec qui ?
Définir ses objectifs
Un site web, c’est quoi ?
Moi tout seul ! Vs avec un pro
Combien ça coûte ?
Quel contenu ?
Et après ?
Les bonnes pratiques pour plaire
aux « touristonautes » et à Google…
Anticiper l’après mise en ligne
4. Pour Qui ? Pour Quoi ?
60% des français utilisent
Internet dans la préparation de
leur séjour.
44% réservent en ligne.
Source - Raffour Interactif Baromètre annuel 2013
Pour autant :
La création d’un site Internet n’est pas une finalité mais un
moyen…
5. Objectifs…en vrac !
o Communiquer
o Trouver de nouveaux clients
o Améliorer son image
o Vendre
o Informer
o Fidéliser
o …
6. Définir ses objectifs / Ses cibles
Quelles sont mes cibles, quelles sont leurs attentes ?
•
•
•
•
Local, national, international
Loisirs, affaires
Couples, familles, retraités, groupes
…
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…
Collecter des adresses emails
Donner des actualités
…
7. Quel type de site ?
Objectifs + cibles clientèles
Une solution technique adaptée
Le site vitrine, le blog, le site e-commerce
Un site visible sur quels supports : ordinateur,
tablette, Smartphone ?
Les modalités de mise à jour
Le référencement sur les moteurs de recherche
Un beau site que personne ne voit ne sert à rien !
8. Le référencement
Une page sera présentée à un Internaute si elle est jugée
pertinente par un moteur de recherche
9. Comment ça marche ?
Un site Internet c’est un magasine avec quelques spécificités…
C’est un ensemble de pages accessibles sans ordre prédéfini
Le contenu évolue en permanence
Le contenu est infini et multimédia
Chaque page est en interaction avec
d’autres pages
Le site est en interaction avec d’autres sites
10. 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.
11. Un (tout petit) peu de technique…
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.
12. 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, 1&1, WebAccapella, 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, Spip
13. 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
vous êtes liés à un
prestataire.
Beaucoup de temps
nécessaire à la MAJ
Comparer les solutions elles
ne sont pas toutes
équivalentes (pensez aussi
référencement)
Nécessite des compétences
au départ pour configuration
et 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 à une agence web
14. Et la mobilité dans tout ça ?
Une variété de tailles et de
résolutions différentes !
15. 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).
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).
Sites en « Responsive web design » (format adaptable)
source www.illimobile.fr
16. Avec Qui ?
Tout seul jusqu’au bout…
C’est possible avec les nombreuses solutions
clés en main proposées sur la toile 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
17. 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.
A éviter : un site Internet Pro sur des outils gratuits de fournisseur
d’accès type page perso !
18. Combien ça coûte ?
Seul :
o A partir de 0€
o Mini 50€ par an pour un nom de domaine propre et un
hébergement
o 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 :
o Entre 1000 et 2000€ pour une base de site
o 5000€ ou plus pour des demandes spécifiques
19. 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é !
Donnez moi tout ce qui peut m’intéresser :
Séduisez-moi et vite !!
20. Quel Contenu ?
Commencer par le diagnostic de votre site
Avoir un regard réaliste
> Je ne connais pas
Allons faire un tour sur votre site…
la destination
> Je ne connais pas
Faitesle site Internet
une vieille
> Je suis pressée !
Elles sont bonnes leurs idées ?
Ce qui vous plait et ce qui ne vous plait pas sur les sites
des autres…
21. Quel contenu ?
ETAPE 1
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 un listing 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.
22. Définir ses mots clés
Activités / services
Meublés
Location
Séjour
Vacances
Week-end
We
…
Qualificatif
Au vert
Ecolo
Au calme
Familial
Lieu
Marais Poitevin
Campagne
La Rochelle
Charente Maritime
…
Campagne
Vérifier si ces mots clés sont effectivement recherchés par les
internautes.
Pour cela utilisez l’outil de planification des mots clés google.
Pour être visible un site doit d’abord être pensé en fonction des
recherches des Internautes.
23. Les contenus
ETAPE 2
• 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…
24. Les bonnes pratiques
Les priorités :
Un contenu de qualité (textes, images, liens…)
Un contenu fiable (rassurer l’internaute)
Un contenu étendu
Des appels à action
Un site doit être riche en contenu,
ce contenu doit être pertinent dans le temps
25. Les bonnes pratiques
Que recherchent les Internautes ?
Des infos précises, opérationnelles, exhaustives
(tarif, horaires, accès…)
Des infos fiables (à jour)
Des infos personnalisées (segmentation)
Des « marqueurs » de confiance
Trouver rapidement l’information souhaitée
26. 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
27. Définir l’arborescence
ETAPE 3
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)
28. L’ergonomie du site
Réfléchir à la navigation
Comment l'utilisateur sera-t-il amené à aller de page
en page ?
Quel mode de navigation est le plus adapté à votre cible, à
vos enjeux, à votre problématique ?
Quels services et fonctionnalités doivent apparaître en
permanence sur toutes les pages, etc.?
Ne pas oublier qu’un internaute peut atterrir sur
n’importe qu’elle page et pas seulement sur la
page d’accueil
31. En terme d’ergonomie
…des « gros boutons » de navigation..
…tout est simplifié, facile…
…« sans effort » pour l’internaute…
32. L’aspect visuel
Le site = votre identité
Réfléchissez à l’ambiance que vous souhaitez obtenir
pour votre site
Un site esthétique et à son image
S’assurer de la cohérence à l’intérieur
du site et entre vos différents supports de communication
33. 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…
34. Le nom de domaine
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
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
35. 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.
36. Mon site est en ligne…
et maintenant ?
4 règles à respecter :
ANALYSER / Suivre le trafic
Suivre le positionnement sur les moteurs de recherche
Mettre à jour, enrichir constamment le contenu
Tisser un réseau autour de mon site (se référencer dans
les annuaires, faire des échanges de liens, faire des
connexions avec les réseaux sociaux..)
37. LES PAUSES NUMERIQUES
Merci de votre attention
Prochains ateliers du parcours :
Référencement : 20 Mars
Enrichir le contenu : 21 janvier
Analysez l’audience :4 février
aunis-maraispoitevin.com
aunis-pro-tourisme.fr
Juliette Grinard– ANT OTAMP