Jour 2 : La
pratique !
ATELIER 2 : CRÉER MON
SITE INTERNET AVEC
JIMDO
21 mars 2013 - Paimpol
Yvanne Béolet
OT Lannion Trégor Agglomération
yvanne.beolet@gmail.com
Stéphanie Dabernat
Pays Touristique
Trégor-Goëlo
Stephanie.dabernat@tregorgoelo.fr
PETIT TOUR DE TABLE POUR
COMMENCER
Vos premières impressions avec Jimdo…
?
 Tour du propriétaire Jimdo :
 Le module d’administration
 Le header
 Le menu
 Le contenu
 Widgets :
Météo, cartos, dispos, etc. : Enrichissez votre
site Internet avec des contenus venus d’autres sites !
 Bonus : Fonction blog
CE QU’ON VA VOIR ENSEMBLE
AUJOURD’HUI
JIMDO : TOUR DU
PROPRIÉTAIRE
PRÉSENTATION GÉNÉRALE
1. Module
d’administration
(visible uniquement en
mode « modifier »)
2. Header
(en-tête du site web)
3. Menu (arborescence)
4. Contenu de la page
DESIGN : choisir, modifier et paramétrer l’aspect général du site (modèles
préconçus ou templates personnalisés pour les spécialistes)
STYLE : Paramétrage du style (taille, couleur, police…) de vos titres, textes…
Adopté par déf aut dans toutes les pages pour harmonie d’ensemble du site.
BLOG : Pour écrire et gérer la publication des articles de votre blog (si vous
activez cette f onction)
VERSIONS PROS : C’est par là pour passer en version pro (60 €/ an)
PARAMETRES : Pour gérer votre nom de domaine, vos e -mails, mots de passe,
l’affichage sur mobiles http://quirktools.com/screenfly / (affichage possible
uniquement en version pro)
REFERENCEMENT : Permet de renseigner le titre, le descriptif et les mots clés
du site (ou de chaque page en version pro) pour les moteurs de recherche.
STATISTIQUES : Module réservé au JimdoPro. Mais possibilité d’installer Google
Analytics en version gratuite (voir dans paramètres)
AIDE : L’assistance de Jimdo est très performante et simple d’utilisation.
1. PARAMÉTRER JIMDO
 Jouer avec les
paramètres dans
jimdo (assez limité)
 Créer une image /
composition dans un
autre logiciel et
l’importer en image
personnelle
 Faire appel à un
professionnel pour
développer une
bannière et un design
personnalisés qui
vous permettront de
vous démarquer
2. LE HEADER
Différentes possibilités pour
personnaliser votre en-tête :
LA NAVIGATION – L’ARBORESCENCE
LE CONTENU : PRINCIPE DE BASE
LE CONTENU : STRUCTURER SES PAGES
LE CONTENU : DÉPLACER / DUPLIQUER
UN ÉLÉMENT
Cliquez sur la croix à droite du
bloc à déplacer et maintenez le
bouton de la souris enfoncé
pour glisser le bloc vers la droite
Votre bloc se trouve
enregistré dans cette zone
et peut être récupéré sur
n’importe quelle autre page
Si vous souhaitez dupliquer les éléments sur une autre page (pour
conserver une mise en page identique dans tout le site par exemple),
pensez à d’abord copier le ou les élément(s) à déplacer.
Déplacer d’une page à une autre
Dupliquer d’une page à une autre
LE CONTENU : LES TITRES, SOUS-TITRES
ET TEXTES
LE CONTENU : ÉDITEUR DE TEXTE
LE CONTENU : LES IMAGES
Pour le
référencement,
pensez à renseigner
tous les champs
descriptifs et à
mettre des liens
pour accéder à plus
de détails (même en
mode galerie
d’images)
 Formulaire : pour contact ou demande de
réservation – exemple :
http://fr.jimdo.com/2012/02/24/un -nouveau-formulaire-
beaucoup-plus-complet/
 Flux RSS : Pour récupérer des actualités
diffusées sur des blogs – Certains OTSI
proposent aussi un flux RSS des animations du
territoire, renseignez-vous !
 Livre d’or : Pour déposer un avis sur
l’établissement. Pensez néanmoins à faire des
liens vers les sites d’avis (TripAdvisor, Vinivi…)
 Partager : Pour inciter les visiteurs à
