1. Créer un site internet
Créer et gérer
Votre site web
NE PAS ETRE VISIBLE SUR INTERNET,
C’EST SE PASSER DE 88% DE LA POPULATION FRANCAISE

2. Au programme
Pourquoi Jimdo
Exemple de sites Jimdo
- Par des prestataires touristiques
- Par des professionnels
Un peu de théorie
- Étapes de la création d’un site Internet
- Écosystème numérique (Média sociaux)
Je crée mon 1er site internet seul
- Les bases
- widget
Pour aller plus loin

3. Pourquoi ???
POURQUOI CHOISIR JIMDO ? en
1. Pas besoin de connaissances
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. Nombre de pages illimité.
6. Fonction blog.
7. Version mobile du site générée
automatiquement.
8. Une communauté active pour
vous aider !

4. EXEMPLES DE SITES
Jimdo:
La création de site n’aura jamais été aussi facile !
Sites réalisés par des prestataires en autonomie
Aujourd’hui, plus besoin de s’embêter avec les anciennes « machines
à gaz » qui permettaient de créer et d’envoyer des sites internet en
ligne !
.
Avec Jimdo, tout se passe directement en ligne et est
incroyablement facile à utiliser!

5. EXEMPLE DE SITE JIMDO FAIT PAR DES PROS
Graphisme réalisé par un professionnel

6. Pourquoi ???
Gratuit mais pas que…

7. Un peu de théorie
Créer un site internet facilement
NE PAS ETRE VISIBLE SUR INTERNET,
C’EST SE PASSER DE 88% DE LA POPULATION FRANCAISE

8. ETAPES POUR LA CREATION D’UN SITE WEB

9. AVANT DE COMMENCER : JE METS QUOI DEDANS ?

10. 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
•

11. ECOSYSTEME NUMERIQUE
QUELLE EST VOTRE STRATÉGIE WEB ?
Quelques questions à vous poser
avant de foncer…
j'aime quand un plan se déroule sans accroc

12. LES BULLES DU E-TOURISME
Source : Touristic
M-Tourism
PHOTOS
EN LIGNE
VIDEOS
EN LIGNE
WIKI
FORUMS
MON SITE
WEB
PARTENAIRES
TOURISTONAUTES
FLUXRSS
GEO
MARKETING
COMMUNAUTE
TOURISTES

13. APRÈS LA THÉORIE, LA
PRATIQUE !
En moins de 5 mn, votre
nouveau
site web sera en ligne!
Rendez-vous sur
Prestatairesandernosot.jimdo.com
Mot de passe
Créer un site internet facilement

14. JE CREE MON 1ER SITE INTERNET SEUL(E)
Entrez un nom
d‘utilisateur et une
adresse e-mail…
Vous recevrez quelques
minutes plus tard le lien
vers votre nouveau site
et votre mot de passe!..

15. UNE BASE DE TRAVAIL POUR VOUS !
IL NE FAUT
PAS
S’ARRETER A
CA !
TOUT EST
PERFECTIBLE

16. ETAPE 1
LE PARAMETRAGE DU SITE
Comment utiliser la boîte à outils
de Jimdo ?

17. LES OUTILS DE PARAMETRAGE
LES OUTILS DE PARAMETRAGE
DESIGN : Ce module permet de choisir, modifier et paramétrer l’aspect
général de votre site (emplacement des header, sidebar, content et menu)
STYLE : Ce module 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.
BLOG : Ce module permet de gérer les articles de votre blog (si vous activez
cette fonction)
VERSIONS PRO : Ce module vous permet de passer en version pro
(hébergement + 1 nom de domaine + 1 adresse e-mail pour 5€/mois)
PARAMETRES : vous pourrez gérer ici le paramètre de votre site (nom de
domaine, référencement, mentions légales, mot de passe, etc…)
S.E.O. (Référencement) : Ce module vous permet de donner un titre un
descriptif et des mots-clés à votre site pour optimiser son référencement
STATISTIQUES : Ce module vous donne un premier niveau de statistiques
(pour des stats + poussées, utilisez Google Analytics)
AIDE : Blog, forum, FAQ, Jimdo dispose d’une assistance très performante et
réactive.

18. JE CREE MON 1ER SITE INTERNET SEUL(E)
L’ARBORESCENCE DU SITE
Une étape préalable importante
mais toujours modifiable!

19. JE CREE MON 1ER SITE INTERNET SEUL(E)
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
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

20. Toute l’arborescence du
site apparaît.
Ces flèches permettent
de déplacer les pages
dans l’arborescence
1er niveau de menu
Ces flèches permettent
de changer le niveau
de menu des pages
2ème niveau de menu
3ème niveau de menu
Vous pouvez renommer les pages
en cliquant sur le nom à modifier.
Lorsque vous avez modifié
votre arborescence,
cliquez sur Enregistrez,
puis Fermer.
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 ! Toutes
les sous-pages liées seront
Également supprimées !
Ce signe permet de
cacher une page

