Atelier Numérique de Territoire : Créer son site web avec Jimdo. En quelques étapes apprenez à créer votre compte et maîtriser tous les outils proposés par Jimdo.
Animation Numérique de Territoire : Atelier avis clients
Atelier créer son site web avec Jimdo - 2018
1. Créer son site internet
Ce document a été préparé par Cathy Mabout de l’Office de Tourisme du Pays de Gourdon et mis à disposition de tous
les Animateurs Numériques de Territoire pour l’animation des ateliers sur cette thématique.
2. Le programme
- On se présente, petit tour de table !
- Pourquoi Jimdo ?
- Ce qu’il faut savoir, avant …
- La création en 3 étapes :
Créez, Personnalisez, Administrez
3. Pourquoi Jimdo ?
• Créer et administrer un site facilement
• Pas besoin de télécharger un logiciel : ordinateur et internet
• Pas besoin d’être un expert en informatique
• Facile et rapide d’utilisation
• Autonome pour la création ET la mise à jour
• Nombre de pages illimité
• Un bon référencement naturel
• Une version mobile générée automatiquement
• Version gratuite ou version Pro (peu onéreuse)
4. Ce qu’il faut savoir avant …
On se pose les bonnes questions :
Quel contenu et quelle cible ?
A qui s’adresse t-il ?
Pour répondre à quel besoin ?
Quels textes ? Quelles photos ? Quel contenu ?
Que font mes concurrents ?
Quelle image je souhaite véhiculer ?
6. La méthode
• On prend un stylo et un bloc-note:
Lister les contenus
Chambre
rose
Chambre
bleue
Découvrir la
région
Pays de
Gourdon
Le Lot
Loisirs
Les chambres
d’hôtes
Tarifs
Nous
localiser
Réserver
Disponibilités
Plan
Contact
7. La méthode
Organiser par catégories
Découvrir la
région
Pays de
Gourdon
Le Lot
Loisirs
Chambre
rose
Les chambres
d’hôtes
Chambre
bleue
Tarifs
Nous
localiser
Réserver Disponibilités
Plan
Contact
8. La méthode
Structurer l’information
Les chambres
d’hôtes
Chambre
rose
Chambre
bleue
Réserver
Tarifs
Disponibilités
Découvrir la
région
Le Lot
Pays de
Gourdon
Loisirs
Nous
localiser
Plan
Contact
http://mon-site-tourisme.jimdo.com/
Idées d’arborescence pour Gîtes, B&B,
Monuments, Manifestations, Commerces,
Restaurants, Activités, …
9. L’arborescence
Arborescence : Articulation des différentes pages et liens entre eux.
Niveau 1
Niveau 2
Niveau 3
Rubrique 1 Rubrique 2 Rubrique 3
Page d’accueil
Sous
rubriqu
e 1.1
Sous
rubriqu
e 1.2
Sous
rubriqu
e 2.1
Sous
rubriqu
e 2.2
Sous
rubriqu
e 3.1
Sous
rubriqu
e 3.2
10. L’arborescence de mon site
Niveau 1 Page d’accueil
Niveau 2 Les chambres
d’hôtes
Réserver
Découvrir la
région
Nous localiser
Niveau
3
Chambre
rose
Chambre
bleue
Tarifs Dispo Contact
Le
Lot
Pays de
Gourdon
Loisirs Plan
11. Des conseils sur le nom de domaine
Evitez les tirets
Evitez les mots compliqués ou
difficiles à prononcer
Choisissez des mots clés attractifs
Vérifiez la disponibilité du nom de
domaine souhaité
12. Vérifier votre Nom de Domaine …
http://www.whois-raynette.fr/
Vérification du nom de domaine
13. Des conseils sur le contenu
Faites des liens internes et externes, pertinents
et sur des mots clés
Privilégiez les textes courts vers
l’information essentielle
Répondre aux questions : Où ? Quoi ?
Comment ? Quand ? Qui ? Combien ?
Chaque page doit être unique : pas de
copier/coller (mauvais pour le référencement)
On doit trouver la page en 3 clics maximum !
14. Rendez-vous sur : http://fr.jimdo.com/
Après la théorie, la pratique … A vous !
20. L’arborescence du site apparaît
3 niveaux : menus, sous-menus,
sous-sous menus
1er niveau de menu
2ème niveau de menu
3ème niveau de menu
Légende :
Permet de gérer l’ordre des pages en
les montant ou en les descendant
Permet de gérer le niveau de la page
(1er, 2ème ou 3ème)
Insérer une nouvelle page
Supprimer une page
Permet de cacher une page
Si vous supprimez une page principale, toutes les
sous-pages seront alors supprimées
22. Design
Design : on choisi son site : sa coquille, son graphisme et on
le change quand bon nous semble !
23. Style
Style : vous allez pouvoir modifier tout ce qui touche aux polices d’écriture :
police, couleur, texture, ...
Arrière-Plan : pour modifier la photo de fond et choisir un arrière
plan personnalisé
24. Jimdo vous donne la possibilité d’insérer un « BLOG » à votre site internet !
Un BLOG doit être alimenté quasi « QUOTIDIENNEMENT »
Tenir compte du temps que cela prend avant de mettre en ligne !
Blog
Blog = Site basé sur la rédaction
régulière d’articles d’actualités, billets
d’humeur, interactivité avec les
lecteurs …
27. Paramètres
Fonctions : langues, copyright, Favicon,
Bouton « Vers le haut »
Confidentialité : Cookies et charte perso
Zones à mot de passe : pour créer des
pages réservées à des membres qui ont
un mot de passe
Certaines fonctionnalités ne sont
actives qu’en version payante.
Mémoire disponible : en version
gratuite vous avez 500 MB de mémoire
disponible – à suivre ici.
28. Aide
Aide : Vous y trouverez des News, le support d’aide Jimdo
(interne), aides externes (si besoin) et un moteur de recherche
avec proposition des questions les + fréquentes, et un accès par
catégories : mise en page, paramètres, blog, …
30. Ce sont les différents niveaux du menu qui vont composer votre site web !
1. Passez votre souris sur la barre de menu
2. Cliquez sur modifier la navigation
3. Puis cliquez sur « Ajouter une nouvelle page »
Etape 2 : La personnalisation
L’arborescence, c’est le MENU DE VOTRE SITE !
31. 1er niveau du menu
2nd niveau du menu
3ème niveau du menu
Ne pas oublier
d’enregistrer
Toute l’arborescence du site apparaît
32. Attention ! La suppression
d’une page est irréversible !
Donc on préfère
« masquer » la page.
De plus si vous supprimer
une page PRINCIPALE, toutes
les sous-pages seront aussi
supprimées !
Légende :
Permet de gérer l’ordre des pages en
les montant ou en les descendant
Permet de gérer le niveau de la page
(1er, 2ème ou 3ème)
Insérer une nouvelle page
Supprimer une page
Permet de cacher une page, la page
existe mais n’est pas visible pour les
internautes.
Gérer vos pages, votre menu
33. Petit exercice …
• Créer 2 pages de niveau 1
• Page 1 du niveau : créer 1 page de niveau 2
• Page 2 du niveau 1 : créer 1 page de niveau 2 et 1 page
de niveau 3
34. Structurer une page
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 rajouter autant que vous voulez !
Chaque colonne s’utilise et s’alimente comme
une page dans une page. Vous pouvez donc y
ajouter autant d’éléments que vous souhaitez !
Entre les blocs, vous pouvez ajouter un
espacement ou une séparation pour aérer vos
pages.
35. 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é. Les pages entières à dupliquer ne sont
disponibles qu’en version pro.
Toutes les mises à jours se font instantanément lorsque vous cliquez sur
enregistrer.
Pour ajouter du contenu dans une nouvelle page, cliquez sur :
Ajouter du contenu
36. Ajouter du texte
Les titres permettent de structurer votre texte (3
niveaux):
- Visuellement : pour l’internaute qui va le lire.
- Techniquement : pour les moteurs de
recherche qui vont les reconnaître comme un
élément important de la page.
Pour les textes, c’est le même principe qu’un
logiciel de traitement de texte. Ex: Word
37. Ajouter du texte (suite)
Texte en
gras (B) ou
en italique
(I)
Alignement
du texte: à
gauche,
centré, à
droite ou
justifié
Ajout de
puces ou
de
numéros
Ajouter ou supprimer un lien
• Pour créer un lien, sélectionnez le texte sur
lequel vous souhaitez mettre un lien
• Cliquez sur le chaînon puis choisissez entre :
- Lien interne: vers votre site web
- Lien externe: un autre site ou un email
• Cliquez sur créez un lien et enregistrer
Annule
ou
restaure
une
modifica
tion
Taille
du
texte
Augmenter
ou réduire
l’alinéa
Couleur
du texte
Supprimer
la mise en
forme
Accéder au
code HTML
38. Ajouter des photos
La galerie d’images permet d’afficher une série
de photos :
- En mode diaporama
- En mode vignette agrandissable
Vous pouvez mettre des liens internes ou
externes sur vos photos !
Les photos sont limitées à 10MB en
version gratuite contre 100MB en
version pro
UN NOUVEL OUTIL :
« BOUTON » pour intégrer des
bouton cliquables (call to
action)
39. Utiliser les outils Jimdo
Le Formulaire permet de créer un formulaire de
contact ou de réservation qui renvoie le
message du client vers votre adresse email
Le Flux RSS permet de récupérer et d’intégrer à
votre site, le flux RSS issus d’autres blogs
Le Téléchargement offre aux internautes la
possibilités de télécharger vos brochures,
présentation de votre établissement, tarifs,
contrats, … (PDF=> aucune modification).
Le Livre d’or offre aux internautes la possibilité
de déposer leur avis sur votre établissement.
Il faut aussi privilégier les liens vers les grands
sites d’avis du type Tripadvisor, Dismoioù, Vinivi
et sur les sites des Offices de Tourisme
(Fairguest)…
40. Comment insérer un Flux RSS ?
Exemple :
Copier l’adresse internet
La coller dans le cadre prévu par l’outil
Flux RSS de Jimdo
A chaque mise à jour, l’information le sera
automatiquement sur votre site
Ce symbole n’apparaît pas dans votre navigateur ? Pas de panique !
Il suffit d’installer l’extension correspondante
Pour Chrome
tiny.cc/rsschrome
Pour Mozilla Firefox
tiny.cc/rssmozilla
Flux RSS
41. Utiliser les outils Jimdo
« Partager » pour insérer les boutons de partage –
Cela permet aux internautes de partager vos infos
avec leurs amis sur leurs réseaux sociaux.
« Facebook » Bouton « J’aime » avec ou sans
compteur, pour que les internautes signalent « qu’ils
aiment » votre contenu sur leur compte Facebook ou
insertion de la « Like Box » pour les inciter à aimer
votre page facebook
« Twitter » pour faire remonter le fil d’actu de votre
compte Twitter ou mettre le bouton « Follow » et
inciter les gens à vous suivre sur Twitter.
« Google + » Onglet « Box » pour les inciter à vous
suivre sur votre page Google +
42. Ajouter des contenus externes
Newsletter permet d’intégrer et de mettre en place une Newsletter
générer depuis SendinBlue
Widget de recherche permet d’intégrer un moteur de recherche
personnalisé à votre site internet
Agenda permet d’intégrer à votre site un agenda en utilisant
« Google Calendar », par exemple pour afficher les disponibilités.
Lecteur Audio permet d’intégrer une bande son via SoundCloud
43. Ajouter des contenus externes
Widget/HTLM permet d’intégrer des contenus
hébergés sur d’autres plateformes
Exemples:
Météo
Google Agenda
Google Doc
Vidéos Youtube, Dailymotion
Albums photos Flickr, Picasa, Panoramio
Avis Tripadvisor, …
Google Maps : Carte « Google Maps » avec
Calcul d’itinéraire du Client à vous.
ATTENTION : pour accéder à la
géolocalisation précise de votre structure vous
devez avoir au préalable créé votre fiche
« GOOGLE MY BUSINESS ».
44. Exemples d’insertion de modules dans la barre latérale ou pied de page
(disponible selon le modèle choisi) : Partage Réseaux sociaux, Bouton « j’aime »
ou Météo
On clique sur dans la barre latérale
Insertion dans la barre latérale
ou pied de page
45. Connectez-vous sur
http://www.meteofrance.com/meteo-widget
Choisissez le format du widget
Entrez la ville souhaitée
Cliquez sur « ok »
1- Ajouter un widget « Météo »
Copiez le code HTLM généré et collez-le dans un
élément Widget/HTML de votre site Jimdo
IMPORTANT : Dans le code, RAJOUTER
UN « s » après le http
Vous devez avoir https:// ……………
puis enregistrez.
46. Connectez-vous sur https://translate.google.com/manager/website/
Cliquez sur Ajouter cet outil à votre site web
Suivez les trois étapes :
– Renseignez l’adresse URL de votre site ainsi que la langue principale,
– Paramétrez le traducteur
– Récupérez le code et copiez-le
Collez le code dans un module HTML de votre site web
2- Ajouter un widget de « Traduction »
47. 1 Cliquez sur « partager »
2 Cliquez sur « Intégrer »
3 Ajuster la taille de la vidéo
4 Copiez le code HTML et collez le dans
le cadre du module « widget » sur votre
site Jimdo.
Cherchezla vidéosouhaitée
1
2
3
4
3- Ajouter une vidéo You Tube
48. Cherchezla vidéosouhaitée
Visualisation / Déconnection du site
En bas à droite de la page, vous pouvez vous
déconnectez ou visualiser votre travail au fur et à
mesure en mode « visiteur »
En haut à droite de la page, vous pouvez visualiser en
mode « visiteur » mais en choisissant le type d’écran.
Vous pouvez partager votre site sur les réseaux
sociaux
Le dernier bouton « Notifications » vous informe de
vos messages
49. Votre site en langues étrangères
Plusieurs solutions s’offrent à vous
:
Le widget Google
« Traduction » (vu précédemment)
La duplication de
l’arborescence de votre site
puis traduction page/page
50. Voici quelques liens pour vous aider à parfaire votre site :
Pour aller plus loin avec Jimdo
52. Les Animateurs Numériques de
Territoire dans le Lot
• Cahors – Saint-Cirq-Lapopie
Emmanuelle Guy Castelnau - 05 65 31 31 31 : emmanuelle.castelnau@saint-cirqlapopie.com
• Cazals – Salviac
Laurence Desmartin - 05 65 22 88 88 - laurence@tourisme-cazals-salviac.com
• Pays de Gourdon
Cathy Mabout - 05 65 27 52 50 - cathy.mabout@tourisme-gourdon.com
• Pays de Figeac
Laure Adelantado - 05 65 34 08 70 - laure.adelantado@tourisme-figeac.com
Nathalie Andrieu - 05 65 34 06 25 - nat.andrieu@gmail.com
• Vallée de la Dordogne
Mélanie Ramière - 05 65 33 22 00 - m.ramiere@vallee-dordogne.com
Samuel Beaufreton - s.beaufreton@vallee-dordogne.com
• Vallée du Lot et du Vignoble
Rachel Dose - 05 65 21 37 63 - r.dose@tourisme-lot-vignoble.com
• Lot Tourisme
Cathy Seguy - 05 65 35 81 95 - cathy.seguy@tourisme-lot.com
Retrouvez toute l’info Etourisme sur le centre de ressources tourisme-lot-ressources.com –
Rubrique : Prestataires/Animation numérique de territoire
Notes de l'éditeur
1- On liste tous les contenus : se placer du côté utilisateur du site, passe même avant la réalisation du graphisme
1- On liste tous les contenus : se placer du côté utilisateur du site, passe même avant la réalisation du graphisme
2- On organise les contenus par catégories : consiste à regrouper les informations et à les agencer afin de faciliter la navigation du point de vue de l’utilisateur
3- On structure l’information : hiérarchiser les catégories pour mettre en valeur certains contenus web.
L’étape finale consiste à réaliser l’arborescence sous forme de graphisme. Elle représente les différentes rubriques, pages et les relations existantes entre-elles. Elle permet de comprendre les différents niveaux de navigation. On parle de largeur pour le nombre de rubrique et de profondeur pour le nombre de sous rubriques accessible depuis une rubrique.
Et attention aux mots trop concurrentiels !
Liens internes: meilleur référencement
3. Le nom de domaine se terminera forcément par .jimdo (en version gratuite)
4. Entrez votre email (sur lequel vous pourrez aujourd’hui relevez vos mails)
3. Le nom de domaine se terminera forcément par .jimdo (en version gratuite)
4. Entrez votre email (sur lequel vous pourrez aujourd’hui relevez vos mails)
3. Le nom de domaine se terminera forcément par .jimdo (en version gratuite)
4. Entrez votre email (sur lequel vous pourrez aujourd’hui relevez vos mails)
3. Le nom de domaine se terminera forcément par .jimdo (en version gratuite)
4. Entrez votre email (sur lequel vous pourrez aujourd’hui relevez vos mails)
Présentation d’une page Jimdo, la structure du site
Vous pouvez modifier le nom des pages en cliquant dessus, puis pensez à enregistrer et cliquez sur la croix pour fermer !
L’œil permet de cacher une page : très utile car toute suppression de page est IRREVERSIBLE
SEO
L'optimisation pour les moteurs de recherche (en anglais, Search engine optimization : SEO)
Ces techniques visent donc à apporter un maximum d'informations concernant le contenu d'une page web aux robots d'indexation des moteurs de recherche.
Le titre de votre site internet est le texte qui sera affiché tout en haut, dans la fenêtre de votre navigateur au dessus de "Fichier", "Edition", "Aperçu" etc. (En général écrit en blanc sur fond bleu). Si un visiteur de votre site internet l'enregistre dans ses "Favoris", ce sera le texte qui sera enregistré. De plus, un bon titre aide à être facilement trouvé par les moteurs de recherche. L'idéal est de donner le nom complet de votre entreprise, ou bien un titre court et pertinent.
ZOOM
Création du Menu et sous-menu
Ajout de page, suppression d’une page ou on « cache » une page sans la supprimer
ATTENTION BLOG – dans un premier temps faites tout le reste et une fois votre site créé.
Les questions à se poser : Blog : est ce utile ? A t-on du contenu pour cet outils ?
SEO
L'optimisation pour les moteurs de recherche (en anglais, Search engine optimization : SEO)
Ces techniques visent donc à apporter un maximum d'informations concernant le contenu d'une page web aux robots d'indexation des moteurs de recherche.
Le titre de votre site internet est le texte qui sera affiché tout en haut, dans la fenêtre de votre navigateur au dessus de "Fichier", "Edition", "Aperçu" etc. (En général écrit en blanc sur fond bleu). Si un visiteur de votre site internet l'enregistre dans ses "Favoris", ce sera le texte qui sera enregistré. De plus, un bon titre aide à être facilement trouvé par les moteurs de recherche. L'idéal est de donner le nom complet de votre entreprise, ou bien un titre court et pertinent.
Et pour terminé L’onglet « Statistiques » mais qui n’est disponible qu’à l’achat. Mais on se sert de « Google analytics » dans « paramètres » puis « applications ».
Se mettre en direct sur Katedegourdon et faire les explication en direct
Utilisateur : modification du mot de passe, de l’adresse mail … pour ceux qui ont mis mon adresse mail
http://katedegourdon.jimdo.com/
gourdon46
Se mettre en direct sur Katedegourdon et faire les explication en direct
Utilisateur : modification du mot de passe, de l’adresse mail … pour ceux qui ont mis mon adresse mail
http://katedegourdon.jimdo.com/
gourdon46
ZOOM
Création du Menu et sous-menu
Ajout de page, suppression d’une page ou on « cache » une page sans la supprimer
ZOOM
Création du Menu et sous-menu
Ajout de page, suppression d’une page ou on « cache » une page sans la supprimer
ZOOM
Création du Menu et sous-menu
Ajout de page, suppression d’une page ou on « cache » une page sans la supprimer
Vous êtes libre de créer ce que vous souhaitez !
Flux RSS : IL N’Y A PAS DE FLUX RSS DISPONIBLE SUR TOUTES LES PAGES INTERNET !!!
ZOOM
Création du Menu et sous-menu
Ajout de page, suppression d’une page ou on « cache » une page sans la supprimer
Un copié/collé suffit ! Vous allez voir, rien de plus simple et pas besoin d’avoir des connaissances techniques
Météo gratuite pour site : en haut à droite !
Un copié/collé suffit ! Vous allez voir, rien de plus simple et pas besoin d’avoir des connaissances techniques
Météo gratuite pour site : en haut à droite !
Pour les hébergements principalement
Duplication arborescence : Menu principal niveau 1 : Français – Anglais – Espagnol
Et tour ce qui est normalement en niveau 1 passe en niveau 2 et ainsi de suite …
Niveau 1 : Français Anglais Espagnol
Niveau 2 : Pour Français : Mon gîte – mes chambres – mes tarifs (à dupliquer pour chaque langue)
Niveau 3 : ….