partager vos contenus via leurs réseaux sociaux
(il existe aussi Addthis)
 Catalogue / Article : pour la boutique en
ligne
LE CONTENU : D’AUTRES OUTILS
Les
widgets
ENRICHISSEZ VOTRE
SITE
L’outil « Widget / HTML » peut rester
le seul outil à utiliser pour intégrer
des contenus hébergés sur d’autres
plateformes.
Exemples de widgets intégrables :
 Météo
 Localisation via Google maps
 Disponibilités via Google agenda
 Vidéos via Youtube, Dailymotion, Viméo…
 Photos via FlickR…
 Et bien d’autres encore !
LE PRINCIPE DES WIDGETS
MÉTÉO
 La fonction Google Maps de Jimdo est pratique pour afficher
une carte permettant un calcul d’itinéraire
CARTE DE LOCALISATION - ITINÉRAIRE
Choisir l’option
d’affichage
« Itinéraires »
Créez un nouveau repère en
positionnant la punaise rouge à
l’endroit de votre établissement
(n’hésitez pas à zoomer pour être
bien précis)
 Pour une carte plus
personnalisée, vous pouvez
créer une carte dans Google
Maps et l’importer dans
votre site grâce au fameux
bouton « Widget / HTML »
Tutoriel Google Maps :
http://espacemultimedia.cc-
canton-rocheserviere.fr
 En vous créant un
Google Agenda :
http://www.etourisme.info/google-
agenda-le-mac-giver-des-
disponibilites-en-ligne
 En utilisant le widget
