37
aunis-maraispoitevin.com aunis-pro-tourisme.fr Juliette GrinardANT OTAMP LES PAUSES NUMERIQUES Atelier pratique 15 janvier 2014 Créer ou refondre son site Internet

Création ou refonte de site Internet

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Création ou refonte de site Internet

aunis-maraispoitevin.com

aunis-pro-tourisme.fr

Juliette Grinard– ANT OTAMP

LES PAUSES NUMERIQUES

Atelier pratique

15 janvier 2014

“ Créer ou refondre son site Internet ”

Page 2: Création ou refonte de site Internet

Petit tour de table…

Juliette

Animatrice Numérique de Territoire

Page 3: Création ou refonte de site Internet

Pour qui ? Pourquoi ?

Comment ca marche ?

Avec qui ?

Combien ça coûte ?

Quel contenu ?

Et après ?

Définir ses objectifs

Les bonnes pratiques pour plaire aux « touristonautes » et à Google…

Un site web, c’est quoi ?

Moi tout seul ! Vs avec un pro

Anticiper l’après mise en ligne

Un site Web…

Page 4: Création ou refonte de site Internet

Pour Qui ? Pour Quoi ?

60% des français utilisent Internet dans la préparation de leur séjour.

44% réservent en ligne.

Pour autant :

La création d’un site Internet n’est pas une finalité mais un

moyen…

Source - Raffour Interactif Baromètre annuel 2013

Page 5: Création ou refonte de site Internet

Objectifs…en vrac !

o Communiquer

o Trouver de nouveaux clients

o Améliorer son image

o Vendre

o Informer

o Fidéliser

o …

Page 6: Création ou refonte de site Internet

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 • …

Page 7: Création ou refonte de site Internet

Quel type de site ?

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 !

Objectifs + cibles clientèles

Page 8: Création ou refonte de site Internet

Le référencement

Une page sera présentée à un Internaute si elle est jugée

pertinente par un moteur de recherche

Page 9: Création ou refonte de site Internet

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 est infini et multimédia

Le contenu évolue en permanence

Chaque page est en interaction avec

d’autres pages

Le site est en interaction avec d’autres sites

Page 10: Création ou refonte de site Internet

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 11: Création ou refonte de site Internet

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 12: Création ou refonte de site Internet

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

Page 13: Création ou refonte de site Internet

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

Page 14: Création ou refonte de site Internet

Et la mobilité dans tout ça ?

Une variété de tailles et de

résolutions différentes !

Page 15: Création ou refonte de site Internet

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 16: Création ou refonte de site Internet

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

Avec Qui ?

Page 17: Création ou refonte de site Internet

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 !

Page 18: Création ou refonte de site Internet

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

Page 19: Création ou refonte de site Internet

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

Page 20: Création ou refonte de site Internet

Commencer par le diagnostic de votre site

Avoir un regard réaliste

> Je ne connais pas

la destination

> Je ne connais pas

le site Internet

> Je suis pressée !

Faites une vieille

Elles sont bonnes leurs idées ?

Allons faire un tour sur votre site…

Ce qui vous plait et ce qui ne vous plait pas sur les sites

des autres…

Quel Contenu ?

Page 21: Création ou refonte de site Internet

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.

ETAPE 1 Quel contenu ?

Page 22: Création ou refonte de site Internet

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

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.

Page 23: Création ou refonte de site Internet

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

Page 24: Création ou refonte de site Internet

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

Page 25: Création ou refonte de site Internet

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

Page 26: Création ou refonte de site Internet

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 27: Création ou refonte de site Internet

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 28: Création ou refonte de site Internet

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

Page 29: Création ou refonte de site Internet

Exemple de

« zoning »

Page

d’accueil

Source : Touristic

Page 30: Création ou refonte de site Internet

Exemple de

« zoning »

Page

intérieure

Source : Touristic

Page 31: Création ou refonte de site Internet

En terme d’ergonomie

…des « gros boutons » de navigation..

…tout est simplifié, facile…

…« sans effort » pour l’internaute…

Page 32: Création ou refonte de site Internet

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 33: Création ou refonte de site Internet

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…

Page 34: Création ou refonte de site Internet

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

Page 35: Création ou refonte de site Internet

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 36: Création ou refonte de site Internet

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

Page 37: Création ou refonte de site Internet

aunis-maraispoitevin.com

aunis-pro-tourisme.fr

Juliette Grinard– ANT OTAMP

LES PAUSES NUMERIQUES

Merci de votre attention

Référencement : 20 Mars

Enrichir le contenu : 21 janvier

Analysez l’audience :4 février

Prochains ateliers du parcours :