21. JE CREE MON 1ER SITE INTERNET SEUL(E)
COMMENT AJOUTER DU CONTENU
Les outils à connaître !

22. ETAPE 1
 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
 Tout élément peut être dupliqué. 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

23. POUR STRUCTURER VOTRE PAGE
POUR STRUCTURER VOTRE PAGE
Les colonnes sont un nouvel outil très
pratique pour structurer la présentation
de votre page.
2 colonnes sont insérées par défaut mais
vous pouvez ajouter autant de colonnes
que nécessaire.
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.

24. POUR AJOUTER DU TEXTE
POUR AJOUTER DU TEXTE
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.

25. POUR AJOUTER DU TEXTE
alignement du
texte à gauche,
centré, à droite,
ou justifié
texte en gras (B)
ou en italique (I)
retrait à
droite ou
à gauche
insertion de
puces ou numéros
création ou suppression de lien
• 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 un autre site ou un
e-mail)
• cliquez sur Créer un lien
annule ou
restaure une
modification
couleur
du texte
permet
d’accéder au
code html du
texte
insertion de texte brut ou
suppression de la mise en forme
(à utiliser impérativement pour
les copier-coller!)

26. POUR AJOUTER DES IMAGES
La Galerie d’Images permet très
simplement d’afficher une série de
photos
• soit en mode diaporama (avec un
défilement paramétrable)
• soit en mode vignettes agrandissables
Pensez à mettre des liens sur vos photos
pour accéder à + de détails !

27. POUR UTILISER LES OUTILS JIMDO
POUR UTILISER LES OUTILS JIMDO
Le Formulaire permet très simplement de
créer un formulaire de contact et/ou de
réservation.
Le RSS Feed permet de récupérer et
d’intégrer à votre site le flux RSS issus de
blogs.
Le Téléchargement offre aux internautes
la possibilité de télécharger des
documents, par exemple la plaquette de
présentation de votre établissement au
format PDF. (privilégiez le format pdf qui ne
souffrira d’aucune modification notamment au
niveau des polices de caractère)
Le 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
(Tripadvisor, Dismoioù, Vinivi, etc…)
d’avis

28. JE CREE MON 1ER SITE INTERNET SEUL(E)
AJOUTER DES CONTENUS EXTERNES
Un copier-coller suffit !

29. WIDGET ????

30. POUR AJOUTER DES CONTENUS EXTERNES
POUR AJOUTER DES CONTENUS EXTERNES
L’outil Widget / HTML peut rester le seul
outil à utiliser pour intégrer des
contenus
hébergés
sur
d’autres
plateformes.
Exemples de widgets intégrables :
 météo
 google maps
 google agenda
 google docs
 vidéos youtube, animoto, dailymotion
 albums flickr, picasa, panoramio
 dépôt d’avis Tripadvisor
 contenus de l’Office de Tourisme
(webcam, agenda des manifestations)
L’outil Rss Feed permet d’intégrer un
flux rss

31. CRÉER ET INSERER UN FLUX RSS
Exemple :
http://www.tourisme.andernoslesbains.fr/http://tourisme.andernoslesbains.fr/413nos-bons-plans.html/rss.feed
 Copier l’adresse Internet
 Collez ce code dans un cadre
d’élément “Flux rss” sur votre site Jimdo
Je ne l’ai pas sur mon navigateur, pas de panique !!!
tiny.cc/rssmozilla
tiny.cc/rsschrome

32. CRÉER ET INSERER UN WIDGET POUR LA METEO
 Rendez vous sur www.meteocity.com
 Cliquez sur :

33. CRÉER ET INSERER UN WIDGET POUR LA METEO
 Suivez les étapes de paramétrage
• Sélectionner la ville
• personnaliser le contenu
• Ajouter votre style
 Et découvrer en temps
réel à quoi ressemblera
votre widget
Cocher l’acceptation des
conditions générales
 Puis cliquer sur
“Générer le widget”
 Copiez le code html généré
 Collez ce code dans un cadre d’élément Widget /
html sur votre site Jimdo

34. CRÉER ET INSERER UNE CARTE INTERACTIVE
 Rendez vous sur www.google.fr
 Connectez vous à votre compte Google (ou créez en un!)
 Cliquez sur Maps

35. CRÉER ET INSERER UNE CARTE INTERACTIVE
1)
Cliquez sur Mes adresses
2)
Puis sur Créer une carte
3) Donnez un titre à votre
carte (éventuellement une
description) et vérifiez que
son statut est « publique »
4) Cliquez sur OK

36. CRÉER ET INSERER UNE CARTE INTERACTIVE
 Faites une recherche de localisation de votre établissement dans la barre de recherche
