2016 création refonte site

26
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

Upload: office-de-tourisme-aunis-marais-poitevin

Post on 13-Feb-2017

568 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: 2016 Création Refonte Site

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

Page 2: 2016 Création Refonte Site

Comment ca marche ?

Combien ça coûte ?

Avec quel outil ?

Quel contenu ?

Et après ?

Un site Internet…

Page 3: 2016 Création Refonte Site

Pour qui ?Pour quoi ?

71% des français partis ontutilisé Internet pour lapré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 !

Page 4: 2016 Création Refonte Site

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…

Page 5: 2016 Création Refonte Site

Quel type de site ?

Une solution technique adaptéeEn 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.

Page 6: 2016 Création Refonte Site

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 payantAchat de mots clés au coût par clic

Référencement « local »Via la page google my business

Référencement naturelVia la qualité du contenu

Page 7: 2016 Création Refonte Site

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.

Page 8: 2016 Création Refonte Site

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…

Page 9: 2016 Création Refonte Site

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 ftpExemples : 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

Page 10: 2016 Création Refonte Site

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

Page 11: 2016 Création Refonte Site

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).

Page 12: 2016 Création Refonte Site

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écessaireGarder du recul sur son site, ne pas perdre de vue les objectifs fixés,

Avec un ProBien 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éationBeaucoup :ou réaliser la totalité de votre site et de vos contenus

Avec Qui ?

Page 13: 2016 Création Refonte Site

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.

Page 14: 2016 Création Refonte Site

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 ?

Page 15: 2016 Création Refonte Site

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

Page 16: 2016 Création Refonte Site

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 ?

Page 17: 2016 Création Refonte Site

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.

Page 18: 2016 Création Refonte Site

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, prestationsTarifs, disponibilités, coordonnées, réservation en ligneActualités, liens blogs, réseaux sociaux……

Type de contenu : descriptifs textes (différentes langues), photos, vidéos…

ETAPE 2

Page 19: 2016 Création Refonte Site

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

Page 20: 2016 Création Refonte Site

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

Page 21: 2016 Création Refonte Site

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

Page 22: 2016 Création Refonte Site

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 à bienrediriger 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…

Page 23: 2016 Création Refonte Site

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 à retenirEx : 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

Page 24: 2016 Création Refonte Site

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.

Page 25: 2016 Création Refonte Site

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

Page 26: 2016 Création Refonte Site

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