Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Atelier créer son site web avec Jimdo - 2018

792 views

Published on

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.

Published in: Internet
  • Login to see the comments

  • Be the first to like this

Atelier créer son site web avec Jimdo - 2018

  1. 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. 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. 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. 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. 5. La méthode
  6. 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. 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. 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. 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. 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. 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. 12. Vérifier votre Nom de Domaine … http://www.whois-raynette.fr/ Vérification du nom de domaine
  13. 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. 14. Rendez-vous sur : http://fr.jimdo.com/ Après la théorie, la pratique … A vous !
  15. 15. Etape 1 : Créez votre compte
  16. 16. Etape 1 : Créez votre compte
  17. 17. Etape 1 : Créez votre compte
  18. 18. Etape 1 : Créez votre compte
  19. 19. HeaderBarre de navigation ou menu Contenu de la page Widgets : Réseaux sociaux ou météo ou …
  20. 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. 21. Le Menu « Administration » En haut à gauche
  22. 22. Design Design : on choisi son site : sa coquille, son graphisme et on le change quand bon nous semble !
  23. 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. 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. 25. SEO
  26. 26. Domaines & E-mails
  27. 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. 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. 29. Achat Achat : pour passer en Jimdo Pro ou Business
  30. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 50. Voici quelques liens pour vous aider à parfaire votre site : Pour aller plus loin avec Jimdo
  51. 51. Merci de votre attention
  52. 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

×