SlideShare une entreprise Scribd logo
1  sur  52
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.
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
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)
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 ?
La méthode
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
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
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, …
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
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
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é
Vérifier votre Nom de Domaine …
http://www.whois-raynette.fr/
Vérification du nom de domaine
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 !
Rendez-vous sur : http://fr.jimdo.com/
Après la théorie, la pratique … A vous !
Etape 1 : Créez votre compte
Etape 1 : Créez votre compte
Etape 1 : Créez votre compte
Etape 1 : Créez votre compte
HeaderBarre de navigation
ou menu
Contenu
de la page
Widgets :
Réseaux
sociaux ou
météo ou …
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
Le Menu « Administration »
En haut à gauche
Design
Design : on choisi son site : sa coquille, son graphisme et on
le change quand bon nous semble !
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é
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 …
SEO
Domaines & E-mails
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.
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, …
Achat
Achat : pour passer en Jimdo Pro ou Business
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 !
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
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
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
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.
 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
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
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
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)
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)…
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
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 +
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
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 ».
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
 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.
 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 »
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
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
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
Voici quelques liens pour vous aider à parfaire votre site :
Pour aller plus loin avec Jimdo
Merci de votre attention
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

Contenu connexe

Tendances

Créer et animer sa page facebook _ Ateliers numériques Pays de Bergerac
Créer et animer sa page facebook _ Ateliers numériques Pays de BergeracCréer et animer sa page facebook _ Ateliers numériques Pays de Bergerac
Créer et animer sa page facebook _ Ateliers numériques Pays de Bergerac
Pays de Bergerac
 
Atelier numérique OT Lourdes : création et animation de ma page Facebook
Atelier numérique OT Lourdes : création et animation de ma page FacebookAtelier numérique OT Lourdes : création et animation de ma page Facebook
Atelier numérique OT Lourdes : création et animation de ma page Facebook
Cédric Lourdes
 

Tendances (20)

Atelier Facebook - Destination Brocéliande
Atelier Facebook - Destination Brocéliande Atelier Facebook - Destination Brocéliande
Atelier Facebook - Destination Brocéliande
 
Atelier # créer et animer ma page facebook
Atelier # créer et animer ma page facebookAtelier # créer et animer ma page facebook
Atelier # créer et animer ma page facebook
 
Atelier Créer et animer sa page Facebook
Atelier Créer et animer sa page FacebookAtelier Créer et animer sa page Facebook
Atelier Créer et animer sa page Facebook
 
Atelier 5 Aller plus loin avec Facebook
Atelier 5 Aller plus loin avec FacebookAtelier 5 Aller plus loin avec Facebook
Atelier 5 Aller plus loin avec Facebook
 
Atelier numérique facebook page
Atelier numérique facebook pageAtelier numérique facebook page
Atelier numérique facebook page
 
Améliorer son référencement et son image par la photo et la vidéo
Améliorer son référencement et son image par la photo et la vidéoAméliorer son référencement et son image par la photo et la vidéo
Améliorer son référencement et son image par la photo et la vidéo
 
Atelier Numérique de territoire : Créer et Animer sa page Facebook
Atelier Numérique de territoire : Créer et Animer sa page FacebookAtelier Numérique de territoire : Créer et Animer sa page Facebook
Atelier Numérique de territoire : Créer et Animer sa page Facebook
 
Créer et Animer sa page Facebook - 2016
Créer et Animer sa page Facebook - 2016Créer et Animer sa page Facebook - 2016
Créer et Animer sa page Facebook - 2016
 
Réseaux sociaux
Réseaux sociauxRéseaux sociaux
Réseaux sociaux
 
Instagram
InstagramInstagram
Instagram
 
Atelier Aller plus loin avec Facebook
Atelier Aller plus loin avec FacebookAtelier Aller plus loin avec Facebook
Atelier Aller plus loin avec Facebook
 
Atelier 4 Facebook
Atelier 4 FacebookAtelier 4 Facebook
Atelier 4 Facebook
 
Animer son compte Instagram
Animer son compte InstagramAnimer son compte Instagram
Animer son compte Instagram
 
Clés pour un meilleur référencement - OTC Evreux Normandie
Clés pour un meilleur référencement - OTC Evreux NormandieClés pour un meilleur référencement - OTC Evreux Normandie
Clés pour un meilleur référencement - OTC Evreux Normandie
 
Atelier numérique Créer son site Wix
Atelier numérique Créer son site WixAtelier numérique Créer son site Wix
Atelier numérique Créer son site Wix
 
Créer et animer sa page facebook _ Ateliers numériques Pays de Bergerac
Créer et animer sa page facebook _ Ateliers numériques Pays de BergeracCréer et animer sa page facebook _ Ateliers numériques Pays de Bergerac
Créer et animer sa page facebook _ Ateliers numériques Pays de Bergerac
 