de votre centrale de
réservation (ex. Abritel)
http://www.abritel.fr/info/guide-
proprietaire/optimiser-
annonce/gerer-calendrier
DISPONIBILITÉS EN LIGNE
Pour se créer un compte Google : https://accounts.google.com/NewAccount
LES AUTRES WIDGETS POSSIBLES
LISTE NON EXHAUSTIVE !
Toujours le même principe de « copier/coller » le code généré dans « Widget / HTML ».
Quand cela vous est proposé, allez toujours dans la partie « Personnalisation du widget » afin
d’affiner les paramètres d’affichage pour votre site.
Vidéos et photos
Sites d’avis
Réseaux
sociaux
Partager – intégrer – embed
Autres
En bonus !
LA FONCTION BLOG
FONCTION BLOG : ÉCRIRE LES ARTICLES
1. Activez le blog dans le module
d’administration
Le statut doit être public pour que
l’article puisse s’afficher
Choisissez des mots clés qui vous
permettront de classer vos articles par
catégorie (promotion, coup de cœur,
humeur du jour…)
Construisez votre article comme
n’importe quelle page de votre site
Internet. Pensez à ajouter un bouton de
partage à la fin de l’article !
Maintenant que l’article est créé, il faut choisir où l’afficher !
FONCTION BLOG : PUBLIER LES ARTICLES
Si vous souhaitez afficher à des
endroits différents selon les
catégories d’articles
Seuls les premiers blocs de l’article apparaissent dans
la page (lire la suite)
Nombre de blocs à afficher
pour présenter les articles
Affichage des articles en entier
Nombre d’articles
à afficher
Vous pouvez
aussi choisir
l’outil « Flux
RSS » et y coller
le flux de votre
blog.
Il se présente toujours de la manière suivante :
http://nomdevotresite.jimdo.com/rss/blog/
Merci à tout le réseau des ANT de France pour le partage
des tutoriels, et plus particulièrement merci à Laure
Atelantado du Pays de Figeac, Florian Olivier du PNR du
Pilat, Yannis Adebiaye de l’OT Loire Forez.
REMERCIEMENTS ET LIENS UTILES
Aide de Jimdo : aide.jimdo.com
Générateur de mentions légales :
www.subdelirium.com/generateur-de-mentions-legales
Un design pro pour votre site : http://fr.jimdo.com/outils/webdesign/
Installer Google Analytics sur votre site Jimdo :
http://aide.jimdo.com/paramètres/applications/google-analytics/
ET TOUJOURS
Consultez l’espace ressources e-tourisme sur
www.tregorgoelo.fr
Rejoignez le groupe Facebook régional
Bzh Etourisme 2012 :
www.facebook.com/groups/bzhetourisme/
Retrouvez les actualités des rendez-vous e-tourisme en
Trégor-Goëlo sur le blog du Pays Touristique
Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

  • 1.
    Jour 2 :La pratique ! ATELIER 2 : CRÉER MON SITE INTERNET AVEC JIMDO 21 mars 2013 - Paimpol Yvanne Béolet OT Lannion Trégor Agglomération yvanne.beolet@gmail.com Stéphanie Dabernat Pays Touristique Trégor-Goëlo Stephanie.dabernat@tregorgoelo.fr
  • 2.
    PETIT TOUR DETABLE POUR COMMENCER Vos premières impressions avec Jimdo… ?
  • 3.
     Tour dupropriétaire Jimdo :  Le module d’administration  Le header  Le menu  Le contenu  Widgets : Météo, cartos, dispos, etc. : Enrichissez votre site Internet avec des contenus venus d’autres sites !  Bonus : Fonction blog CE QU’ON VA VOIR ENSEMBLE AUJOURD’HUI
  • 4.
    JIMDO : TOURDU PROPRIÉTAIRE
  • 5.
    PRÉSENTATION GÉNÉRALE 1. Module d’administration (visibleuniquement en mode « modifier ») 2. Header (en-tête du site web) 3. Menu (arborescence) 4. Contenu de la page
  • 6.
    DESIGN : choisir,modifier et paramétrer l’aspect général du site (modèles préconçus ou templates personnalisés pour les spécialistes) STYLE : Paramétrage du style (taille, couleur, police…) de vos titres, textes… Adopté par déf aut dans toutes les pages pour harmonie d’ensemble du site. BLOG : Pour écrire et gérer la publication des articles de votre blog (si vous activez cette f onction) VERSIONS PROS : C’est par là pour passer en version pro (60 €/ an) PARAMETRES : Pour gérer votre nom de domaine, vos e -mails, mots de passe, l’affichage sur mobiles http://quirktools.com/screenfly / (affichage possible uniquement en version pro) REFERENCEMENT : Permet de renseigner le titre, le descriptif et les mots clés du site (ou de chaque page en version pro) pour les moteurs de recherche. STATISTIQUES : Module réservé au JimdoPro. Mais possibilité d’installer Google Analytics en version gratuite (voir dans paramètres) AIDE : L’assistance de Jimdo est très performante et simple d’utilisation. 1. PARAMÉTRER JIMDO
  • 7.
     Jouer avecles paramètres dans jimdo (assez limité)  Créer une image / composition dans un autre logiciel et l’importer en image personnelle  Faire appel à un professionnel pour développer une bannière et un design personnalisés qui vous permettront de vous démarquer 2. LE HEADER Différentes possibilités pour personnaliser votre en-tête :
  • 8.
    LA NAVIGATION –L’ARBORESCENCE
  • 9.
    LE CONTENU :PRINCIPE DE BASE
  • 10.
    LE CONTENU :STRUCTURER SES PAGES
  • 11.
    LE CONTENU :DÉPLACER / DUPLIQUER UN ÉLÉMENT Cliquez sur la croix à droite du bloc à déplacer et maintenez le bouton de la souris enfoncé pour glisser le bloc vers la droite Votre bloc se trouve enregistré dans cette zone et peut être récupéré sur n’importe quelle autre page Si vous souhaitez dupliquer les éléments sur une autre page (pour conserver une mise en page identique dans tout le site par exemple), pensez à d’abord copier le ou les élément(s) à déplacer. Déplacer d’une page à une autre Dupliquer d’une page à une autre
  • 12.
    LE CONTENU :LES TITRES, SOUS-TITRES ET TEXTES
  • 13.
    LE CONTENU :ÉDITEUR DE TEXTE
  • 14.
    LE CONTENU :LES IMAGES Pour le référencement, pensez à renseigner tous les champs descriptifs et à mettre des liens pour accéder à plus de détails (même en mode galerie d’images)
  • 15.
     Formulaire :pour contact ou demande de réservation – exemple : http://fr.jimdo.com/2012/02/24/un -nouveau-formulaire- beaucoup-plus-complet/  Flux RSS : Pour récupérer des actualités diffusées sur des blogs – Certains OTSI proposent aussi un flux RSS des animations du territoire, renseignez-vous !  Livre d’or : Pour déposer un avis sur l’établissement. Pensez néanmoins à faire des liens vers les sites d’avis (TripAdvisor, Vinivi…)  Partager : Pour inciter les visiteurs à partager vos contenus via leurs réseaux sociaux (il existe aussi Addthis)  Catalogue / Article : pour la boutique en ligne LE CONTENU : D’AUTRES OUTILS
  • 16.
  • 17.
    L’outil « Widget/ HTML » peut rester le seul outil à utiliser pour intégrer des contenus hébergés sur d’autres plateformes. Exemples de widgets intégrables :  Météo  Localisation via Google maps  Disponibilités via Google agenda  Vidéos via Youtube, Dailymotion, Viméo…  Photos via FlickR…  Et bien d’autres encore ! LE PRINCIPE DES WIDGETS
  • 18.
  • 19.
     La fonctionGoogle Maps de Jimdo est pratique pour afficher une carte permettant un calcul d’itinéraire CARTE DE LOCALISATION - ITINÉRAIRE Choisir l’option d’affichage « Itinéraires » Créez un nouveau repère en positionnant la punaise rouge à l’endroit de votre établissement (n’hésitez pas à zoomer pour être bien précis)  Pour une carte plus personnalisée, vous pouvez créer une carte dans Google Maps et l’importer dans votre site grâce au fameux bouton « Widget / HTML » Tutoriel Google Maps : http://espacemultimedia.cc- canton-rocheserviere.fr
  • 20.
     En vouscréant un Google Agenda : http://www.etourisme.info/google- agenda-le-mac-giver-des- disponibilites-en-ligne  En utilisant le widget de votre centrale de réservation (ex. Abritel) http://www.abritel.fr/info/guide- proprietaire/optimiser- annonce/gerer-calendrier DISPONIBILITÉS EN LIGNE Pour se créer un compte Google : https://accounts.google.com/NewAccount
  • 21.
    LES AUTRES WIDGETSPOSSIBLES LISTE NON EXHAUSTIVE ! Toujours le même principe de « copier/coller » le code généré dans « Widget / HTML ». Quand cela vous est proposé, allez toujours dans la partie « Personnalisation du widget » afin d’affiner les paramètres d’affichage pour votre site. Vidéos et photos Sites d’avis Réseaux sociaux Partager – intégrer – embed Autres
  • 22.
    En bonus ! LAFONCTION BLOG
  • 23.
    FONCTION BLOG :ÉCRIRE LES ARTICLES 1. Activez le blog dans le module d’administration Le statut doit être public pour que l’article puisse s’afficher Choisissez des mots clés qui vous permettront de classer vos articles par catégorie (promotion, coup de cœur, humeur du jour…) Construisez votre article comme n’importe quelle page de votre site Internet. Pensez à ajouter un bouton de partage à la fin de l’article ! Maintenant que l’article est créé, il faut choisir où l’afficher !
  • 24.
    FONCTION BLOG :PUBLIER LES ARTICLES Si vous souhaitez afficher à des endroits différents selon les catégories d’articles Seuls les premiers blocs de l’article apparaissent dans la page (lire la suite) Nombre de blocs à afficher pour présenter les articles Affichage des articles en entier Nombre d’articles à afficher Vous pouvez aussi choisir l’outil « Flux RSS » et y coller le flux de votre blog. Il se présente toujours de la manière suivante : http://nomdevotresite.jimdo.com/rss/blog/
  • 25.
    Merci à toutle réseau des ANT de France pour le partage des tutoriels, et plus particulièrement merci à Laure Atelantado du Pays de Figeac, Florian Olivier du PNR du Pilat, Yannis Adebiaye de l’OT Loire Forez. REMERCIEMENTS ET LIENS UTILES Aide de Jimdo : aide.jimdo.com Générateur de mentions légales : www.subdelirium.com/generateur-de-mentions-legales Un design pro pour votre site : http://fr.jimdo.com/outils/webdesign/ Installer Google Analytics sur votre site Jimdo : http://aide.jimdo.com/paramètres/applications/google-analytics/
  • 26.
    ET TOUJOURS Consultez l’espaceressources e-tourisme sur www.tregorgoelo.fr Rejoignez le groupe Facebook régional Bzh Etourisme 2012 : www.facebook.com/groups/bzhetourisme/ Retrouvez les actualités des rendez-vous e-tourisme en Trégor-Goëlo sur le blog du Pays Touristique

Notes de l'éditeur