Les différentes étapes pour créer un site internet en utilisant Jimdo

1. 1Office de tourisme du Ségala tarnais

2. 1. Présentation de Jimdo
2. Et maintenant, la pratique
2Office de tourisme du Ségala tarnais

3. 1. Qu’est-ce que c’est ?
2. Ses ava ntages
3. Ses formules
3
Office de tourisme du Ségala tarnais

4.  CMS (Content Management System) = une famille
de logiciels destinés à la conception et à la
mise à jour dynamique de sites Web
› Wordpress, Joomla, Drupal
› Wix, e-monsite
4Office de tourisme du Ségala tarnais

5.  Pas besoin de grandes connaissances en
informatique
 Nombreux design prêts à l’emploi
 Hébergement
 3 formules pour toutes les bourses
5Office de tourisme du Ségala tarnais

6. JimdoPro
 78 € / an
 Avantages de la
version gratuite
 5 BG de
stockage
 1 nom de
domaine
 1 compte e-mail
 Statistiques
6Office de tourisme du Ségala tarnais
JimdoFree
 Gratuit
 Design variés
 Galerie d’images
 Responsive
design
 500 MB de
stockage
 Sous domaine
.jimdo.com
JimdoBusines
s
 180 € / an
 Avantages de
la version
« pro »
 20 comptes e-
mail
 Stockage
illimité
 E-boutique

7. 1. 1ère étape : choisir son nom
de domaine
2. 2ème étape : s’inscrire sur
Jimdo
3. 3ème étape : découvrir
l’interface
4. 4ème étape : choix de
l’apparence du site
5. 5ème étape : structure son
contenu
6. 6ème étape : ma première
page
7. 7ème étape : ajouter une
page
8. 8ème étape : le
référencement
9. 9ème étape : mentions
légales et crédits
7
Office de tourisme du Ségala tarnais

8. 8Office de tourisme du Ségala tarnais
 Nom de domaine : identifiant du site internet
 Quelques conseils :
› Votre nom de domaine doit refléter votre activité
› Privilégiez un nom de domaine court
› Faites en sorte qu’il soit facile à retenir
 Des exemples :
› Tarn.fr / tourisme-tarn.com
› www.chambres-hotes.fr – www.gites-tarn.com

9. 9Office de tourisme du Ségala tarnais
En haut à droite
 Saisir votre adresse
mail
 Choisissez votre
mot de passe
 Valider en cliquant
sur « Nouvelle
inscription »

10. 10Office de tourisme du Ségala tarnais
 Sélectionner « Démarrer maintenant votre site
internet »

11. 11Office de tourisme du Ségala tarnais
 Sélectionner « Jimdo Creator »

12. 12Office de tourisme du Ségala tarnais
 Sélectionner une thématique ou passer cette étape

13. 13Office de tourisme du Ségala tarnais
 Sélectionner un design

14. 14Office de tourisme du Ségala tarnais
 Sélectionner le tarif « Free » en cliquant sur
s’inscrire
 Choisissez un nom de domaine
 Si vous n’avez pas de
nom de domaine
 Si vous possédez déjà un
nom de domaine
(version payante)

15. 15Office de tourisme du Ségala tarnais
Menu Jimdo Version
payante
Visualisation sur
différents supports
Déconnexion
Afficher comme
un visiteur
Partager son site
(e-mail,
Facebook…)
Notifications

16. 16Office de tourisme du Ségala tarnais
Menu de Jimdo
 Choix de
l’apparence du site
 Module e-boutique
 Module de blog
 Référencement et
statistiques
 Gestion des nom de
domaine
 Paramètres du site et
du compte Jimdo
 Aide en ligne

17. 17Office de tourisme du Ségala tarnais
Titre
Sous-titre
Bloc texte
Menu site web
Partage sur
réseaux sociaux
Bloc image
Menu site web
Bordure

18. 18Office de tourisme du Ségala tarnais
L’apparence de votre site conditionne l’expérience
de l’utilisateur.
Voici quelques règles :
 Soyer simple et cohérent
