Your SlideShare is downloading. ×
0
CREATION D’UN SITE WEB
Comment créer facilement soi-même
un site web pour son activité touristique.
QUELLE EST VOTRE STRATÉGIE WEB ?
Quelques questions à vous poser
avant de foncer…
MON SITE
WEB
TOURISTONAUTES
VIDEOS
EN LIGNEPHOTOS
EN LIGNE
FORUMS
PARTENAIRES
COMMUNAUTE
GEO
MARKETING
FLUX RSS
WIKI
M-Tou...
10 RÈGLES D’OR DU WEBMARKETING
1. La permission
2. Eviter le commercial
direct
3. Animer !
4. Ouverture et
transparence
5....
1. Votre site doit vous ressembler, refléter la réalité
2. Votre site doit être adapté à votre clientèle
3. Votre site doi...
D’APRÈS VOUS, QUELS ÉLÉMENTS DOIVENT
APPARAÎTRE SUR VOTRE SITE WEB ?
EN PAGE D’ACCUEIL
•
DANS LES AUTRES PAGES
•
SUR TOUTE...
APRÈS LA THÉORIE, LA PRATIQUE !
En moins de 2 mn, votre nouveau
site web sera en ligne!
POURQUOI CHOISIR JIMDO ?
1. Pas besoin de connaissances en html.
2. Autonomie totale sur la création et mise à jour du sit...
BIEN CHOISIR SON NOM DE DOMAINE
Quelques règles à suivre ou
pistes de réflexion :
 Faire le choix entre un nom de domaine...
