Emailing _ Ateliers Numériques du Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
1. CREATION
D’UN
SITE
WEB
Comment
créer
facilement
soi-‐même
un
site
web
pour
son
acCvité
tourisCque.
CréaCon
de
site
internet
2. QUELLE
EST
VOTRE
STRATÉGIE
WEB
?
Quelques
quesCons
à
vous
poser
avant
de
foncer…
CréaCon
de
site
internet
3. MON
SITE
WEB
TOURISTONAUTES
VIDEOS
EN
LIGNE
PHOTOS
EN
LIGNE
FORUMS
PARTENAIRES
COMMUNAUTE
GEO
MARKETING
FLUX
RSS
WIKI
M-‐Tourism
Source
:
Touris,c
TOURISTES
LES
BULLES
DU
E-‐TOURISME
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éacCf
6. Partager
et
faites
parCciper
7. Jouer
la
proximité
8. Segmenter
9. S’assurer
une
veille
10.
Analyser
Lire
l’arCcle
complet
sur
hfp://
www.reussirsonwebmark
eCng.com/10-‐regles-‐or-‐
web-‐markeCng/
5.
6.
7.
8.
9.
10. 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’informaCon
de
façon
précise,
sans
ambigüité
UN
SITE
WEB
A
VOTRE
IMAGE
11. 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
•
12. APRÈS
LA
THÉORIE,
LA
PRATIQUE
!
En
moins
de
2
mn,
votre
nouveau
site
web
sera
en
ligne!
CréaCon
de
site
internet
13. POURQUOI
CHOISIR
JIMDO
?
1. Pas
besoin
de
connaissances
en
html.
2. Autonomie
totale
sur
la
créaCon
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. FoncCon
blog.
8. Version
mobile
du
site
générée
automaCquement.
9. Une
communauté
acCve
pour
vous
aider
!
10. Quelques
exemples
de
sites
web
:
hfp://goo.gl/1GLrG9
14. 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
reCent
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
Crets
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
hfp://www.neCssime.com/
par
exemple.
Ø
Pensez
à
vérifier
également
à
vérifier
la
disponibilité
des
variantes
de
ce
nom
(avec
ou
sans
Cret,
é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
suscepCbles
d’être
uClisées
par
la
concurrence.
DéfiniVon
Le
nom
de
domaine
est
la
parCe
centrale
de
l’adresse
Internet
qui
est
tapée
dans
le
navigateur
afin
d’afeindre
un
site
Web.
Cefe
adresse
est
composée
de
trois
éléments:
le
préfixe
(hfp://),
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
:
h7p://www.blog.manit4c.com
hfp://aide.jimdo.com/nom-‐de-‐domaine/
15. ETAPE
1
1. Rendez
vous
sur
www.bergerac-‐tourisme-‐pro.com/demo
2. Cliquez
sur
puis
3. Choisissez
votre
pack
C’EST
PARTI
CRÉER
VOTRE
SITE
WEB
17. ETAPE
2
1. Inscrivez
votre
adresse
e-‐mail.
Vous
y
recevrez
la
confirma,on
de
créa,on
de
votre
site
web
2. Choisissez
votre
mot
de
passe.
Il
vous
servira
pour
accéder
à
l’interface
d’administra,on
de
votre
site.
3. Cliquez
sur
le
bouton
bleu
«
Créer
un
site
gratuit
»
18. ETAPE
2
4.
Choisissez
votre
nom
de
domaine,
c’est-‐à-‐dire
le
nom
de
votre
site
web
(en
version
gratuite,
il
se
terminera
obligatoirement
par
.jimdo.com)
20. ETAPE
3
LA
PERSONNALISATION
Fenêtre
de
tchat
si
besoin
d
‘aide
21. COMMENT
SE
COMPOSE
UNE
PAGE
JIMDO
?
LE
MODULE
D’AMINISTRATION
(visible
seulement
en
mode
modifica,on)
LE
MENU
Il
peut
être
placé
à
différents
endroits
selon
le
design
choisi
LE
CONTENT
contenu
de
chaque
page
MODE
DE
CONNEXION
Permet
de
visualiser
les
modifica,ons
apportées
et
de
se
déconnecter
22. L’ARBORESCENCE
DU
SITE
Une
étape
préalable
importante
mais
toujours
modifiable!
CréaCon
de
site
internet
23. 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
navigaCon
3.
Cliquez
dessus
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
L’arborescence,
c’est
le
squele]e
du
site.
24. Toute
l’arborescence
du
site
apparaît.
1er
niveau
de
menu
2ème
niveau
de
menu
3ème
niveau
de
menu
Ces
flèches
permefent
de
déplacer
les
pages
dans
l’arborescence
Ces
flèches
permefent
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.
25. LE
PARAMETRAGE
DU
SITE
Comment
uCliser
la
boîte
à
ouCls
de
Jimdo
?
CréaCon
de
site
internet
26. LES
OUTILS
DE
PARAMETRAGE
DESIGNS
:
permet
de
choisir,
modifier
et
paramétrer
l’aspect
général
de
votre
site
hfp://aide.jimdo.com/mise-‐en-‐page/design/
STYLE
:
permet
de
définir
le
style
(taille,
couleur,
etc…)
de
vos
textes,
Ctres…
hfp://goo.gl/tXQnaf
BLOG
:
permet
de
gérer
les
arCcles
de
votre
blog
(si
vous
acCvez
cefe
foncCon)
hfp://aide.jimdo.com/blog/
PARAMETRES
:
permet
de
gérer
les
paramètres
de
votre
site
(nom
de
domaine,
menCons
légales,
mot
de
passe,
e-‐bouCque,
etc.)
hfp://aide.jimdo.com/paramètres/
STATISTIQUES
:
accessibles
uniquement
en
version
pro
et
business.
Vous
pouvez
aussi
(même
en
version
gratuite)
acCver
l’ouCl
Google
AnalyCcs
dans
PARAMETRES
AIDE
:
Blog,
forum,
FAQ,
Jimdo
dispose
d’une
assistance
très
performante
et
réacCve.
S.E.O.
(Référencement)
:
permet
de
donner
un
Ctre
un
descripCf
et
des
mots-‐
clés
à
votre
site
pour
opCmiser
son
référencement
hfp://aide.jimdo.com/seo/
VERSIONS
PRO
:
permet
de
passer
en
version
pro
(hébergement
+
1
nom
de
domaine
+
1
adresse
e-‐mail
pour
6,50€/mois)
hfp://fr.jimdo.com/offres/
27. COMMENT
AJOUTER
DU
CONTENU
Les
ouCls
à
connaître
!
CréaCon
de
site
internet
28. Ø
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
duplicaCon
d’une
page
enCè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
29. Les
colonnes
sont
un
ouCl
très
praCque
pour
structurer
la
présentaCon
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’uClise
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
30. Les
Titres
permefent
de
structurer
votre
texte
(3
niveaux
de
Ctres)
-‐
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’uClise
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
Vtres
et
textes,
cliquez
sur
la
rubrique
STYLE
31. POUR
MODIFIER
DU
TEXTE
texte
en
gras
(B)
ou
en
italique
(I)
alignement
du
texte
à
gauche,
centré,
à
droite,
ou
jusCfié
inserCon
de
puces
ou
numéros
retrait
à
droite
ou
à
gauche
couleur
du
texte
suppression
de
la
mise
en
forme
(à
uVliser
impéraVvement
pour
les
copier-‐coller!)
annule
ou
restaure
une
modificaCon
Lien
hypertexte
Ø
pour
créer
un
lien,
sélecConnez
le
texte
sur
lequel
vous
souhaitez
mefre
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
32. 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
orientaCon
paysage)
•
soit
en
mode
pêle-‐mêle
VerVcal
(priorité
aux
photos
orientaCon
portrait)
•
soit
en
mode
Grille
(vignefes
agrandissables)
•
soit
en
mode
Slider
(avec
un
défilement
paramétrable)
Pensez
au
texte
alternaVf
pour
favoriser
le
référencement
de
vos
images
!
(cf
Affichage
Liste
pour
+
d’op,ons)
33. POUR
UTILISER
LES
OUTILS
JIMDO
Formulaire
:
permet
très
simplement
de
créer
un
formulaire
de
contact
et/ou
de
réservaCon.
AfenCon
au
paramétrage!
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
plaquefe
de
présentaCon
de
votre
établissement
ou
un
contrat
de
locaCon.
(privilégiez
le
format
pdf
qui
ne
souffrira
aucune
modificaCon
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…)
sur
lesquels
vous
êtes
référencés.
34. POUR
AJOUTER
UNE
CARTE
1. Recherchez
votre
adresse
2. Insérez
un
repère
et
affinez
sa
posiCon
3. Modifiez
les
opCons
d’affichage
Grâce
à
cet
ouVl,
affichez
la
visite
virtuelle
de
votre
établissement
!
Grâce
à
l’ouCl
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
tourisVque
»
35. POUR
AJOUTER
UNE
VIDEO
Grâce
à
cet
ouVl,
affichez
la
visite
virtuelle
de
votre
établissement
!
Même
si
vous
n’avez
pas
de
vidéo
de
votre
établissement,
des
ouCls
vous
permefent
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
opCons
d’affichage
Pensez
aussi
à
uVliser
les
vidéos
de
la
chaîne
Youtube
du
Pays
de
Bergerac
pour
illustrer
votre
site
!
36. POUR
DUPLIQUER
OU
DEPLACER
UN
ELEMENT
Pour
chaque
élément
que
vous
créez
sur
votre
site,
vous
disposez
de
ces
ouCls
:
Pour
dupliquer
un
élément
(en
version
pro
vous
pouvez
également
dupliquer
une
page
en,ère
depuis
l’ou,l
«
modifier
naviga,on
»)
Pour
supprimer
un
élément
Pour
faire
monter
ou
descendre
un
élément
Pour
déplacer
un
élément
sur
une
même
page,
uClisez
les
flèches
ou
la
croix
de
déplacement.
Pour
déplacer
un
élément
sur
une
autre
page,
uClisez
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. PosiConnez-‐vous
sur
l’autre
page.
Reprenez
votre
élément
dans
le
presse-‐papier.
Placez-‐le.
37. AJOUTER
DES
CONTENUS
EXTERNES
Un
copier-‐coller
suffit
!
CréaCon
de
site
internet
38. 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
:
hfp://www.bergerac-‐tourisme-‐pro.com/
vos-‐ouCls-‐de-‐com/
39. CRÉER
ET
INSERER
UN
WIDGET
POUR
LA
METEO
Ø
Rendez
vous
sur
www.meteorama.fr
Ø
Cliquez
sur
Météo
gratuite
pour
site
40. CRÉER
ET
INSERER
UN
WIDGET
POUR
LA
METEO
Ø
Suivez
les
3
étapes
de
paramétrage
•
SélecConnez
la
ville
•
Changer
le
contenu
•
Ajouter
votre
style
Ø
Et
découvrez
en
temps
réel
à
quoi
ressemblera
votre
widget
Ø Cochez
l’acceptaCon
des
condiCons
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
41. 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
»
42. INSERER
LA
WEBCAM
DE
BERGERAC
<object
type="applicaCon/x-‐shockwave-‐flash"
data="hfp://java.viewsurf.com/manager/Player.swf"
id="Player"
width="580"
height="326">
<param
name="allowScriptAccess"
value="sameDomain">
<param
name="movie"
value="hfp://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="hfp://java.viewsurf.com/manager/Player.swf"
quality="high"
allowfullscreen="true"
bgcolor="#869ca7"
name="Player"
allowscriptaccess="sameDomain"
type="applicaCon/x-‐shockwave-‐flash"
pluginspage="hfp://www.adobe.com/go/geˆlashplayer"
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
43. INSERER
L’AGENDA
DES
MANIFESTATIONS
DU
PAYS
DE
BERGERAC
1. Rendez
vous
sur
hfp://www.bergerac-‐tourisme.com/Widget-‐AnimaCons,9297
2. Choisissez
la
ou
les
catégorie(s)
d'animaCons
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
animaCons
(15
ou
30
jours
à
venir)
4. Choisissez
le
nombre
de
manifestaCons
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égraCon
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
44. OPTIMISEZ
VOTRE
FOOTER
Un
bon
pied-‐de-‐page
=
Un
bon
référencement
!
CréaCon
de
site
internet
45. UTILISEZ
LES
RESEAUX
SOCIAUX
NE
PAS
CONFONDRE
!
Boutons
de
partage
sociaux
Bouton
J’aime
&
Like
Box
46. FAITES
DES
LIENS
INTERNES
Les
liens
internes
favorisent
le
référencement
de
vos
pages.
UClisez
le
pied-‐de-‐page
pour
faciliter
la
navigaCon
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
menVons
légales!
Pour
vous
aider
:
hfp://goo.gl/IEXUEC
ici
l’exemple
du
footer
de
www.bergerac-‐
tourisme.com
47. POUR
ALLER
+
LOIN
AVEC
JIMDO
Voici
quelques
liens
qui
vous
permefront
de
parfaire
votre
site!
CréaCon
de
site
internet
48. Ø
Analyser
la
fréquentaCon
de
son
site
web
avec
Google
AnalyCcs
:
hfp://fr.jimdo.com/wiki/Google_AnalyCcs
Ø
Créer
un
design
professionnel
pour
son
site
:
hfp://aide.jimdo.com/ouCls/services-‐externes/
Ø
Trouver
des
bons
tuyaux
pour
améliorer
son
site
Jimdo
:
hfp://communautefrancophone.jimdo.com/
ou
hfp://realia.jimdo.com/
ou
hfp://funnycat.jimdo.com/
Ø
Suivre
l’actualité
du
e-‐tourisme
:
hfp://www.etourisme.info
CréaCon
de
site
internet
49.
e-‐mail
:
contact@pays-‐bergerac-‐tourisme.com
site
pro
:
www.bergerac-‐tourisme-‐pro.com
Guenaëlle
&
Marie-‐Pierre
-‐
05
53
57
03
11
Karine
-‐
05
53
27
30
18
A
TRES
VITE
POUR
VOTRE
ACCOMPAGNEMENT
PERSONNALISE
!!!