› Pas plus de 6 couleurs et 3 polices différentes
› Un modèle unique pour chaque page
 Hiérarchiser le contenu
› Ce qui est important doit se détacher du reste
 Travailler en Responsive web design
 Respecter les standards du web
› Positionner le menu en haut ou à gauche
› L’apparence des liens

19. Office de tourisme du Ségala tarnais 19
Les couleurs :
 Ont une signification
 Sont complémentaires ou antagonistes entre elles
Les polices de caractères:
 Privilégier les polices sans empattements pour la
lisibilité

20. L’apparence générale peut-être modifiée à tout
moment
20Office de tourisme du Ségala tarnais
 Liste des templates
prédéfinis
 Personnalisation du
template
 Modification de
l’arrière-plan
 Création d’un design
personnalisé

21. Choisir un template prédéfini
21Office de tourisme du Ségala tarnais
 Template actuel
 Template sélectionné
 Aperçu du template
 Différence version d’un
même template
 Visualiser le template en
version mobile
 Valider un template
 Naviguer dans la liste de
template

22. Personnaliser un template
22Office de tourisme du Ségala tarnais
 Activer la
personnalisation par
éléments
 Couleur principale du
site
 Valider les
modifications
 Modifier la police des
paragraphes
 Modifier la police des
titres

23. Modifier l’arrière-plan
23Office de tourisme du Ségala tarnais
 Arrière-plan actif
 Ajouter un arrière-plan
› Image à télécharger
› Diaporama d’images
› Vidéo (lien depuis Youtube)
› Couleur unie

24.  Une page = un sujet
› Facilité la recherche de l’internaute
 Un titre
› Par page
› En lien avec le contenu de la page
 Des sous-titres pour différencier les
paragraphes
 Les informations importantes au début
Office de tourisme du Ségala tarnais 24

25. Les images :
 Proportion texte/image : 2 tiers/1 tiers
 Illustre le contenu
 Poids : pas plus de 500 ko
 Privilégier le JPEG ou le PNG
 Ne pas oublier la balise « alt »
Office de tourisme du Ségala tarnais 25

26. 26Office de tourisme du Ségala tarnais
 Modifier un bloc
existant
› Déplacer le bloc
› Supprimer le bloc
› Dupliquer le bloc
› Modifier le contenu
› Enregistrer
modification
› Fermer la fenêtre
de modification

27. 27Office de tourisme du Ségala tarnais

28. 28Office de tourisme du Ségala tarnais
 Ajouter un bloc
 Sélectionner le
bloc souhaité
› Titre
› Texte
› Image
› Galerie
› Vidéo (YT)
› Google Maps
› Widget / HTML
› Formulaire (contact)

29. 29Office de tourisme du Ségala tarnais
 Ajouter un widget
› Sélectionner le bloc Widget /
HTML
› Se rendre sur tameteo.com
› Générer un widget météo
› Copier / coller le code dans
Jimdo
› Cliquer sur enregistrer
Ce bloc peut-être utilisé pour
ajouter :
› Brochures issues de
Calaméo
› Widget de disponibilités /
réservation
› Agenda des festivités
(Apidae)
› …

30. 30Office de tourisme du Ségala tarnais
 Ajouter une carte
› Sélectionner le bloc Google Maps
› Localiser votre hébergement / site touristique
› Cliquer sur enregistrer

31. 31Office de tourisme du Ségala tarnais
 Ajouter un widget
page Facebook
› Sélectionner le bloc Facebook
› Sélectionner « Page Facebook »
› Copier / coller l’URL de votre page
Facebook
› Sélectionner ce qui doit apparaître
(image de couverture, flux, profils)
› Enregistrer

32. 32Office de tourisme du Ségala tarnais
 Formulaire de contact
› Éléments du formulaire
› Disposition du formulaire
› Adresse email qui recevra
les mails de ce formulaire
› Personnalisation du
message qui s’affiche
après soumission du
formulaire

