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 Numérique - Créer son site web avec Jimdo - 2016

1,203 views

Published on

Prise en main de tous les outils de Jimdo pour créer son site web et être autonome.
Astuces pour la conception et le contenu de son site web.

Published in: Internet
  • Login to see the comments

  • Be the first to like this

Atelier Numérique - Créer son site web avec Jimdo - 2016

  1. 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. 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 professionnelle (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 • 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. 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. 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. 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. 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. 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. 11. Vérifier votre Nom de Domaine … http://www.whois-raynette.fr/ Vérification du nom de domaine
  12. 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. 13. Rendez-vous sur : http://fr.jimdo.com/ Après la théorie, la pratique … A vous !
  14. 14. • 1. Cliquez sur « Créez un site web» Etape 1 : Créez votre compte
  15. 15. • 3. Choisissez un design • 4. Entrez votre email • 5. Choisissez votre mot de passe Etape 1 : Créez votre compte
  16. 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. 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 …
  18. 18. Style Blog Acheter Paramèt res SEO - Référencement Stats (achat) Aide Design E-boutique Le Menu « Administration » Aide Pro externe
  19. 19. Design Design : on choisi son site : sa coquille, son graphisme
  20. 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. 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 …
  22. 22. Achat
  23. 23. Paramètres
  24. 24. SEO
  25. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 43.  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
  44. 44. 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/
  45. 45. Voici quelques liens pour vous aider à parfaire votre site : Pour aller plus loin avec Jimdo
  46. 46. Merci de votre attention
  47. 47. 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

×