Utiliser Facebook pour votre business
Utiliser Facebook pour votre businessUtiliser Facebook pour votre business
Utiliser Facebook pour votre business
 
Atelier numérique OT Lourdes : création et animation de ma page Facebook
Atelier numérique OT Lourdes : création et animation de ma page FacebookAtelier numérique OT Lourdes : création et animation de ma page Facebook
Atelier numérique OT Lourdes : création et animation de ma page Facebook
 
Instagram stories
Instagram storiesInstagram stories
Instagram stories
 
Atelier Google My Business
Atelier Google My BusinessAtelier Google My Business
Atelier Google My Business
 

Similaire à Atelier créer son site web avec Jimdo - 2018

Atelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage NormandAtelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage Normand
OT Bocage Normand
 
Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même" Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même"
Aline INIZAN PAYEN
 

Similaire à Atelier créer son site web avec Jimdo - 2018 (20)

Atelier Numérique - Créer son site web avec Jimdo - 2016
Atelier Numérique - Créer son site web avec Jimdo  - 2016Atelier Numérique - Créer son site web avec Jimdo  - 2016
Atelier Numérique - Créer son site web avec Jimdo - 2016
 
Atelier Jimdo
Atelier JimdoAtelier Jimdo
Atelier Jimdo
 
Créer son site_jimdo
Créer son site_jimdoCréer son site_jimdo
Créer son site_jimdo
 
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
 
Pays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier JimdoPays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier Jimdo
 
Atelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage NormandAtelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage Normand
 
Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même" Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même"
 
Animation Numérique de Territoire : Atelier jimdo
Animation Numérique de Territoire : Atelier jimdoAnimation Numérique de Territoire : Atelier jimdo
Animation Numérique de Territoire : Atelier jimdo
 
2014 12 11 Jimdo Tutoriel 2015
2014 12 11 Jimdo Tutoriel 20152014 12 11 Jimdo Tutoriel 2015
2014 12 11 Jimdo Tutoriel 2015
 
Atelier4: Je crée mon site Jimdo
Atelier4: Je crée mon site JimdoAtelier4: Je crée mon site Jimdo
Atelier4: Je crée mon site Jimdo
 
A4 otamp enrichir_site_web
A4 otamp enrichir_site_webA4 otamp enrichir_site_web
A4 otamp enrichir_site_web
 
Jimdo Tutoriel
Jimdo TutorielJimdo Tutoriel
Jimdo Tutoriel
 
Atelier jimdo 1
Atelier jimdo 1Atelier jimdo 1
Atelier jimdo 1
 
Atelier "Enrichir le contenu de son site Internet"
Atelier "Enrichir le contenu de son site Internet"Atelier "Enrichir le contenu de son site Internet"
Atelier "Enrichir le contenu de son site Internet"
 
Créer son blog
Créer son blogCréer son blog
Créer son blog
 
Ant - atelier creation site internet v3 niveau1 2018
Ant - atelier creation site internet v3 niveau1 2018Ant - atelier creation site internet v3 niveau1 2018
Ant - atelier creation site internet v3 niveau1 2018
 
Atelier numérique, créer son premier site internet avec Jimdo
Atelier numérique, créer son premier site internet avec JimdoAtelier numérique, créer son premier site internet avec Jimdo
Atelier numérique, créer son premier site internet avec Jimdo
 
Atelier jimdo 1
Atelier jimdo 1Atelier jimdo 1
Atelier jimdo 1
 
2016 Création Refonte Site
2016 Création Refonte Site2016 Création Refonte Site
2016 Création Refonte Site
 
Création & refonte de site internet
Création & refonte de site internet Création & refonte de site internet
Création & refonte de site internet
 

Plus de Kate De Gourdon

Plus de Kate De Gourdon (16)

Les Avis clients
Les Avis clientsLes Avis clients
Les Avis clients
 
Atelier le référencement 2016
Atelier le référencement 2016Atelier le référencement 2016
Atelier le référencement 2016
 
Atelier "Photos et videos 2016"
Atelier "Photos et videos 2016"Atelier "Photos et videos 2016"
Atelier "Photos et videos 2016"
 
Atelier Numérique "Gestion Relation clients par le mail - 2016"
Atelier Numérique "Gestion Relation clients par le mail - 2016"Atelier Numérique "Gestion Relation clients par le mail - 2016"
Atelier Numérique "Gestion Relation clients par le mail - 2016"
 
Atelier Numérique "Internet de séjour et wifi"
Atelier Numérique "Internet de séjour et wifi"Atelier Numérique "Internet de séjour et wifi"
Atelier Numérique "Internet de séjour et wifi"
 
