Animation Numérique de Territoire : Atelier la mobilité
Atelier Numérique - Créer son site web avec Jimdo - 2016
1. Créer son site internet gratuitement
avec Jimdo
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 professionnelle (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 ?
5. La méthode
• On prend un stylo et un bloc-note:
Lister les contenus
Chambre
rose
Chambre
rose
Chambre
bleue
Chambre
bleue
Découvrir la
région
Découvrir la
région
Pays de
Gourdon
Pays de
Gourdon
Le LotLe Lot
LoisirsLoisirs
Les chambres
d’hôtes
Les chambres
d’hôtes
TarifsTarifs
Nous
localiser
Nous
localiser
RéserverRéserver
DisponibilitésDisponibilités
PlanPlan
ContactContact
6. La méthode
Organiser par catégories
Découvrir la
région
Découvrir la
région
Pays de
Gourdon
Pays de
Gourdon
Le LotLe Lot
LoisirsLoisirs
Chambre
rose
Chambre
rose
Les chambres
d’hôtes
Les chambres
d’hôtes
Chambre
bleue
Chambre
bleue
TarifsTarifs
Nous
localiser
Nous
localiser
RéserverRéserver DisponibilitésDisponibilités
PlanPlan
ContactContact
7. La méthode
Structurer l’information
Les chambres
d’hôtes
Les chambres
d’hôtes
Chambre
rose
Chambre
rose
Chambre
bleue
Chambre
bleue
RéserverRéserver
TarifsTarifs
DisponibilitésDisponibilités
Découvrir la
région
Découvrir la
région
Le LotLe Lot
Pays de
Gourdon
Pays de
Gourdon
LoisirsLoisirs
Nous
localiser
Nous
localiser
PlanPlan
ContactContact
http://mon-site-tourisme.jimdo.com/
Idées d’arborescence pour Gîtes, B&B,
Monuments, Manifestations, Commerces,
Restaurants, Activités, …
8. L’arborescence
Arborescence : Articulation des différentes pages et liens entre eux.
Niveau 1Niveau 1
Niveau 2Niveau 2
Niveau 3Niveau 3
Rubrique 1Rubrique 1 Rubrique 2Rubrique 2 Rubrique 3Rubrique 3
Page d’accueilPage d’accueil
Sous
rubrique
1.1
Sous
rubrique
1.1
Sous
rubrique
1.2
Sous
rubrique
1.2
Sous
rubrique
2.1
Sous
rubrique
2.1
Sous
rubrique
2.2
Sous
rubrique
2.2
Sous
rubrique
3.1
Sous
rubrique
3.1
Sous
rubrique
3.2
Sous
rubrique
3.2
9. L’arborescence de mon site
Niveau 1Niveau 1 Page d’accueilPage d’accueil
Niveau 2Niveau 2 Les chambres
d’hôtes
Les chambres
d’hôtes
RéserverRéserver
Découvrir la
région
Découvrir la
région
Nous localiserNous localiser
Niveau
3
Niveau
3
Chambre
rose
Chambre
rose
Chambre
bleue
Chambre
bleue TarifsTarifs DispoDispo ContactContact Le
Lot
Le
Lot
Pays de
Gourdon
Pays de
Gourdon
LoisirsLoisirs PlanPlan
10. 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é
11. Vérifier votre Nom de Domaine …
http://www.whois-raynette.fr/
Vérification du nom de domaine
12. 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 !On doit trouver la page en 3 clics maximum !
13. Rendez-vous sur : http://fr.jimdo.com/
Après la théorie, la pratique … A vous !
14. • 1. Cliquez sur « Créez un site web»
Etape 1 : Créez votre compte
15. • 3. Choisissez un design
• 4. Entrez votre email
• 5. Choisissez votre mot de passe
Etape 1 : Créez votre compte
16. • 6. Entrez un nom
pour votre site, son
adresse URL (nom de
domaine choisi)
• 7. Vérifiez le
Domaine
Etape 1 : Créez votre compte
17. Header
Titre du site
Barre de navigation
ou menu
Phrase
d’accroche
Phrase
d’accroche
ContenuContenu
Widgets :
Réseaux
sociaux ou
météo ou …
Widgets :
Réseaux
sociaux ou
météo ou …
20. 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
21. 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 …
25. 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 »
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 squelette du site !
26. 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
27. 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
Gérer vos pages, votre menu
28. 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
• 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
29. 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.
30. 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
31. 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
32. 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
33. 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
34. 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…
35. 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
36. 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 +
37. 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. Vous
définissez votre position, le client n’a plus qu’à
définir la sienne.
38. Exemples d’insertion de modules dans la barre latérale
(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
39. Connectez-vous sur www.meteorama.fr
Cliquez sur Météo gratuite pour site
Suivez les trois étapes :
– sélectionner la ville et le format,
– changer le contenu
– ajouter votre style
Vous aurez alors un aperçu de votre widget
Acceptez les conditions générales et générez
le code
1- Ajouter un widget « Météo »
Copiez le code HTLM généré et collez-
le dans le cadre élément
Widget/HTML que vous avez créé sur
votre site Jimdo
Copiez le code HTLM généré et collez-
le dans le cadre élément
Widget/HTML que vous avez créé sur
votre site Jimdo
Changez la langue de la météo pour vos versions étrangères
40. 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 »
41. 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.
Cherchez la vidéo souhaitée
11
22
33
44
3- Ajouter une vidéo You Tube
42. • Connectez-vous sur google agenda
• Cliquez sur la flèche à droite de Mes agendas
• Choisissez créer un agenda
4- Calendrier des disponibilités
43.
44. Cliquez sur la flèche à droite du
nom de votre agenda
Choisissez paramètres de l’agenda
Vous pouvez ici à tout moment,
modifier les paramètres
enregistrés au départ
Ou créer votre widget et le
personnaliser avant de récupérer
le code HTLM d’intégration sur
votre site web
45.
46. 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
Le pack « Multi-langues » de
Jimdo (Nouveauté 2016) :
http://aide.jimdo.com/basiques/questions-fr
%C3%A9quentes/pack-multi-langues/
47. Voici quelques liens pour vous aider à parfaire votre site :
Pour aller plus loin avec Jimdo
49. Les Animateurs Numériques de
territoire dans le Lot
Retrouvez toute l’info Etourisme sur le centre de ressources : tourisme-lot-ressources.com
Rubrique Etourisme
• Vallée du Lot et du Vignoble : Anouk Marchand / 05 65 21 37 63/ a.marchand@tourisme-lot-vignoble.com
• Vallée de la Dordogne : Mélanie Ramière / 05 65 33 22 00 / m.ramiere@vallee-dordogne-rocamadour.com
• Pays de Gourdon : Cathy Mabout / 05 65 27 52 50 / cathy.mabout@tourisme-gourdon.com
• Grand Cahors : Romain Peroua / 05 65 53 20 80 / rperoua@tourisme-cahors.com
Emmanuelle Castelnau / 05 65 31 31 31 / emmanuelle.castelnau@saint-cirqlapopie.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
• Lot Tourisme : Cathy Seguy / 05 65 35 81 95 / cathy.seguy@tourisme-lot.com
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
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)
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 ?
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
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 ».
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 : ….