(nom de l’établissement et/ou adresse complète)
 1er cas : Vous avez une Google Adresse
Dans ce cas, une bulle doit apparaître sur la carte. Vous pouvez alors simplement
cliquer sur Ajouter à mes cartes et sélectionner la carte que vous venez de créer.

37. CRÉER ET INSERER UNE CARTE INTERACTIVE
CRÉER ET INSERER UNE CARTE INTERACTIVE
 Faites une recherche de localisation de votre établissement
dans la barre de recherche (nom de l’établissement et/ou
adresse complète)
 2ème cas : Vous n’avez pas de Google Adresse
 Dans ce cas, cliquez sur
Modifier
 Prenez un repère
(cliquer et tenir cliqué pour
déplacer le repère)
 Positionnez le repère
sur la localisation de
votre
établissement,
lâchez le clic
 Donnez un titre à votre
repère
 Puis cliquez sur OK

38. CRÉER ET INSERER UNE CARTE INTERACTIVE
CRÉER ET INSERER UNE CARTE INTERACTIVE
 Une fois votre carte créée, cliquez sur le
chaînon de lien hypertexte
 Puis cliquez sur Personnaliser et prévisualiser
la carte intégrée

39. CRÉER ET INSERER UNE CARTE INTERACTIVE
CRÉER ET INSERER UNE CARTE INTERACTIVE
 Paramétrez la taille de votre widget
 Paramétrez le mode d’affichage de votre widget
 Paramétrez le niveau de zoom de votre widget.
L’idéal étant de faire au moins 2 cartes :
• une à l’échelle de l’Europe voire de la France
pour la page d’accueil de votre site web
• une beaucoup + zoomée à l’échelle du Pays
de Bergerac ou de votre commune pour la
page de contact
 Copiez le code html généré
 Collez ce code dans un cadre d’élément Widget
/ html sur votre site Jimdo

40. CRÉER ET INSERER UNE VIDEO
 Rendez vous sur www.google.fr
 Connectez vous à votre compte Google (ou créez en un!)
 Cliquez sur YouTube

41. CRÉER ET INSERER UNE VIDEO
 Faites une recherche de vidéo par mots clés
 ou Cliquez sur Ma Chaîne pour retrouver les
vidéos que vous aurez au préalable mises en
ligne

42. CRÉER ET INSERER UNE VIDEO
CRÉER ET INSERER UNE VIDÉO
 Sélectionnez la vidéo que vous souhaitez intégrer
 Cliquez sur Partager
 Cliquez sur Intégrer
 Paramétrez
l’affichage
du widget
 Paramétrez la taille du
widget
 Copiez le code html
généré
 Collez ce code dans un
cadre d’élément Widget /
html sur votre site Jimdo

43. CRÉER ET INSERER UN WIDGET DE PARTAGE SOCIAL
 Rendez vous sur www.addthis.com
 Connectez vous à votre compte Google (Sign In) ou créez en un (Join Now)
 Cliquez sur Get AddThis

44. CRÉER ET INSERER UN WIDGET DE PARTAGE SOCIAL
 Pour personnaliser vos boutons de partage sociaux, cliquez sur Customize

45. CRÉER ET INSERER UN WIDGET DE PARTAGE SOCIAL
 Sélectionnez les boutons de partage que
vous voulez afficher
 Choisissez le style de votre barre
 Cochez Adress Bar Sharing pour des
statistiques + affinées
 Copiez le code html
généré
 Collez ce code dans
un cadre d’élément
Widget / html sur votre
site Jimdo
Il est conseillé de coller ce widget
dans la sidebar de votre site jimdo
de sorte qu’elle soit active sur
toutes les pages du site !

46. JE CREE MON 1ER SITE INTERNET SEUL(E)
POUR ALLER + LOIN AVEC JIMDO
Voici quelques liens qui vous
permettront de parfaire votre site!

47. BIEN CHOISIR SON NOM DE DOMAINE
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
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 é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.

48.  Des mentions légales en bonne et due forme :
http://www.subdelirium.com/generateur-de-mentions-legales/
 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-etnous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foiegras-dommage
 http://www.etourisme.info/vous-avez-deux-ans-pour-alleger-vos-sites-signegoogle

49. Prochaines étapes…
Les autres ateliers de l’année
Optimiser ma relation client par l’E-mail
Avis clients
Photo
Analyse & Référencement de site
internet
Vidéo
L’internet de séjour & le Web mobile

50. Suivez-nous…
Adresses
sur notre Blog http://blogspot..

51. Votre espace de ressources
www.pro-coeurdubassin.com

52. Merci de votre attention
Aline INIZAN PAYEN
Conseillère en séjour
Animatrice numérique
05 56 82 02 95
a.inizan@andernos-les-bains.com