33. 33Office de tourisme du Ségala tarnais
 Ajouter un élément au
formulaire de contact
› Se positionner entre 2
éléments du formulaire
› Cliquer sur « ajouter un
élément »
› Sélectionner l’élément
souhaité

34. 34Office de tourisme du Ségala tarnais
 Se positionner sous le menu et cliquer sur
« Modifier la navigation »
 Cliquer sur « Ajouter une nouvelle page »

35. 35Office de tourisme du Ségala tarnais
 Dans le menu, cliquer sur le nom de la nouvelle
page
 Commencer à ajouter du contenu

36. 36Office de tourisme du Ségala tarnais
 Référencement (naturel) = l’ensemble des
actions permettant d’améliorer la visibilité
de son site sur les moteurs de recherche
 Sans référencement, un site n’est pas
visible
 Référencement porte sur :
› Des informations lues par les moteurs de
recherche = méta données
› Le contenu de la page
 Pour aller plus loin

37. 37Office de tourisme du Ségala tarnais
Le référencement dans Jimdo
 Statistiques du site
internet (payant)
 Aide pour améliorer
son référencement
(payant)
 Méta données
 Statistiques avancées
(payant)
 Passerelle vers une
autre page web
(payant)

38. 38Office de tourisme du Ségala tarnais
Méta données
› Nom de domaine = identifiant du site internet
qui permet de le retrouver facilement sur les
moteurs de recherche
› Balise <Title> = titre d’une page web
› Balise <description> = description de la page

39. 39Office de tourisme du Ségala tarnais
Modifier balise <Title>
Partie de la balise
<Title> commune à
toutes les pages du site
Partie de la balise
<Title> de la page
Une balise <Title> doit être :
 En rapport avec la page
 Parlant et compréhensible
 Courte (70 caractères maximum)

40. 40Office de tourisme du Ségala tarnais
Modifier balise <Description>
Simulation d’un aperçu
dans Google
Balise <Description> de
la page doit être :
 Unique à la page
 En lien avec le
contenu et le titre de
la page
 Comporter 160
caractères maximum

41. 41Office de tourisme du Ségala tarnais
Le contenu de la page
Pour être bien référencé par Google, il faut :
 Un contenu de qualité
› Unique (pas de copier/coller)
› Champ lexical cohérent (mots clés)
 Un contenu structuré et hiérarchisé
› Titre et sous-titre explicite et qualitatif
› Paragraphe avec les mots important en gras
 Ne pas oublier les images
› Texte alternatif
› Nom de l’image (URL)

42. 42Office de tourisme du Ségala tarnais
Texte alternatif d’une image
2 fonctions :
 Accessibilité pour les malvoyants
 Référencement des images

43. Office de tourisme du Ségala tarnais 43
Pour aller plus loin :
 10 bonnes pratiques : goo.gl/avk4qE
 Tout sur le référencement : goo.gl/c2rOvn

44. 44Office de tourisme du Ségala tarnais
 Mentions légales = carte d’identité du site
internet
› Si vous êtes une personne physique : votre nom,
prénom, domicile et numéro de téléphone
› Si vous êtes une personne morale (ex : SA) : votre
dénomination ou raison sociale, votre siège social et
numéro de téléphone.
› Le nom du directeur de la publication ou du
responsable de la publication au sens de la loi sur la
liberté de la presse du 29 juillet 1981,
› Le nom, dénomination ou raison sociale et l’adresse
et numéro de téléphone de l’hébergeur du site
internet.
› Pour aller plus loin

45. 45Office de tourisme du Ségala tarnais
 Crédits = propriété intellectuelle du site
internet
› Design et fonctionnalités du site
› Textes
› Photos et vidéos

46. Les prochains ateliers :
• Mardi 6 mars : Connaissance du Ségala tarnais
• Jeudi 22 mars : Outils et astuces pour créer un visuel
• Mercredi 4 avril : Atelier photo
Besoin d’informations supplémentaires ?
Marie Lamour – 05 63 80 15 61 – m.lamour@3c-s.fr
46