ETAPE 1
1. Rendez vous sur www.bergerac-tourisme-pro.com/demo
2. Cliquez sur puis
3. Choisissez votre design
ETAPE 2
1. Choisissez votre nom de domaine, c’est-à-dire le nom
de votre site web (en version gratuite, il se terminera
ob...
ETAPE 3
1. Votre site est
maintenant en
ligne
2. Recherchez dans
vos e-mails le lien
d’activation de
votre compte.
ETAPE 4 LA PERSONNALISATION
COMMENT SE COMPOSE UNE PAGE JIMDO ?
LE MODULE
D’AMINISTRATION
(visible seulement en
mode modification)
LE MENU
Il peut êtr...
L’ARBORESCENCE DU SITE
Une étape préalable importante
mais toujours modifiable!
Créez VOTRE
arborescence!
1. Passez votre souris sur
le 1er niveau de menu
(ici, l’accès par langue)
2. Jimdo vous propose...
Toute l’arborescence du site apparaît.
1er niveau de menu
2ème niveau de menu
3ème niveau de menu
Ces flèches permettent d...
LE PARAMETRAGE DU SITE
Comment utiliser la boîte à outils
de Jimdo ?
LES OUTILS DE PARAMETRAGE
DESIGN : permet de choisir, modifier et paramétrer l’aspect général de votre site
(emplacement d...
COMMENT AJOUTER DU CONTENU
Les outils à connaître !
 Une page de site Jimdo est composée
d’une succession d’éléments. Chaque élément
est indépendant
 A tout moment vous pou...
Les colonnes sont un outil très pratique pour
structurer la présentation de votre page.
2 colonnes sont insérées
par défau...
Les Titres permettent de structurer votre
texte (3 niveaux de titres)
- visuellement pour l’internaute qui va le lire
- te...
POUR MODIFIER DU TEXTE
texte en gras (B)
ou en italique (I)
alignement du texte
à gauche, centré, à
droite, ou justifié
in...
POUR AJOUTER DES IMAGES
La Galerie d’Images permet très simplement
d’afficher une série de photos…
• soit en mode pêle-mêl...
POUR UTILISER LES OUTILS JIMDO
Formulaire : permet très simplement de
créer un formulaire de contact et/ou de
réservation....
POUR AJOUTER UNE CARTE
1. Recherchez votre adresse
2. Insérez un repère et
affinez sa position
3. Modifiez les options
d’a...
POUR AJOUTER UNE VIDEO
Même si vous n’avez pas de
vidéo de votre établissement,
des outils vous permettent de
créer des di...
POUR DUPLIQUER OU DEPLACER UN ELEMENT
Pour chaque élément que
vous créez sur votre site,
vous disposez de ces outils :
Pou...
AJOUTER DES CONTENUS EXTERNES
Un copier-coller suffit !
UN WIDGET, C’EST QUOI ?
source : Wikipedia
Pour intégrer un widget à
votre site web, il vous suffit
de copier-coller un co...
CRÉER ET INSERER UN WIDGET POUR LA METEO
 Rendez vous sur www.meteorama.fr
 Cliquez sur Météo gratuite pour site
CRÉER ET INSERER UN WIDGET POUR LA METEO
 Suivez les 3 étapes de paramétrage
• Sélectionnez la ville
• Changer le contenu...
CRÉER ET INSERER UN CALENDRIER DE DISPONIBILITÉS
Parce que les internautes
veulent savoir
tout et tout de suite,
affichez ...
INSERER LA WEBCAM DE BERGERAC
<object type="application/x-shockwave-flash"
data="http://java.viewsurf.com/manager/Player.s...
INSERER L’AGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC
1. Rendez vous sur http://www.bergerac-tourisme.com/Widget-Animati...
OPTIMISEZ VOTRE FOOTER
Un bon pied-de-page
= Un bon référencement !
UTILISEZ LES RESEAUX SOCIAUX
NE PAS CONFONDRE !
Boutons de partage sociaux
Bouton J’aime & Like Box
FAITES DES LIENS INTERNES
Les liens internes favorisent le référencement de vos pages. Utilisez le pied-de-page pour
facil...
POUR ALLER + LOIN AVEC JIMDO
Voici quelques liens qui vous
permettront de parfaire votre site!
 Analyser la fréquentation de son site web avec Google Analytics :
http://fr.jimdo.com/wiki/Google_Analytics
 Créer un d...
OFFICE DE TOURISME
BERGERAC – SUD DORDOGNE
97 Rue Neuve d’Argenson
24100 BERGERAC
Tel : 05 53 57 03 11
www.bergerac-touris...
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Upcoming SlideShare
Loading in...5
×

Création d’un site internet _ Ateliers numériques en Pays de Bergerac

2,609

Published on

Published in: Travel

Transcript of "Création d’un site internet _ Ateliers numériques en Pays de Bergerac"

  1. 1. CREATION D’UN SITE WEB Comment créer facilement soi-même un site web pour son activité touristique.
  2. 2. QUELLE EST VOTRE STRATÉGIE WEB ? Quelques questions à vous poser avant de foncer…
  3. 3. MON SITE WEB TOURISTONAUTES VIDEOS EN LIGNEPHOTOS EN LIGNE FORUMS PARTENAIRES COMMUNAUTE GEO MARKETING FLUX RSS WIKI M-Tourism Source : Touristic TOURISTES LES BULLES DU E-TOURISME
  4. 4. 10 RÈGLES D’OR DU WEBMARKETING 1. La permission 2. Eviter le commercial direct 3. Animer ! 4. Ouverture et transparence 5. Soyez Réactif 6. Partager et faites participer 7. Jouer la proximité 8. Segmenter 9. S’assurer une veille 10. Analyser Lire l’article complet sur http://www.reussirsonwe bmarketing.com/10- regles-or-web-marketing/
  5. 5. 1. Votre site doit vous ressembler, refléter la réalité 2. Votre site doit être adapté à votre clientèle 3. Votre site doit présenter l’information de façon précise, sans ambigüité UN SITE WEB A VOTRE IMAGE
  6. 6. D’APRÈS VOUS, QUELS ÉLÉMENTS DOIVENT APPARAÎTRE SUR VOTRE SITE WEB ? EN PAGE D’ACCUEIL • DANS LES AUTRES PAGES • SUR TOUTES LES PAGES •
  7. 7. APRÈS LA THÉORIE, LA PRATIQUE ! En moins de 2 mn, votre nouveau site web sera en ligne!
  8. 8. POURQUOI CHOISIR JIMDO ? 1. Pas besoin de connaissances en html. 2. Autonomie totale sur la création et mise à jour du site. 3. Pas de logiciel à installer. Tout est en ligne. 4. Démarrage en version gratuite. 5. Des templates très pros. 6. Nombre de pages illimité. 7. Fonction blog. 8. Version mobile du site générée automatiquement. 9. Une communauté active pour vous aider ! 10.Quelques exemples de sites web : http://goo.gl/1GLrG9
  9. 9. BIEN CHOISIR SON NOM DE DOMAINE Quelques règles à suivre ou pistes de réflexion :  Faire le choix entre un nom de domaine mnémotechnique (court, qui percute et qu’on retient facilement) ou un nom de domaine facilitant le référencement naturel (comportant 1 ou 2 mots clés de préférence séparés par des tirets hauts (sous le chiffre 6) source : www.blog-story.com  Lorsque vous avez affiné votre choix, vérifier la disponibilité de votre nom de domaine avec http://www.netissime.com/ par exemple.  Pensez à vérifier également à vérifier la disponibilité des variantes de ce nom (avec ou sans tiret, écritures différentes…) ainsi que celle des différentes extensions (.fr, .com, .net, etc…). Il est d’ailleurs conseillé d’acheter les différentes variantes si celles-ci sont susceptibles d’être utilisées par la concurrence. Définition Le nom de domaine est la partie centrale de l’adresse Internet qui est tapée dans le navigateur afin d’atteindre un site Web. Cette adresse est composée de trois éléments: le préfixe (http://), le nom de domaine et l’extension (appelée aussi domaine de niveau supérieur ou TLD). Chaque élément d’une adresse Web est séparé par un point. Voici un schéma qui sera certainement plus parlant. source : http://www.blog.manit4c.com http://aide.jimdo.com/nom-de-domaine/
  10. 10. ETAPE 1 1. Rendez vous sur www.bergerac-tourisme-pro.com/demo 2. Cliquez sur puis 3. Choisissez votre design
  11. 11. ETAPE 2 1. Choisissez votre nom de domaine, c’est-à-dire le nom de votre site web (en version gratuite, il se terminera obligatoirement par .jimdo.com) 2. Inscrivez votre adresse e-mail. Vous y recevrez la confirmation de création de votre site web et un mot de passe de connexion provisoire 3. Choisissez votre mot de passe. Il vous servira pour accéder à l’interface d’administration de votre site. 4. Cliquez sur le bouton bleu « Créer mon site gratuit »
  12. 12. ETAPE 3 1. Votre site est maintenant en ligne 2. Recherchez dans vos e-mails le lien d’activation de votre compte.
  13. 13. ETAPE 4 LA PERSONNALISATION
  14. 14. COMMENT SE COMPOSE UNE PAGE JIMDO ? LE MODULE D’AMINISTRATION (visible seulement en mode modification) LE MENU Il peut être placé à différents endroits selon le design choisi LE CONTENT contenu de chaque page
  15. 15. L’ARBORESCENCE DU SITE Une étape préalable importante mais toujours modifiable!
  16. 16. Créez VOTRE arborescence! 1. Passez votre souris sur le 1er niveau de menu (ici, l’accès par langue) 2. Jimdo vous propose de Modifier la navigation 3. Cliquez dessus L’arborescence, c’est le squelette du site. Il s’agit des différents niveaux de menus qui vont composer les pages de votre site web. Vous avez droit à 3 niveaux de menus, c’est-à-dire :  un menu principal  des sous-menus  et des sous-sous-menus
  17. 17. Toute l’arborescence du site apparaît. 1er niveau de menu 2ème niveau de menu 3ème niveau de menu Ces flèches permettent de déplacer les pages dans l’arborescence Ces flèches permettent de changer le niveau de menu des pages Ce signe permet d’ajouter une page Ce signe permet de supprimer une page ATTENTION ! Lorsque qu’une page est supprimée, il n’y a aucun moyen de revenir en arrière et de récupérer son contenu ! Ce signe permet de cacher une page Lorsque vous avez modifié votre arborescence, cliquez sur Enregistrez. Vous pouvez renommer les pages en cliquant sur le nom à modifier.
  18. 18. LE PARAMETRAGE DU SITE Comment utiliser la boîte à outils de Jimdo ?
  19. 19. LES OUTILS DE PARAMETRAGE DESIGN : permet de choisir, modifier et paramétrer l’aspect général de votre site (emplacement des header, sidebar, content et menu) http://goo.gl/tXQnaf STYLE : permet de définir le style (taille, couleur, etc…) de vos textes, titres… Ce style sera adopté par défaut dans toutes les pages du site. http://goo.gl/tXQnaf BLOG : permet de gérer les articles de votre blog (si vous activez cette fonction) http://goo.gl/gynswt VERSIONS PRO : permet de passer en version pro (hébergement + 1 nom de domaine + 1 adresse e-mail pour 5€/mois) http://goo.gl/DlU4No PARAMETRES : permet de gérer les paramètres de votre site (nom de domaine, référencement, mentions légales, mot de passe, etc…) http://goo.gl/qkl6XR STATISTIQUES : accessibles unique en version pro et business. Vous pouvez aussi (même en version gratuite) activer l’outil Google Analytics dans PARAMETRES AIDE : Blog, forum, FAQ, Jimdo dispose d’une assistance très performante et réactive. S.E.O. (Référencement) : permet de donner un titre un descriptif et des mots- clés à votre site pour optimiser son référencement http://goo.gl/A5UTO2 E-BOUTIQUE: permet de gérer une boutique de vente en ligne. Il n’est cependant pas adapté à la vente de séjours. http://goo.gl/ZPSs2F
  20. 20. COMMENT AJOUTER DU CONTENU Les outils à connaître !
  21. 21.  Une page de site Jimdo est composée d’une succession d’éléments. Chaque élément est indépendant  A tout moment vous pouvez modifier, déplacer ou supprimer un élément dans la page  Chaque élément peut être dupliqué mais la duplication d’une page entière n’est disponible qu’en version pro  Toutes les mises à jour se font instantanément dès que vous cliquez sur Enregistrer  Pour ajouter du contenu dans une nouvelle page, cliquez sur
  22. 22. Les colonnes sont un outil très pratique pour structurer la présentation de votre page. 2 colonnes sont insérées par défaut mais vous pouvez en ajouter en cliquant sur le +. Ensuite chaque colonne s’utilise et s’alimente comme une page dans la page. Vous pouvez donc y ajouter autant d’éléments que vous souhaitez. POUR STRUCTURER VOTRE PAGE
  23. 23. Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour l’internaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaître comme des éléments importants de la page. Le Texte s’utilise de la même façon que les logiciels de traitement de texte type Word. POUR AJOUTER DU TEXTE Pour modifier le style par défaut de vos titres et textes, cliquez sur la rubrique STYLE
  24. 24. POUR MODIFIER DU TEXTE texte en gras (B) ou en italique (I) alignement du texte à gauche, centré, à droite, ou justifié insertion de puces ou numéros retrait à droite ou à gauche couleur du texte suppression de la mise en forme (à utiliser impérativement pour les copier-coller!) annule ou restaure une modification Lien hypertexte  pour créer un lien, sélectionnez le texte sur lequel vous souhaitez mettre le lien  cliquez sur le chaînon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)  cliquez sur Créer un lien permet d’accéder au code html du texte
  25. 25. POUR AJOUTER DES IMAGES La Galerie d’Images permet très simplement d’afficher une série de photos… • soit en mode pêle-mêle Horizontal (priorité aux photos orientation paysage) • soit en mode pêle-mêle Vertical (priorité aux photos orientation portrait) • soit en mode Grille (vignettes agrandissables) • soit en mode Slider (avec un défilement paramétrable) • évitez le flash (pas lisible sur tout support) Pensez au texte alternatif pour favoriser le référencement de vos images ! (cf Affichage Liste pour + d’options)
  26. 26. POUR UTILISER LES OUTILS JIMDO Formulaire : permet très simplement de créer un formulaire de contact et/ou de réservation. Flux RSS : permet de récupérer et d’intégrer à votre site les flux RSS issus de blogs. Téléchargement : offre aux internautes la possibilité de télécharger des documents, par exemple la plaquette de présentation de votre établissement ou un contrat de location. (privilégiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractère) Livre d’Or : offre aux internautes la possibilité de déposer leur avis sur votre établissement. Pensez néanmoins à proposer des liens vers les différents sites d’avis (Tripadvisor, Dismoioù, Vinivi, etc…)
  27. 27. POUR AJOUTER UNE CARTE 1. Recherchez votre adresse 2. Insérez un repère et affinez sa position 3. Modifiez les options d’affichage Grâce à l’outil Widget/HTML, créez une carte personnalisée de vos « bonnes adresses » et intégrez la dans votre site web ! Voir notre atelier « Créer une carte touristique »
  28. 28. POUR AJOUTER UNE VIDEO Même si vous n’avez pas de vidéo de votre établissement, des outils vous permettent de créer des diaporamas de photos dynamiques et pros exportables sur Youtube! Voir notre atelier « Dynamiser sa présence en ligne avec la vidéo » 1. Copiez l’url de votre vidéo 2. Collez l’url de votre vidéo 3. Modifiez les options d’affichage
  29. 29. POUR DUPLIQUER OU DEPLACER UN ELEMENT Pour chaque élément que vous créez sur votre site, vous disposez de ces outils : Pour dupliquer un élément (en version pro vous pouvez également dupliquer une page entière depuis l’outil « modifier navigation ») Pour supprimer un élément Pour faire monter ou descendre un élément Pour déplacer un élément sur une même page, utilisez les flèches ou la croix de déplacement. Pour déplacer un élément sur une autre page, utilisez la croix de déplacement et le presse- papier. 1. Prenez votre élément avec la croix de déplacement. 2. Dirigez le vers le haut de la page. Le presse- papier apparaît. Déposez-y l’élément. 3. Positionnez-vous sur l’autre page. Reprenez votre élément dans le presse-papier. Placez-le.
  30. 30. AJOUTER DES CONTENUS EXTERNES Un copier-coller suffit !
  31. 31. UN WIDGET, C’EST QUOI ? source : Wikipedia Pour intégrer un widget à votre site web, il vous suffit de copier-coller un code html. Ce code commence généralement par « iframe » ou « embed » ou « div » ou encore « object ». Retrouvez sur votre espace pro de nombreux contenus intégrables sur votre site web pour vous aidez à promouvoir le Pays de Bergerac : http://www.bergerac-tourisme-pro.com/ vos-outils-de-com/
  32. 32. CRÉER ET INSERER UN WIDGET POUR LA METEO  Rendez vous sur www.meteorama.fr  Cliquez sur Météo gratuite pour site
  33. 33. CRÉER ET INSERER UN WIDGET POUR LA METEO  Suivez les 3 étapes de paramétrage • Sélectionnez la ville • Changer le contenu • Ajouter votre style  Et découvrez en temps réel à quoi ressemblera votre widget Cochez l’acceptation des conditions générales  Puis cliquez sur Générez le code  Copiez le code html généré  Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo Pour vos pages en langues étrangères, pensez à changer la langue de votre météo
  34. 34. CRÉER ET INSERER UN CALENDRIER DE DISPONIBILITÉS Parce que les internautes veulent savoir tout et tout de suite, affichez directement les disponibilités de votre hébergement sur votre site! Voir notre atelier « Gérer et afficher ses disponibilités en ligne »
  35. 35. INSERER LA WEBCAM DE BERGERAC <object type="application/x-shockwave-flash" data="http://java.viewsurf.com/manager/Player.swf" id="Player" width="580" height="326"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="http://java.viewsurf.com/manager/Player.swf"> <param name="quality" value="high"> <param name="scale" value="noScale"> <param name="wmode" value="transparent"> <param name="allowFullScreen" value="true"> <param name="FlashVars" value="playlist=%3Cplaylist%3E%3Citem type='video' source='%2Fbergerac01%2F1%2F2%2Flast'%2F%3E%3C%2Fplaylist%3E"> <embed src="http://java.viewsurf.com/manager/Player.swf" quality="high" allowfullscreen="true" bgcolor="#869ca7" name="Player" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" flashvars="playlist=%3Cplaylist%3E%3Citem type='video' source='%2Fbergerac01%2F1%2F2%2Flast'%2F%3E%3C%2Fplaylist%3E" width="580" align="middle" height="326"> </object>  Copiez le code html ci-dessous  Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo
  36. 36. INSERER L’AGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC 1. Rendez vous sur http://www.bergerac-tourisme.com/Widget-Animations,9297 2. Choisissez la ou les catégorie(s) d'animations que vous souhaitez voir remonter sur votre site web (le nombre de catégories n'est pas limité, vous pouvez tout cocher si vous le souhaitez!) 3. Choisissez pour quelle période vous souhaitez afficher les animations (15 ou 30 jours à venir) 4. Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget 5. Cliquez sur Générer le code, cela vous permet d'afficher le code d'intégration du widget 6. Copiez le code html généré 7. Collez ce code dans un cadre d’élément Widget / html sur votre site Jimdo
  37. 37. OPTIMISEZ VOTRE FOOTER Un bon pied-de-page = Un bon référencement !
  38. 38. UTILISEZ LES RESEAUX SOCIAUX NE PAS CONFONDRE ! Boutons de partage sociaux Bouton J’aime & Like Box
  39. 39. FAITES DES LIENS INTERNES Les liens internes favorisent le référencement de vos pages. Utilisez le pied-de-page pour faciliter la navigation sur votre site web ! Rappelez vos coordonnées pour qu’elles soient accessibles depuis n’importe quelle page. Apposez vos labels de qualité sous forme de logos cliquables. N’oubliez pas les mentions légales! Pour vous aider : http://goo.gl/IEXUEC ici l’exemple du footer de www.bergerac- tourisme.com
  40. 40. POUR ALLER + LOIN AVEC JIMDO Voici quelques liens qui vous permettront de parfaire votre site!
  41. 41.  Analyser la fréquentation de son site web avec Google Analytics : http://fr.jimdo.com/wiki/Google_Analytics  Créer un design professionnel pour son site : http://fr.jimdo.com/outils/webdesign/  Trouver des bons tuyaux pour améliorer son site Jimdo : http://communautefrancophone.jimdo.com/ ou http://realia.jimdo.com/ ou http://funnycat.jimdo.com/  Suivre l’actualité du e-tourisme : http://www.etourisme.info dont voici quelques articles intéressants parmi d’autres  http://www.etourisme.info/5-bonnes-raisons-de-tenir-un-blog-sur-son-site  http://www.etourisme.info/quand-eric-schmidt-se-deguise-en-maite-et-nous- donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage  http://www.etourisme.info/vous-avez-deux-ans-pour-alleger-vos-sites-signe-google
  42. 42. OFFICE DE TOURISME BERGERAC – SUD DORDOGNE 97 Rue Neuve d’Argenson 24100 BERGERAC Tel : 05 53 57 03 11 www.bergerac-tourisme.com CELLULE CONSEIL Guenaëlle NE Marie-Pierre MAILLET conseil@bergerac-tourisme.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×