Atelier Numérique "Le petit monde de google"
Atelier Numérique "Le petit monde de google"Atelier Numérique "Le petit monde de google"
Atelier Numérique "Le petit monde de google"
 
Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"
 
Animation Numérique de Territoire : Atelier Gestion Relation Client par le Mail
Animation Numérique de Territoire : Atelier Gestion Relation Client par le MailAnimation Numérique de Territoire : Atelier Gestion Relation Client par le Mail
Animation Numérique de Territoire : Atelier Gestion Relation Client par le Mail
 
Atelier Google+ Local et Yelp 2014
Atelier Google+ Local et Yelp 2014Atelier Google+ Local et Yelp 2014
Atelier Google+ Local et Yelp 2014
 
Atelier Numérique de territoire : Communiquer avec les réseaux sociaux
Atelier Numérique de territoire : Communiquer avec les réseaux sociauxAtelier Numérique de territoire : Communiquer avec les réseaux sociaux
Atelier Numérique de territoire : Communiquer avec les réseaux sociaux
 
Atelier Numérique de Territoire : le référencement
Atelier Numérique de Territoire : le référencementAtelier Numérique de Territoire : le référencement
Atelier Numérique de Territoire : le référencement
 
Animation Numérique de territoire - Atelier photos et videos
Animation Numérique de territoire - Atelier photos et videosAnimation Numérique de territoire - Atelier photos et videos
Animation Numérique de territoire - Atelier photos et videos
 
Programme Animation Numérique de Territoire Printemps 2014 Pays de Gourdon To...
Programme Animation Numérique de Territoire Printemps 2014 Pays de Gourdon To...Programme Animation Numérique de Territoire Printemps 2014 Pays de Gourdon To...
Programme Animation Numérique de Territoire Printemps 2014 Pays de Gourdon To...
 
Animation Numérique de Territoire : Atelier la mobilité
Animation Numérique de Territoire : Atelier la mobilitéAnimation Numérique de Territoire : Atelier la mobilité
Animation Numérique de Territoire : Atelier la mobilité
 
Animation Numérique de Territoire : Atelier Google+ Local et Yelp
Animation Numérique de Territoire : Atelier Google+ Local et YelpAnimation Numérique de Territoire : Atelier Google+ Local et Yelp
Animation Numérique de Territoire : Atelier Google+ Local et Yelp
 
Animation Numérique de Territoire : Atelier avis clients
Animation Numérique de Territoire : Atelier avis clientsAnimation Numérique de Territoire : Atelier avis clients
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 !
  • 15. Etape 1 : Créez votre compte
  • 16. Etape 1 : Créez votre compte
  • 17. Etape 1 : Créez votre compte
  • 18. Etape 1 : Créez votre compte
  • 19. HeaderBarre de navigation ou menu Contenu de la page Widgets : Réseaux sociaux ou météo ou …
  • 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
  • 21. Le Menu « Administration » En haut à gauche
  • 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 …
  • 25. SEO
  • 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, …
  • 29. Achat Achat : pour passer en Jimdo Pro ou Business
  • 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
  • 51. Merci de votre attention
  • 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. 1- On liste tous les contenus : se placer du côté utilisateur du site, passe même avant la réalisation du graphisme
  2. 1- On liste tous les contenus : se placer du côté utilisateur du site, passe même avant la réalisation du graphisme
  3. 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
  4. 3- On structure l’information : hiérarchiser les catégories pour mettre en valeur certains contenus web.
  5. 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.
  6. Et attention aux mots trop concurrentiels !
  7. Liens internes: meilleur référencement
  8. 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)
  9. 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)
  10. 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)
  11. 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)
  12. Présentation d’une page Jimdo, la structure du site
  13. 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
  14. 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.
  15. ZOOM Création du Menu et sous-menu Ajout de page, suppression d’une page ou on « cache » une page sans la supprimer
  16. 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 ?
  17. 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 ».
  18. 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
  19. 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
  20. ZOOM Création du Menu et sous-menu Ajout de page, suppression d’une page ou on « cache » une page sans la supprimer
  21. ZOOM Création du Menu et sous-menu Ajout de page, suppression d’une page ou on « cache » une page sans la supprimer
  22. ZOOM Création du Menu et sous-menu Ajout de page, suppression d’une page ou on « cache » une page sans la supprimer
  23. Vous êtes libre de créer ce que vous souhaitez !
  24. Flux RSS : IL N’Y A PAS DE FLUX RSS DISPONIBLE SUR TOUTES LES PAGES INTERNET !!!
  25. ZOOM Création du Menu et sous-menu Ajout de page, suppression d’une page ou on « cache » une page sans la supprimer
  26. 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 !
  27. 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 !
  28. Pour les hébergements principalement
  29. 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 : ….